@layer foundation, navigation, opening, discovery, atlas, studio, information, adaptation;
@layer foundation {
  :root {
    color-scheme: dark;
    --paper: #071317;
    --panel: #0d2025;
    --text: #f0f7f5;
    --muted: #a0b4b7;
    --mint: #8de9d1;
    --cyan: #2ac9d0;
    --line: #ffffff1a;
    font-family:
      Microsoft YaHei,
      PingFang SC,
      system-ui,
      sans-serif;
    font-synthesis: none;
    scroll-padding-top: 105px;
    scroll-behavior: smooth;
  }
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  body {
    margin: 0;
    background: var(--paper);
    color: var(--text);
    line-height: 1.7;
    font-size: 14px;
  }
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote,
  fieldset,
  ul,
  ol,
  dl,
  dd {
    margin: 0;
  }
  h2,
  h3 {
    line-height: 1.35;
    font-weight: 650;
  }
  h2 {
    font-size: clamp(25px, 2.5vw, 35px);
    letter-spacing: -0.04em;
  }
  h3 {
    font-size: 19px;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button,
  input {
    font: inherit;
    color: inherit;
  }
  button {
    cursor: pointer;
    border: 0;
    background: none;
  }
  input {
    min-width: 0;
  }
  img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  button,
  a,
  summary {
    -webkit-tap-highlight-color: transparent;
  }
  button,
  a {
    touch-action: manipulation;
  }
  ul,
  ol {
    list-style: none;
    padding: 0;
  }
  fieldset {
    border: 0;
    padding: 0;
  }
  em {
    font-style: normal;
    color: var(--mint);
  }
  ::selection {
    background: var(--mint);
    color: var(--paper);
  }
  :focus-visible {
    outline: 2px solid var(--mint);
    outline-offset: 5px;
    border-radius: 3px;
  }
  [hidden] {
    display: none !important;
  }
  section,
  aside[id] {
    scroll-margin-top: 20px;
  }
  summary {
    cursor: pointer;
    list-style: none;
  }
  summary::-webkit-details-marker {
    display: none;
  }
  .c8p3z7m2rf {
    margin-left: 84px;
    overflow: clip;
  }
  .s5h8c2p9vq {
    position: fixed;
    z-index: 100;
    left: 100px;
    top: -70px;
    padding: 12px 20px;
    color: var(--paper);
    background: var(--mint);
  }
  .s5h8c2p9vq:focus {
    top: 10px;
  }
  .a4c8r2m9vk {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--mint);
    font-size: 11px;
    letter-spacing: 0.13em;
    font-weight: 600;
  }
  .a4c8r2m9vk i {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: var(--mint);
    box-shadow: 0 0 15px #8de9d17d;
  }
  .f4m9r2c8wq {
    color: var(--muted);
    font-size: 12px;
  }
  .c2t8v5n9mq {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    align-items: center;
  }
  .e7v2q9m4ck {
    display: inline-flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    padding: 15px 24px;
    border-radius: 7px;
    background: linear-gradient(115deg, #a5efcb, #4bd5d2);
    color: #07252b;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 7px 35px #45d6c61c;
    transition:
      transform 0.2s,
      box-shadow 0.2s;
  }
  .e7v2q9m4ck:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px #45d6c635;
  }
  .e7v2q9m4ck span {
    font-size: 20px;
  }
  .a8n4m2q7vc {
    display: inline-flex;
    align-items: center;
    padding: 12px 0;
    gap: 25px;
    font-weight: 600;
    transition: color 0.2s;
  }
  .a8n4m2q7vc:hover {
    color: var(--mint);
  }
  .r4m9c2x8nq {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
  }
  .r4m9c2x8nq h2 {
    margin-top: 12px;
  }
  .r4m9c2x8nq h2 > span {
    font-size: 13px;
    color: var(--muted);
    letter-spacing: 0;
    margin-left: 20px;
    font-weight: 400;
  }
  .l5c2q8m9vr {
    padding: 65px clamp(28px, 4.4vw, 76px);
  }
  [data-reveal][data-waiting] {
    opacity: 0;
    transform: translateY(20px);
    transition:
      opacity 0.65s,
      transform 0.65s;
  }
  [data-reveal][data-waiting="done"] {
    opacity: 1;
    transform: none;
  }
}
@layer navigation {
  .f9k2x7d4ma {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 40;
    width: 84px;
    border-right: 1px solid var(--line);
    background: #08171c;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .h6n3q8v2wc {
    display: grid;
    place-items: center;
    height: 92px;
    width: 100%;
    border-bottom: 1px solid var(--line);
  }
  .h6n3q8v2wc > span {
    display: flex;
    align-items: baseline;
    font-size: 49px;
    line-height: 1;
    font-family: Georgia, serif;
    font-style: italic;
    color: var(--mint);
  }
  .h6n3q8v2wc > span > span {
    font-size: 21px;
    color: var(--cyan);
  }
  .f9k2x7d4ma nav {
    width: 100%;
    margin: 35px 0 15px;
  }
  .f9k2x7d4ma nav a,
  .f9k2x7d4ma > a:not(:first-child) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    min-height: 78px;
    color: #9bb2b5;
    transition:
      color 0.2s,
      background 0.2s;
  }
  .f9k2x7d4ma nav a span,
  .f9k2x7d4ma > a:not(:first-child) > span {
    font-size: 25px;
  }
  .f9k2x7d4ma a small {
    font-size: 10px;
    letter-spacing: 0.1em;
  }
  .f9k2x7d4ma a:hover,
  .f9k2x7d4ma a[aria-current] {
    color: var(--mint);
    background: #8de9d108;
  }
  .d4v7q2k9bx {
    margin-top: auto;
    writing-mode: vertical-rl;
    font-size: 9px;
    letter-spacing: 0.2em;
    color: #7f969a;
    margin-bottom: 35px;
  }
  .j4w8n2h6cq {
    position: sticky;
    top: 0;
    height: 92px;
    display: flex;
    align-items: center;
    gap: 26px;
    padding: 0 clamp(28px, 4.4vw, 76px);
    z-index: 30;
    border-bottom: 1px solid var(--line);
    background: #071317ee;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
  .j4w8n2h6cq h1 {
    font-size: 21px;
    letter-spacing: 0.1em;
    margin: 0;
    white-space: nowrap;
  }
  .j4w8n2h6cq h1 a {
    display: flex;
    align-items: center;
    gap: 11px;
  }
  .j4w8n2h6cq h1 img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #8de9d13b;
  }
  .j4w8n2h6cq h1 small {
    display: block;
    font-size: 8px;
    letter-spacing: 0.18em;
    color: #8fa8ac;
    font-weight: 400;
    margin-top: 1px;
  }
  .t6c3v8m2ph {
    display: flex;
    align-items: center;
    gap: clamp(16px, 2vw, 32px);
    margin-left: auto;
    font-size: 13px;
    white-space: nowrap;
  }
  .t6c3v8m2ph a {
    position: relative;
    padding: 10px 0;
    color: #b1c2c4;
  }
  .t6c3v8m2ph a:hover,
  .t6c3v8m2ph a[aria-current] {
    color: var(--mint);
  }
  .t6c3v8m2ph a[aria-current]:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 14px;
    height: 2px;
    background: var(--mint);
    left: calc(50% - 7px);
  }
  .y7m4c9p2kv {
    display: flex;
    gap: 18px;
    align-items: center;
  }
  .q8e2x6v4np {
    font-size: 12px;
    padding: 9px 16px;
    border: 1px solid #79dac13d;
    border-radius: 5px;
    color: var(--mint);
    white-space: nowrap;
  }
  .q8e2x6v4np:hover {
    background: #8de9d112;
  }
  .m4q8h2r9vf summary {
    font-size: 20px;
    min-width: 40px;
    min-height: 44px;
    display: grid;
    place-items: center;
  }
  .m4q8h2r9vf nav {
    position: absolute;
    right: 28px;
    top: 78px;
    width: min(470px, calc(100vw - 32px));
    background: #112c33;
    box-shadow: 0 15px 70px #0008;
    border: 1px solid #8de9d13b;
    border-radius: 10px;
    padding: 22px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 14px;
  }
  .m4q8h2r9vf nav a {
    padding: 10px;
    font-size: 13px;
    border-radius: 4px;
  }
  .m4q8h2r9vf nav a:hover {
    background: #8de9d110;
    color: var(--mint);
  }
  .m9q4v2c8rp {
    display: none;
  }
}
@layer opening {
  .k3v8c2q9mf {
    min-height: 680px;
    height: min(760px, calc(100svh - 92px));
    position: relative;
    isolation: isolate;
    background: #0a1b24;
    display: flex;
    align-items: center;
  }
  .w2f7m9c4qa {
    position: absolute;
    inset: 0;
    z-index: -2;
  }
  .w2f7m9c4qa:after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, #071317, #071317f2 22%, #07131799 49%, #0713170a 75%),
      linear-gradient(0deg, #071317 0%, transparent 40%, #0713172b 100%);
    pointer-events: none;
  }
  .r8q2m6x4va {
    position: absolute;
    inset: 0;
    animation: q4m8r2c9vp 0.75s ease both;
    overflow: hidden;
  }
  .r8q2m6x4va img {
    object-position: 70% 45%;
    opacity: 0.8;
  }
  .r8q2m6x4va figcaption {
    position: absolute;
    right: 5%;
    bottom: 135px;
    max-width: 290px;
    z-index: 2;
    text-shadow: 0 2px 12px #000;
  }
  .r8q2m6x4va figcaption span {
    font-size: 10px;
    letter-spacing: 0.15em;
    color: #c9e2e4;
  }
  .r8q2m6x4va figcaption strong {
    display: block;
    font-size: 31px;
    letter-spacing: 0.1em;
    margin: 7px 0;
  }
  .r8q2m6x4va figcaption p {
    font-size: 12px;
    color: #e4eeed;
  }
  .v8p2h6n4rc {
    position: relative;
    padding: 30px clamp(28px, 4.4vw, 76px) 90px;
    width: min(800px, 70%);
  }
  .v8p2h6n4rc h2 {
    font-size: clamp(64px, 6.2vw, 94px);
    line-height: 1.13;
    letter-spacing: -0.075em;
    margin: 22px 0;
    font-weight: 750;
  }
  .v8p2h6n4rc h2 em {
    background: linear-gradient(100deg, #aeefd9, #40d0d8);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }
  .b2n7c4w9mv {
    font-size: 19px;
    line-height: 1.65;
    color: #d4e2e1;
    margin-bottom: 16px;
  }
  .d9m2r7v4kc {
    max-width: 350px;
    font-size: 12px;
    color: var(--muted);
    margin-bottom: 25px;
  }
  .v8p2h6n4rc > .f4m9r2c8wq {
    display: block;
    margin-top: 19px;
    font-size: 10px;
  }
  .n7q4c8m2hv {
    position: absolute;
    bottom: 0;
    left: clamp(28px, 4.4vw, 76px);
    right: clamp(28px, 4.4vw, 76px);
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ffffff29;
  }
  .n7q4c8m2hv > span {
    font-size: 10px;
    color: #a4babc;
    letter-spacing: 0.12em;
  }
  .n7q4c8m2hv b {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 28px;
    color: #d8eae7;
    margin-right: 15px;
  }
  .u4k9m2c7px {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .u4k9m2c7px button {
    width: 40px;
    height: 40px;
    border: 1px solid #a9d6d52e;
    border-radius: 50%;
    color: #afc3c5;
    transition:
      background 0.2s,
      color 0.2s;
    font-size: 12px;
  }
  .u4k9m2c7px button:hover,
  .u4k9m2c7px button[aria-pressed="true"] {
    background: var(--mint);
    border-color: var(--mint);
    color: #07262c;
  }
  .u4k9m2c7px button:disabled {
    opacity: 0.3;
    cursor: default;
  }
  .p2r8v6m9cx {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 20px clamp(28px, 4.4vw, 76px);
    border-block: 1px solid var(--line);
    background: #0c1c21;
  }
  .p2r8v6m9cx > span {
    font-size: 11px;
    color: #a7babc;
    white-space: nowrap;
  }
  .p2r8v6m9cx a {
    display: flex;
    gap: clamp(20px, 3.4vw, 60px);
    align-items: center;
    font-size: 12px;
    padding-left: 24px;
    border-left: 1px solid var(--line);
    flex: 1;
    white-space: nowrap;
  }
  .p2r8v6m9cx a span {
    color: #68878e;
  }
  .p2r8v6m9cx a:hover {
    color: var(--mint);
  }
  @keyframes q4m8r2c9vp {
    0% {
      opacity: 0.2;
      transform: scale(1.025);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
}
@layer discovery {
  .w9c4m7v2qk {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: #325158 transparent;
    padding: 28px 0 10px;
  }
  .p6t9w2c8kd {
    flex: 0 0 calc((100% - 72px) / 4);
    min-width: 210px;
    scroll-snap-align: start;
  }
  .v3m8h2q7nf {
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 3/3.8;
    border-radius: 8px;
    isolation: isolate;
    background: #17363d;
  }
  .v3m8h2q7nf:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #031217c9, transparent 60%);
    pointer-events: none;
  }
  .v3m8h2q7nf img {
    transition:
      transform 0.55s,
      filter 0.55s;
  }
  .v3m8h2q7nf:hover img {
    transform: scale(1.055);
    filter: brightness(1.12);
  }
  .e8b2s4v7qm {
    position: absolute;
    bottom: 5px;
    left: 15px;
    z-index: 1;
    font-family: Georgia, serif;
    font-size: 64px;
    line-height: 1.2;
    font-style: italic;
    color: #f1f8f4e6;
  }
  .n9g4c2x8wf {
    position: absolute;
    z-index: 1;
    right: 15px;
    bottom: 22px;
    font-size: 10px;
    letter-spacing: 0.05em;
  }
  .p6t9w2c8kd > div {
    padding-top: 17px;
  }
  .p6t9w2c8kd .a4c8r2m9vk {
    font-size: 10px;
  }
  .p6t9w2c8kd h3 {
    margin: 5px 0 4px;
    font-size: 20px;
  }
  .p6t9w2c8kd p {
    color: var(--muted);
    font-size: 11px;
  }
  .v5h2c9q7mx {
    display: grid;
    grid-template-columns: 1fr 1.8fr;
    gap: 60px;
    padding: 55px clamp(28px, 4.4vw, 76px);
    border-block: 1px solid var(--line);
    background: #0a191e;
  }
  .t9p2m6w4cq h2 {
    margin-top: 17px;
    font-size: 30px;
  }
  .t9p2m6w4cq p {
    font-size: 12px;
    color: var(--muted);
    margin-top: 18px;
    max-width: 285px;
  }
  .q2m8n4c9vr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 35px;
  }
  .q2m8n4c9vr article {
    padding: 20px;
    border: 1px solid #8de9d11a;
    border-radius: 6px;
    background: #10242b;
  }
  .q2m8n4c9vr article > span {
    color: #659ba2;
    font-size: 11px;
    letter-spacing: 0.2em;
  }
  .q2m8n4c9vr h3 {
    margin: 10px 0 6px;
    font-size: 16px;
  }
  .q2m8n4c9vr p {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.9;
  }
}
@layer atlas {
  .m8v3q6c2wp {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 45px;
    padding: 75px clamp(28px, 4.4vw, 76px);
    align-items: start;
  }
  .d2r7m9c4vx .r4m9c2x8nq {
    margin-bottom: 8px;
    align-items: center;
  }
  .d2r7m9c4vx h2 {
    font-size: 30px;
  }
  .d2r7m9c4vx .r4m9c2x8nq > span {
    font-size: 10px;
  }
  .z7m2c9q4vn {
    color: var(--muted);
    font-size: 12px;
  }
  .k8m4c2q7vr {
    margin-top: 28px;
  }
  .k8m4c2q7vr label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .k8m4c2q7vr > div {
    display: flex;
    align-items: center;
    border: 1px solid #9ce4de2e;
    background: #10232a;
    border-radius: 5px;
  }
  .k8m4c2q7vr > div:focus-within {
    border-color: var(--mint);
  }
  .k8m4c2q7vr input {
    flex: 1;
    width: 100%;
    padding: 12px 16px;
    background: none;
    border: 0;
    font-size: 12px;
    outline: none;
  }
  .k8m4c2q7vr input::placeholder {
    color: #a1b7ba;
  }
  .k8m4c2q7vr button {
    width: 45px;
    height: 45px;
    font-size: 23px;
    color: var(--mint);
  }
  .f2q8m4v9cr {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
  }
  .f2q8m4v9cr legend {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .f2q8m4v9cr label {
    position: relative;
    cursor: pointer;
  }
  .f2q8m4v9cr input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
  }
  .f2q8m4v9cr span {
    display: block;
    padding: 7px 12px;
    border-radius: 4px;
    font-size: 11px;
    border: 1px solid #aac9ca25;
    color: #b6c9cc;
    transition:
      color 0.2s,
      background 0.2s;
  }
  .f2q8m4v9cr input:checked + span {
    background: #8de9d1;
    color: #092d33;
    border-color: var(--mint);
  }
  .f2q8m4v9cr input:focus-visible + span {
    outline: 2px solid var(--mint);
    outline-offset: 4px;
  }
  .j9c2v7m4qk {
    font-size: 10px;
    color: #88a6ac;
    margin: 17px 0 4px;
  }
  .b7n2f9w4hc {
    display: grid;
    grid-template-columns: 165px minmax(0, 1fr);
    gap: 22px;
    padding: 23px 0;
    border-bottom: 1px solid var(--line);
    align-items: start;
  }
  .g2q9v5c8xa {
    overflow: hidden;
    height: 128px;
    border-radius: 5px;
    background: #17363d;
  }
  .g2q9v5c8xa img {
    transition: transform 0.4s;
  }
  .g2q9v5c8xa:hover img {
    transform: scale(1.05);
  }
  .u6e3p8m4kt > .a4c8r2m9vk {
    font-size: 9px;
    gap: 8px;
  }
  .u6e3p8m4kt > .a4c8r2m9vk span {
    color: #547780;
  }
  .u6e3p8m4kt h3 {
    font-size: 18px;
    margin: 7px 0;
  }
  .u6e3p8m4kt > p {
    color: var(--muted);
    font-size: 11px;
  }
  .u6e3p8m4kt summary {
    margin-top: 12px;
    padding: 4px 0;
    color: #c0e2dd;
    font-size: 11px;
    display: inline-flex;
    gap: 20px;
    align-items: center;
  }
  .u6e3p8m4kt summary > span,
  .u8q2m9c4vp summary > span {
    display: inline-block;
    transition: transform 0.2s;
  }
  details[open] > summary > span {
    transform: rotate(45deg);
  }
  .x8w3a7n2qc {
    padding: 12px 0 0;
  }
  .x8w3a7n2qc p {
    font-size: 12px;
    line-height: 1.95;
    color: #a9c1c4;
    margin-bottom: 13px;
  }
  .x8w3a7n2qc strong {
    color: #d7ebe5;
    font-weight: 500;
  }
  .x8w3a7n2qc small {
    color: #a0b4b7;
    display: block;
    font-size: 10px;
    border-left: 2px solid #428d8f;
    padding-left: 10px;
  }
  .n4q8v2m9cc {
    padding: 55px 20px;
    background: #0c2228;
    border-radius: 6px;
    margin-top: 20px;
    text-align: center;
  }
  .n4q8v2m9cc h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .n4q8v2m9cc p {
    font-size: 12px;
    color: var(--muted);
  }
  .h8c3q9m2vw {
    padding: 25px;
    background: #0e252b;
    border: 1px solid #83caca1f;
    border-radius: 9px;
  }
  .h8c3q9m2vw h2 {
    font-size: 27px;
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
  }
  .h8c3q9m2vw h2 > span {
    color: var(--mint);
    font-size: 32px;
  }
  .h8c3q9m2vw > p {
    font-size: 12px;
    margin-top: 13px;
    color: #bdd3d4;
  }
  .h8c3q9m2vw > p small {
    color: var(--muted);
    font-size: 10px;
  }
  .a2v7m9c4qr {
    margin: 20px -6px 25px;
  }
  .a2v7m9c4qr li {
    border-bottom: 1px solid var(--line);
  }
  .a2v7m9c4qr button {
    width: 100%;
    display: flex;
    padding: 16px 6px;
    align-items: center;
    text-align: left;
    gap: 13px;
    border-radius: 5px;
  }
  .a2v7m9c4qr button > span:first-child {
    color: #6e8c91;
    font-size: 23px;
    font-family: Georgia, serif;
    font-style: italic;
  }
  .a2v7m9c4qr button > span:nth-child(2) {
    flex: 1;
  }
  .a2v7m9c4qr strong {
    display: block;
    font-size: 13px;
    font-weight: 500;
  }
  .a2v7m9c4qr small {
    display: block;
    font-size: 9px;
    color: var(--muted);
    margin-top: 3px;
  }
  .a2v7m9c4qr button > span:last-child {
    color: #6c9198;
  }
  .a2v7m9c4qr button:hover,
  .a2v7m9c4qr button[aria-pressed="true"] {
    background: #8de9d10b;
  }
  .a2v7m9c4qr button[aria-pressed="true"] > span:first-child {
    color: var(--mint);
  }
  .t4q9c2m8vp {
    overflow: hidden;
    border-radius: 5px;
    background: #071b21;
  }
  .t4q9c2m8vp > img {
    height: 175px;
  }
  .t4q9c2m8vp > div {
    padding: 20px;
  }
  .t4q9c2m8vp .a4c8r2m9vk {
    font-size: 9px;
  }
  .t4q9c2m8vp h3 {
    margin: 6px 0;
    font-size: 21px;
  }
  .t4q9c2m8vp p {
    font-size: 11px;
    color: var(--muted);
  }
  .t4q9c2m8vp a {
    display: flex;
    justify-content: space-between;
    color: var(--mint);
    font-size: 11px;
    margin-top: 20px;
  }
  .h8c3q9m2vw time {
    display: block;
    color: #8aa9ad;
    font-size: 9px;
    margin-top: 20px;
    letter-spacing: 0.1em;
  }
}
@layer studio {
  .s8v4q2m9cr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 60px;
    padding: 65px clamp(28px, 4.4vw, 76px);
    background: #c7e9e3;
    color: #143d40;
    color-scheme: light;
    position: relative;
    isolation: isolate;
    overflow: hidden;
  }
  .s8v4q2m9cr:after {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    border: 1px solid #88c6bf6b;
    border-radius: 50%;
    right: -40px;
    top: -30px;
    z-index: -1;
    box-shadow:
      0 0 0 100px #b7dfda3d,
      0 0 0 200px #b7dfda33;
  }
  .s8v4q2m9cr .a4c8r2m9vk {
    color: #356d6b;
    font-size: 10px;
  }
  .r2c8v4m9qk h2 {
    font-size: clamp(32px, 3.2vw, 47px);
    margin: 20px 0;
    line-height: 1.3;
  }
  .r2c8v4m9qk em {
    color: #157978;
  }
  .r2c8v4m9qk > p {
    max-width: 420px;
    font-size: 12px;
    line-height: 1.95;
    color: #416b6c;
  }
  .e2m8q4v9cc {
    display: inline-flex;
    margin: 24px 0 20px;
    background: #a8d5d0;
    border: 1px solid #94c4bf;
    border-radius: 5px;
    padding: 4px;
    gap: 4px;
  }
  .e2m8q4v9cc button {
    border-radius: 3px;
    font-size: 11px;
    padding: 8px 17px;
  }
  .e2m8q4v9cc button[aria-pressed="true"] {
    background: #103c41;
    color: #d0eee7;
  }
  .q8c4v2m9rp {
    display: grid;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #2d6463;
  }
  .q8c4v2m9rp span {
    margin-right: 12px;
  }
  .s8v4q2m9cr .a8n4m2q7vc:hover {
    color: #0c7172;
  }
  .s8v4q2m9cr :focus-visible {
    outline-color: #12595c;
  }
  .w4q8v2m9cf {
    min-height: 490px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 22px;
  }
  .w4q8v2m9cf > .f4m9r2c8wq {
    color: #467675;
    font-size: 10px;
  }
  .b9c2m7q4vp {
    width: 244px;
    border: 8px solid #113338;
    border-radius: 33px;
    background: #0d252c;
    color: #e6f5ef;
    box-shadow:
      20px 28px 45px #285d6633,
      0 0 0 1px #2e5d5c;
    overflow: hidden;
    transform: rotate(5deg);
    transition:
      width 0.5s,
      border-radius 0.5s,
      transform 0.5s;
  }
  .c4v8m2q9rs {
    display: flex;
    justify-content: space-between;
    padding: 14px 14px 10px;
    font-size: 8px;
    letter-spacing: 0.13em;
  }
  .r7q2m9c4vx {
    height: 280px;
    position: relative;
    overflow: hidden;
  }
  .r7q2m9c4vx:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #0d252c, transparent 80%);
  }
  .r7q2m9c4vx > div {
    position: absolute;
    z-index: 1;
    bottom: 17px;
    left: 17px;
    right: 10px;
  }
  .r7q2m9c4vx span {
    font-size: 8px;
    color: #b5e5dd;
  }
  .r7q2m9c4vx h3 {
    font-size: 25px;
    margin: 8px 0 3px;
  }
  .r7q2m9c4vx p {
    font-size: 9px;
    color: #b4c5c4;
  }
  .v9m2q7c4rh {
    padding: 2px 17px 23px;
  }
  .v9m2q7c4rh > span {
    font-size: 12px;
  }
  .v9m2q7c4rh > p {
    font-size: 8px;
    margin: 5px 0 14px;
    color: #a6c2c3;
  }
  .v9m2q7c4rh > div {
    display: flex;
    gap: 5px;
    font-size: 7px;
  }
  .v9m2q7c4rh > div > span {
    padding: 6px;
    border-radius: 2px;
    background: #24464e;
    color: #c5dfda;
  }
  .b9c2m7q4vp[data-device-frame="desktop"] {
    width: min(440px, 100%);
    border-radius: 13px;
    transform: rotate(-3deg);
    border-width: 7px;
  }
  [data-device-frame="desktop"] .r7q2m9c4vx {
    height: 205px;
  }
  [data-device-frame="desktop"] .r7q2m9c4vx > img {
    object-position: center 40%;
  }
  [data-device-frame="desktop"] .v9m2q7c4rh {
    padding-block: 12px 20px;
  }
  [data-device-frame="desktop"] .v9m2q7c4rh > div {
    float: right;
    margin-top: -40px;
  }
}
@layer information {
  .n2v7c9m4qr {
    padding: 60px clamp(28px, 4.4vw, 76px);
    display: grid;
    gap: 45px;
    grid-template-columns: 1fr 2fr;
    border-bottom: 1px solid var(--line);
  }
  .n2v7c9m4qr h2 {
    font-size: 27px;
    margin-top: 15px;
  }
  .n2v7c9m4qr > div > p {
    color: var(--muted);
    font-size: 12px;
    margin-top: 13px;
  }
  .m4v9q2c7rk {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  .m4v9q2c7rk b {
    font-size: 37px;
    font-family: Georgia, serif;
    color: #527e83;
    font-weight: 400;
  }
  .m4v9q2c7rk h3 {
    margin: 12px 0;
    font-size: 16px;
  }
  .m4v9q2c7rk p {
    font-size: 11px;
    color: var(--muted);
    line-height: 1.9;
  }
  .m4v9q2c7rk a {
    display: inline-block;
    font-size: 10px;
    color: var(--mint);
    margin-top: 18px;
  }
  .y4c8m2q9vn {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 28px;
  }
  .y4c8m2q9vn figure {
    padding: 28px;
    background: #10242b;
    border-radius: 6px;
  }
  .y4c8m2q9vn blockquote {
    color: #c9d9d9;
    font-size: 13px;
    line-height: 1.95;
  }
  .y4c8m2q9vn figcaption {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 26px;
    font-size: 11px;
  }
  .y4c8m2q9vn figcaption > span {
    background: #264a50;
    color: var(--mint);
    font-size: 13px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
  }
  .y4c8m2q9vn small {
    display: block;
    color: #9ab5b9;
    font-size: 9px;
    margin-top: 4px;
  }
  .p7m2q9c4vr {
    padding: 50px clamp(28px, 4.4vw, 76px) 75px;
    display: grid;
    grid-template-columns: 1fr 1.8fr;
    gap: 75px;
  }
  .p7m2q9c4vr h2 {
    margin: 18px 0;
    font-size: 31px;
  }
  .p7m2q9c4vr > div > p {
    color: var(--muted);
    font-size: 12px;
  }
  .u8q2m9c4vp {
    border-top: 1px solid #ffffff26;
  }
  .u8q2m9c4vp details {
    border-bottom: 1px solid #ffffff26;
  }
  .u8q2m9c4vp summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 21px 0;
    font-size: 13px;
  }
  .u8q2m9c4vp summary span {
    color: var(--mint);
    font-size: 20px;
  }
  .u8q2m9c4vp details > p {
    padding: 0 30px 23px 0;
    color: #a1bfc1;
    font-size: 12px;
    line-height: 1.95;
  }
  .c9q2m7v4rp {
    margin: 0 clamp(28px, 4.4vw, 76px) 75px;
    border-radius: 10px;
    padding: 50px;
    background: radial-gradient(ellipse at 100% 0%, #26747c66, transparent 65%), #12373d;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 60px;
    align-items: center;
    border: 1px solid #8de9d12e;
  }
  .g4v8m2q9rc h2 {
    font-size: 29px;
    margin: 16px 0;
  }
  .g4v8m2q9rc h2 > span {
    display: block;
    font-size: 21px;
    color: #aeddd2;
    margin-top: 10px;
    font-weight: 500;
  }
  .g4v8m2q9rc > p {
    font-size: 12px;
    color: #aac6c8;
    margin-bottom: 25px;
  }
  .g4v8m2q9rc .a8n4m2q7vc {
    font-size: 12px;
  }
  .k2q8m4v9rc {
    background: #0b272d;
    border: 1px solid #8de9d12e;
    padding: 26px;
    border-radius: 7px;
    position: relative;
  }
  .k2q8m4v9rc > span {
    position: absolute;
    right: 25px;
    top: 17px;
    font-size: 29px;
    color: #79d7ca;
  }
  .k2q8m4v9rc h3 {
    font-size: 16px;
    margin-bottom: 18px;
  }
  .k2q8m4v9rc dl > div {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-top: 11px;
    font-size: 11px;
  }
  .k2q8m4v9rc dt {
    color: #b3ccce;
  }
  .k2q8m4v9rc dd {
    color: #c0ddbc;
    font-size: 10px;
  }
  .k2q8m4v9rc > p {
    font-size: 10px;
    color: #96b7bb;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid var(--line);
  }
  .x4m8q2c9vr {
    background: #061014;
    border-top: 1px solid var(--line);
    padding: 50px clamp(28px, 4.4vw, 76px) 25px;
  }
  .q4v9m2c7rp {
    display: grid;
    grid-template-columns: 1fr 1.8fr;
    gap: 60px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--line);
  }
  .q4v9m2c7rp h2 {
    font-size: 25px;
    margin-top: 14px;
  }
  .q4v9m2c7rp > p {
    color: #9db5b8;
    font-size: 12px;
    line-height: 2;
  }
  .v2q8m4c9rp {
    display: flex;
    align-items: start;
    gap: 40px;
    padding: 28px 0;
    border-bottom: 1px solid var(--line);
  }
  .v2q8m4c9rp h2 {
    font-size: 12px;
    white-space: nowrap;
    padding-top: 4px;
  }
  .v2q8m4c9rp > div {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 23px;
  }
  .v2q8m4c9rp a {
    font-size: 10px;
    color: #94afb4;
  }
  .v2q8m4c9rp a:hover {
    color: var(--mint);
  }
  .w8m2q9c4rp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    color: #8ba3a8;
    font-size: 9px;
    padding-top: 25px;
  }
  .w8m2q9c4rp a {
    color: #b4dcd4;
  }
}
@layer adaptation {
  @media (min-width: 1800px) {
    .c8p3z7m2rf {
      max-width: 1760px;
      margin-inline: auto;
    }
    .j4w8n2h6cq {
      height: 100px;
    }
  }
  @media (max-width: 1200px) {
    .t6c3v8m2ph {
      gap: 17px;
    }
    .j4w8n2h6cq {
      gap: 20px;
      padding-inline: 30px;
    }
    .j4w8n2h6cq h1 {
      font-size: 18px;
    }
    .j4w8n2h6cq h1 img {
      display: none;
    }
    .y7m4c9p2kv {
      gap: 9px;
    }
    .m8v3q6c2wp {
      grid-template-columns: minmax(0, 1fr) 285px;
      gap: 30px;
    }
    .b7n2f9w4hc {
      grid-template-columns: 130px minmax(0, 1fr);
      gap: 16px;
    }
    .g2q9v5c8xa {
      height: 117px;
    }
    .h8c3q9m2vw {
      padding: 20px;
    }
    .p2r8v6m9cx {
      gap: 16px;
    }
    .p2r8v6m9cx > span {
      display: none;
    }
    .p2r8v6m9cx a:first-of-type {
      border-left: 0;
      padding-left: 0;
    }
    .v5h2c9q7mx {
      gap: 40px;
    }
    .r4m9c2x8nq h2 > span {
      display: block;
      margin: 9px 0 0;
      font-size: 12px;
    }
    .n2v7c9m4qr {
      grid-template-columns: 1fr;
      gap: 35px;
    }
    .c9q2m7v4rp {
      padding: 35px;
      gap: 30px;
    }
    .p7m2q9c4vr {
      gap: 45px;
    }
  }
  @media (max-width: 980px) {
    .f9k2x7d4ma {
      width: 66px;
    }
    .c8p3z7m2rf {
      margin-left: 66px;
    }
    .t6c3v8m2ph a:first-child {
      display: none;
    }
    .q8e2x6v4np {
      padding: 9px 12px;
    }
    .v8p2h6n4rc {
      width: 78%;
    }
    .v8p2h6n4rc h2 {
      font-size: 69px;
    }
    .r8q2m6x4va figcaption {
      right: 30px;
      bottom: 105px;
      max-width: 200px;
    }
    .r8q2m6x4va figcaption p {
      display: none;
    }
    .r8q2m6x4va figcaption strong {
      font-size: 23px;
    }
    .m8v3q6c2wp {
      grid-template-columns: 1fr;
    }
    .h8c3q9m2vw {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 30px;
    }
    .h8c3q9m2vw > .a4c8r2m9vk,
    .h8c3q9m2vw > h2,
    .h8c3q9m2vw > p,
    .h8c3q9m2vw > time {
      grid-column: 1 / -1;
    }
    .h8c3q9m2vw > h2 {
      margin-top: 10px;
    }
    .t4q9c2m8vp {
      margin-top: 20px;
    }
    .a2v7m9c4qr {
      margin-bottom: 0;
    }
    .t4q9c2m8vp > img {
      height: 160px;
    }
    .b7n2f9w4hc {
      grid-template-columns: 175px minmax(0, 1fr);
    }
    .g2q9v5c8xa {
      height: 130px;
    }
    .s8v4q2m9cr {
      gap: 30px;
    }
    .r2c8v4m9qk h2 {
      font-size: 35px;
    }
    .w4q8v2m9cf {
      min-width: 0;
    }
    .y4c8m2q9vn {
      gap: 15px;
    }
    .y4c8m2q9vn figure {
      padding: 20px;
    }
    .y4c8m2q9vn blockquote {
      font-size: 12px;
    }
    .c9q2m7v4rp {
      grid-template-columns: 1fr;
    }
    .k2q8m4v9rc {
      max-width: none;
    }
    .k2q8m4v9rc dl {
      display: flex;
      gap: 25px;
      justify-content: space-between;
    }
    .k2q8m4v9rc dl > div {
      flex-direction: column;
      align-items: start;
      gap: 4px;
    }
    .q4v9m2c7rp {
      gap: 35px;
    }
  }
  @media (max-width: 760px) {
    :root {
      scroll-padding-top: 83px;
    }
    body {
      padding-bottom: 65px;
    }
    .f9k2x7d4ma {
      display: none;
    }
    .c8p3z7m2rf {
      margin-left: 0;
    }
    .s5h8c2p9vq {
      left: 15px;
    }
    .j4w8n2h6cq {
      height: 74px;
      padding: 0 22px;
      gap: 10px;
    }
    .j4w8n2h6cq h1 {
      font-size: 20px;
    }
    .j4w8n2h6cq h1 img {
      display: block;
      width: 31px;
      height: 31px;
    }
    .j4w8n2h6cq h1 small {
      font-size: 7px;
    }
    .t6c3v8m2ph {
      display: none;
    }
    .y7m4c9p2kv {
      margin-left: auto;
    }
    .q8e2x6v4np {
      font-size: 11px;
      padding: 7px 10px;
    }
    .m4q8h2r9vf summary {
      min-width: 35px;
    }
    .m4q8h2r9vf nav {
      right: 16px;
      top: 65px;
    }
    .m9q4v2c8rp {
      position: fixed;
      z-index: 35;
      inset: auto 0 0;
      padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
      display: flex;
      justify-content: space-around;
      background: #0a1d23f5;
      border-top: 1px solid #75bbbf2e;
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
    }
    .m9q4v2c8rp a {
      display: flex;
      flex-direction: column;
      align-items: center;
      min-width: 55px;
      font-size: 9px;
      color: #a6c0c3;
      line-height: 1.5;
    }
    .m9q4v2c8rp a > span {
      font-size: 23px;
    }
    .m9q4v2c8rp a:hover,
    .m9q4v2c8rp a[aria-current] {
      color: var(--mint);
    }
    .k3v8c2q9mf {
      min-height: 710px;
      height: auto;
      align-items: end;
    }
    .v8p2h6n4rc {
      padding: 130px 25px 135px;
      width: 100%;
    }
    .v8p2h6n4rc h2 {
      font-size: clamp(58px, 11vw, 80px);
      margin-top: 20px;
    }
    .v8p2h6n4rc > .a4c8r2m9vk {
      font-size: 9px;
    }
    .w2f7m9c4qa:after {
      background:
        linear-gradient(0deg, #071317, #071317e8 30%, #07131769 70%, #07131717),
        linear-gradient(90deg, #07131773, transparent);
    }
    .r8q2m6x4va img {
      object-position: 60% 25%;
      opacity: 0.75;
    }
    .r8q2m6x4va figcaption {
      top: 38px;
      bottom: auto;
      right: 25px;
      text-align: right;
    }
    .r8q2m6x4va figcaption span {
      font-size: 8px;
    }
    .r8q2m6x4va figcaption strong {
      font-size: 21px;
      margin-top: 3px;
    }
    .b2n7c4w9mv {
      font-size: 17px;
    }
    .d9m2r7v4kc {
      font-size: 11px;
      max-width: 320px;
    }
    .n7q4c8m2hv {
      left: 25px;
      right: 25px;
      height: 90px;
    }
    .n7q4c8m2hv > span {
      font-size: 8px;
      letter-spacing: 0;
    }
    .n7q4c8m2hv b {
      font-size: 25px;
      margin-right: 7px;
    }
    .u4k9m2c7px {
      gap: 5px;
    }
    .u4k9m2c7px button {
      width: 36px;
      height: 36px;
      font-size: 10px;
    }
    .p2r8v6m9cx {
      padding: 18px 25px;
      gap: 15px;
      overflow: auto;
      scrollbar-width: none;
    }
    .p2r8v6m9cx a {
      font-size: 10px;
      gap: 20px;
      padding-left: 15px;
    }
    .l5c2q8m9vr {
      padding: 45px 25px;
    }
    .a4c8r2m9vk {
      font-size: 9px;
    }
    .r4m9c2x8nq {
      gap: 18px;
      align-items: center;
    }
    .r4m9c2x8nq h2 {
      font-size: 25px;
    }
    .r4m9c2x8nq h2 > span {
      font-size: 10px;
    }
    .w9c4m7v2qk {
      gap: 16px;
      margin-right: -25px;
      padding-right: 25px;
    }
    .p6t9w2c8kd {
      flex-basis: 42%;
      min-width: 185px;
    }
    .p6t9w2c8kd h3 {
      font-size: 18px;
    }
    .p6t9w2c8kd p {
      font-size: 10px;
    }
    .v3m8h2q7nf {
      aspect-ratio: 3/4;
    }
    .e8b2s4v7qm {
      font-size: 53px;
    }
    .n9g4c2x8wf {
      font-size: 9px;
      right: 12px;
    }
    .v5h2c9q7mx {
      grid-template-columns: 1fr;
      gap: 30px;
      padding: 40px 25px;
    }
    .t9p2m6w4cq h2 {
      font-size: 28px;
    }
    .t9p2m6w4cq h2 br {
      display: none;
    }
    .t9p2m6w4cq p {
      max-width: none;
    }
    .q2m8n4c9vr {
      gap: 25px;
    }
    .q2m8n4c9vr h3 {
      font-size: 15px;
    }
    .q2m8n4c9vr p {
      font-size: 11px;
    }
    .m8v3q6c2wp {
      padding: 45px 25px;
      gap: 40px;
    }
    .d2r7m9c4vx .r4m9c2x8nq {
      align-items: end;
    }
    .d2r7m9c4vx .r4m9c2x8nq > .f4m9r2c8wq {
      max-width: 60px;
      text-align: right;
      font-size: 9px;
    }
    .b7n2f9w4hc {
      grid-template-columns: 115px minmax(0, 1fr);
      padding-block: 20px;
      gap: 16px;
    }
    .g2q9v5c8xa {
      height: 125px;
    }
    .u6e3p8m4kt h3 {
      font-size: 17px;
      margin-top: 4px;
    }
    .u6e3p8m4kt > .a4c8r2m9vk {
      font-size: 8px;
      gap: 5px;
      letter-spacing: 0.06em;
    }
    .u6e3p8m4kt > p {
      font-size: 10px;
    }
    .f2q8m4v9cr {
      gap: 6px;
    }
    .f2q8m4v9cr span {
      padding: 8px 9px;
      font-size: 10px;
    }
    .x8w3a7n2qc p {
      font-size: 11px;
    }
    .h8c3q9m2vw {
      column-gap: 20px;
      padding: 23px;
    }
    .h8c3q9m2vw .a4c8r2m9vk {
      font-size: 9px;
    }
    .t4q9c2m8vp > div {
      padding: 14px;
    }
    .t4q9c2m8vp h3 {
      font-size: 19px;
    }
    .a2v7m9c4qr strong {
      font-size: 12px;
    }
    .a2v7m9c4qr small {
      font-size: 8px;
    }
    .a2v7m9c4qr button {
      padding-block: 17px;
      gap: 9px;
    }
    .a2v7m9c4qr button > span:last-child {
      display: none;
    }
    .t4q9c2m8vp > img {
      height: 150px;
    }
    .s8v4q2m9cr {
      grid-template-columns: 1fr;
      gap: 20px;
      padding: 45px 30px 40px;
    }
    .r2c8v4m9qk h2 {
      font-size: 37px;
    }
    .w4q8v2m9cf {
      min-height: 465px;
    }
    .s8v4q2m9cr:after {
      top: 40%;
      right: -380px;
    }
    .n2v7c9m4qr {
      padding: 45px 25px;
    }
    .n2v7c9m4qr h2 {
      font-size: 27px;
    }
    .m4v9q2c7rk {
      gap: 20px;
    }
    .m4v9q2c7rk h3 {
      font-size: 14px;
      margin-top: 6px;
    }
    .m4v9q2c7rk p {
      font-size: 10px;
    }
    .m4v9q2c7rk b {
      font-size: 31px;
    }
    .y4c8m2q9vn {
      grid-template-columns: 1fr;
      gap: 14px;
      margin-top: 24px;
    }
    .y4c8m2q9vn figure {
      padding: 24px;
    }
    #audience-notes .r4m9c2x8nq {
      align-items: start;
      flex-direction: column;
      gap: 12px;
    }
    .p7m2q9c4vr {
      padding: 15px 25px 45px;
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .p7m2q9c4vr h2 {
      font-size: 28px;
    }
    .p7m2q9c4vr h2 br {
      display: none;
    }
    .c9q2m7v4rp {
      margin: 0 20px 45px;
      padding: 30px 24px;
      gap: 25px;
    }
    .g4v8m2q9rc h2 {
      font-size: 26px;
    }
    .g4v8m2q9rc h2 > span {
      font-size: 18px;
    }
    .k2q8m4v9rc {
      padding: 22px;
    }
    .k2q8m4v9rc dl {
      display: block;
    }
    .k2q8m4v9rc dl > div {
      flex-direction: row;
      align-items: center;
    }
    .x4m8q2c9vr {
      padding: 40px 25px 30px;
    }
    .q4v9m2c7rp {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .q4v9m2c7rp h2 {
      font-size: 25px;
    }
    .v2q8m4c9rp {
      flex-direction: column;
      gap: 18px;
    }
    .v2q8m4c9rp > div {
      gap: 15px 20px;
    }
    .w8m2q9c4rp {
      font-size: 9px;
      gap: 10px;
    }
  }
  @media (max-width: 380px) {
    .j4w8n2h6cq {
      padding-inline: 16px;
    }
    .j4w8n2h6cq h1 img {
      display: none;
    }
    .c2t8v5n9mq {
      gap: 16px;
    }
    .e7v2q9m4ck {
      padding: 13px 19px;
      font-size: 12px;
      gap: 17px;
    }
    .c2t8v5n9mq .a8n4m2q7vc {
      font-size: 12px;
      gap: 9px;
    }
    .n7q4c8m2hv > span {
      max-width: 80px;
    }
    .n7q4c8m2hv b {
      display: block;
      line-height: 1;
      margin-bottom: 4px;
    }
    .h8c3q9m2vw {
      display: block;
    }
    .t4q9c2m8vp {
      display: none;
    }
    .m4v9q2c7rk {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .m4v9q2c7rk li {
      padding-left: 50px;
      position: relative;
    }
    .m4v9q2c7rk b {
      position: absolute;
      left: 0;
      top: -2px;
    }
    .m4v9q2c7rk a {
      margin-top: 8px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    :root {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      animation: none !important;
      transition: none !important;
    }
    [data-reveal][data-waiting] {
      opacity: 1;
      transform: none;
    }
    .b9c2m7q4vp,
    .b9c2m7q4vp[data-device-frame="desktop"] {
      transform: none;
    }
  }
}