@charset "UTF-8";
@layer reset, frame, cover, editorial, experience, support, motion;
@layer reset {
  :root {
    color-scheme: dark;
    --paper: #101113;
    --panel: #191a1d;
    --ink: #f6f5ee;
    --quiet: #a6a6ab;
    --rule: #343539;
    --signal: #f6df68;
    --space: clamp(22px, 4vw, 64px);
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
  }
  body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
  }
  body:has(dialog[open]) {
    overflow: hidden;
  }
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote {
    margin: 0;
  }
  h2,
  h3 {
    line-height: 1.35;
  }
  h2 {
    font-size: clamp(27px, 2.7vw, 38px);
    font-weight: 750;
    letter-spacing: -0.04em;
  }
  h3 {
    font-size: 19px;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button {
    font: inherit;
    color: inherit;
    cursor: pointer;
  }
  button,
  a,
  summary {
    -webkit-tap-highlight-color: transparent;
  }
  button {
    border: 0;
    background: transparent;
  }
  a,
  button,
  summary {
    touch-action: manipulation;
  }
  a:focus-visible,
  button:focus-visible,
  summary:focus-visible {
    outline: 3px solid var(--signal);
    outline-offset: 5px;
    border-radius: 3px;
  }
  img {
    display: block;
    max-width: 100%;
    object-fit: cover;
  }
  button img {
    width: 100%;
  }
  small {
    display: block;
  }
  em {
    font-style: normal;
  }
  [hidden] {
    display: none !important;
  }
  ::selection {
    background: var(--signal);
    color: var(--paper);
  }
}
@layer frame {
  .w8c3p7n2 {
    width: min(1320px, calc(100% - var(--space) * 2));
    margin-inline: auto;
  }
  .a7m2q9v4 {
    position: fixed;
    z-index: 100;
    top: -100px;
    left: 16px;
    background: var(--signal);
    color: #101113;
    padding: 12px 20px;
  }
  .a7m2q9v4:focus {
    top: 8px;
  }
  .k4v8n2r6 {
    position: sticky;
    z-index: 30;
    top: 0;
    background: rgb(16 17 19 / 94%);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--rule);
  }
  .f6j9t3w5 {
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }
  .b5x8d2q7 {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    flex-shrink: 0;
    font-weight: 800;
    font-size: 25px;
    line-height: 1.25;
    letter-spacing: -0.04em;
  }
  .b5x8d2q7 small {
    font-family: Arial, sans-serif;
    letter-spacing: 0.14em;
    font-size: 9px;
    color: var(--quiet);
    margin-top: 7px;
    font-weight: 500;
  }
  .m9r4c7a2 {
    display: grid;
    place-items: center;
    position: relative;
    width: 45px;
    height: 45px;
    background: var(--signal);
    color: #101113;
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
    transform: rotate(-5deg);
    border-radius: 3px;
  }
  .m9r4c7a2 > span {
    position: absolute;
    right: -3px;
    top: -6px;
    font-family: Arial, sans-serif;
    font-size: 20px;
    background: #101113;
    color: var(--signal);
    width: 15px;
    height: 17px;
    text-align: center;
  }
  .n3g7q8v2 {
    display: flex;
    gap: clamp(20px, 2.3vw, 36px);
    align-items: center;
    font-size: 14px;
    color: #cac9c9;
  }
  .n3g7q8v2 a {
    padding-block: 12px;
    transition: color 0.2s;
  }
  .n3g7q8v2 a:hover {
    color: var(--signal);
  }
  .n3g7q8v2 a:last-child {
    color: var(--signal);
  }
  .u6d2p8h5 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    background: linear-gradient(115deg, #f5d65f, #f4efad);
    color: #151613;
    border: 1px solid #efdf8d;
    border-radius: 5px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 700;
    transition:
      box-shadow 0.25s,
      transform 0.25s;
  }
  .u6d2p8h5 > span {
    font-size: 20px;
    line-height: 1;
  }
  .u6d2p8h5:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 28px #f6df6820;
  }
  .e3x7a9m4 {
    display: none;
  }
  .z7m2r8c5 {
    font-size: 10px;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    letter-spacing: 0.15em;
    font-weight: 600;
    color: var(--quiet);
    margin-bottom: 13px;
  }
  .g9t3w6c2 {
    display: inline-flex;
    gap: 18px;
    align-items: center;
    font-size: 13px;
    color: #d4d3ce;
    transition: color 0.2s;
  }
  .g9t3w6c2:hover {
    color: var(--signal);
  }
  .h2r8m5v3 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
  }
  .b3h7n2v8 {
    font-size: 12px;
    color: var(--quiet);
    line-height: 1.8;
  }
  .f7c2n9q4 {
    display: inline-flex;
    width: fit-content;
    font-size: 10px;
    line-height: 1.5;
    padding: 4px 9px;
    border: 1px solid #b0aca153;
    border-radius: 3px;
    color: #f2f0e4;
    background: #1b1a1780;
  }
}
@layer cover {
  .s7c2r9d4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-block: 23px;
    color: var(--quiet);
    font-size: 11px;
    letter-spacing: 0.04em;
  }
  .s7c2r9d4 > span:first-child {
    color: #cecdc6;
  }
  .s7c2r9d4 i {
    display: inline-block;
    height: 6px;
    width: 6px;
    background: var(--signal);
    border-radius: 50%;
    margin-right: 8px;
    box-shadow: 0 0 12px #f6df6860;
  }
  .s7c2r9d4 time {
    margin-left: 18px;
  }
  .h8q2b7n4 {
    display: grid;
    grid-template-columns: 1fr 1.02fr;
    gap: clamp(28px, 5vw, 76px);
    align-items: center;
    padding: 14px 0 38px;
  }
  .p6w3d8s2 {
    padding: 20px 0;
  }
  .p6w3d8s2 > .z7m2r8c5 {
    color: var(--signal);
    margin-bottom: 23px;
    letter-spacing: 0.13em;
  }
  .p6w3d8s2 > .z7m2r8c5 span {
    margin-left: 18px;
    font-size: 18px;
  }
  h1 {
    font-size: clamp(40px, 4.5vw, 65px);
    font-weight: 850;
    letter-spacing: -0.055em;
    line-height: 1.23;
  }
  h1 a {
    display: block;
  }
  h1 em {
    color: var(--signal);
  }
  .y5a9t3k7 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.08em;
    margin-bottom: 20px;
  }
  .y5a9t3k7 img {
    height: 26px;
    width: 42px;
    border-radius: 20px;
    filter: grayscale(1);
  }
  .c4n8v3j6 {
    color: #e3e0d6;
    margin-top: 24px;
    font-size: 16px;
  }
  .t8h2d7q4 {
    max-width: 440px;
    color: var(--quiet);
    font-size: 13px;
    line-height: 1.95;
    margin-top: 10px;
  }
  .d6q3m9k2 {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .x4v7h2b9 {
    padding: 15px 23px;
  }
  .q7j3p9w2 {
    margin-top: 38px;
    padding-top: 22px;
    border-top: 1px solid var(--rule);
    display: flex;
    gap: 13px;
    color: #d1cfc7;
    align-items: center;
    font-size: 12px;
  }
  .q7j3p9w2 small {
    color: #88898e;
    font-size: 10px;
    margin-top: 3px;
  }
  .l8e2r5n6 {
    font-size: 26px;
    color: var(--signal);
  }
  .v2n8c4k7 {
    position: relative;
    height: 548px;
    overflow: hidden;
    border-radius: 8px;
    background: #2d2525;
    border: 1px solid #ffffff15;
    isolation: isolate;
  }
  .j7r3w9d2 {
    position: absolute;
    inset: 23px 25px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    font:
      10px Arial,
      sans-serif;
    letter-spacing: 0.12em;
  }
  .s4x9q3m7 {
    height: 100%;
    position: relative;
  }
  .s4x9q3m7 > img {
    width: 100%;
    height: 100%;
    opacity: 0.82;
  }
  .s4x9q3m7::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(0deg, #121214 0%, #151012d9 25%, #100f1220 80%);
    pointer-events: none;
  }
  .o8v2m6r4 {
    position: absolute;
    bottom: 86px;
    left: 30px;
    right: 30px;
    z-index: 1;
  }
  .o8v2m6r4 > span {
    color: var(--signal);
    font-size: 10px;
    letter-spacing: 0.12em;
  }
  .o8v2m6r4 h2 {
    font-size: clamp(28px, 2.9vw, 40px);
    line-height: 1.3;
    margin-top: 12px;
  }
  .o8v2m6r4 p {
    font-size: 12px;
    color: #c2bec0;
    margin-top: 11px;
  }
  .o8v2m6r4 button {
    margin-top: 19px;
    padding: 0 0 5px;
    border-bottom: 1px solid #eee7d16b;
    font-size: 12px;
    display: flex;
    gap: 24px;
  }
  .o8v2m6r4 button:hover {
    color: var(--signal);
  }
  .i5r8n3v6 {
    position: absolute;
    bottom: 20px;
    inset-inline: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    border-top: 1px solid #ffffff24;
    padding-top: 16px;
  }
  .i5r8n3v6 > span {
    font:
      19px Arial,
      sans-serif;
    color: var(--signal);
  }
  .i5r8n3v6 > span > span {
    font-size: 12px;
    color: #9b989d;
    margin-left: 4px;
  }
  .i5r8n3v6 > div {
    display: flex;
    gap: 8px;
  }
  .i5r8n3v6 button {
    width: 35px;
    height: 30px;
    border: 1px solid #ffffff30;
    border-radius: 3px;
    padding: 0;
  }
  .i5r8n3v6 button:hover {
    background: var(--signal);
    color: #101113;
  }
  .a4j8p2n6 {
    display: flex;
    gap: 27px;
    align-items: center;
    padding: 20px 0;
    border-block: 1px solid var(--rule);
    font-size: 12px;
  }
  .a4j8p2n6 > span:first-child {
    color: #e3e0d4;
    font:
      10px Arial,
      "Microsoft YaHei",
      sans-serif;
    letter-spacing: 0.06em;
  }
  .a4j8p2n6 i {
    font-style: normal;
    color: var(--signal);
    margin: 0 7px;
  }
  .a4j8p2n6 a {
    color: #aaa9ad;
  }
  .a4j8p2n6 a:hover {
    color: var(--signal);
  }
  .v6t2k9c4 {
    margin-left: auto;
    color: #aaa9ad;
    font-size: 11px;
  }
  .v6t2k9c4 > span {
    margin-left: 18px;
    color: var(--signal);
    font-size: 17px;
  }
}
@layer editorial {
  .k9c3m7r2 {
    display: grid;
    grid-template-columns: 0.7fr 2fr;
    gap: 50px;
    padding-block: 62px;
  }
  .l3n7h2v9 h2 {
    font-size: 27px;
  }
  .f3q8v2c7 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  .f3q8v2c7 article {
    padding: 19px 21px;
    border: 1px solid var(--rule);
    border-radius: 5px;
    background: #17181a;
    transition:
      border-color 0.2s,
      transform 0.2s;
  }
  .f3q8v2c7 article:hover {
    border-color: #888160;
    transform: translateY(-3px);
  }
  .f3q8v2c7 article > span {
    font:
      12px Arial,
      sans-serif;
    color: var(--signal);
    letter-spacing: 0.15em;
  }
  .f3q8v2c7 h3 {
    font-size: 16px;
    margin: 13px 0 7px;
  }
  .f3q8v2c7 p {
    font-size: 11px;
    color: var(--quiet);
    line-height: 1.9;
  }
  .b8w2h6d9 {
    padding-top: 18px;
    padding-bottom: 70px;
  }
  .c9r3b7k2 {
    color: var(--signal);
  }
  .n8k3v6q2 {
    margin-top: 14px;
    font-size: 12px;
    color: var(--quiet);
  }
  .q2m7d9c4 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 29px;
  }
  .k5b9r2n7 {
    overflow: hidden;
    border: 1px solid var(--rule);
    border-radius: 6px;
    background: #17181b;
    transition:
      transform 0.25s,
      border-color 0.25s;
  }
  .k5b9r2n7:hover {
    transform: translateY(-6px);
    border-color: #6e694e;
  }
  .x7p3m8n2 {
    padding: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
  }
  .d9c4n7v2 {
    display: block;
    position: relative;
    height: clamp(180px, 18vw, 245px);
    overflow: hidden;
    background: #33262b;
  }
  .d9c4n7v2 img {
    height: 100%;
    transition: transform 0.6s;
    opacity: 0.86;
  }
  .k5b9r2n7:hover img {
    transform: scale(1.045);
  }
  .d9c4n7v2 .f7c2n9q4 {
    position: absolute;
    top: 16px;
    left: 16px;
    backdrop-filter: blur(8px);
  }
  .n5h8q2r7 {
    position: absolute;
    bottom: 15px;
    right: 16px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    background: var(--signal);
    color: #151613;
    border-radius: 50%;
    font-size: 19px;
  }
  .a8v4c2m7 {
    padding: 21px 23px 20px;
    display: block;
  }
  .a8v4c2m7 small {
    color: #d9c77b;
    font-size: 10px;
  }
  .a8v4c2m7 small > span {
    margin: 0 6px;
  }
  .a8v4c2m7 strong {
    display: block;
    font-size: 20px;
    line-height: 1.5;
    margin: 10px 0;
    font-weight: 650;
  }
  .a8v4c2m7 > span {
    display: block;
    font-size: 12px;
    color: var(--quiet);
    line-height: 1.85;
  }
  .a8v4c2m7 time {
    display: block;
    font-size: 10px;
    color: #85868c;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ffffff10;
  }
  .t3w7c9m2 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 46px;
    padding-top: 30px;
    padding-bottom: 85px;
    border-top: 1px solid var(--rule);
  }
  .p8r3n6h2 h2 {
    font-size: 29px;
  }
  .j4q7c2n8 {
    color: #88898e;
    font:
      10px Arial,
      sans-serif;
    white-space: nowrap;
  }
  .r8m2v6c9 {
    display: flex;
    gap: 8px;
    margin: 24px 0 15px;
  }
  .r8m2v6c9 button {
    font-size: 12px;
    padding: 8px 15px;
    border: 1px solid var(--rule);
    border-radius: 3px;
    color: var(--quiet);
    transition: background 0.2s;
  }
  .r8m2v6c9 button[aria-pressed="true"] {
    background: var(--signal);
    border-color: var(--signal);
    color: #161614;
  }
  .r8m2v6c9 button:hover {
    border-color: #a99f63;
  }
  .u9c2k7r4 {
    margin-top: 18px;
    border-top: 1px solid var(--rule);
  }
  .u9c2k7r4 article {
    border-bottom: 1px solid var(--rule);
  }
  .u9c2k7r4 button {
    display: flex;
    align-items: center;
    gap: 22px;
    width: 100%;
    text-align: left;
    padding: 20px 0;
    transition: background 0.2s;
  }
  .u9c2k7r4 button:hover {
    background: #ffffff04;
  }
  .w3j8v2c6 {
    color: #7d7d82;
    font:
      25px Arial,
      sans-serif;
    flex-shrink: 0;
    width: 35px;
  }
  .u9c2k7r4 button > span:nth-child(2) {
    flex: 1;
  }
  .u9c2k7r4 small {
    font-size: 10px;
    color: #c0b581;
  }
  .u9c2k7r4 strong {
    display: block;
    font-size: 17px;
    font-weight: 550;
    margin-top: 4px;
  }
  .u9c2k7r4 button > span:nth-child(2) > span {
    display: block;
    font-size: 11px;
    color: #929399;
    margin-top: 3px;
  }
  .u9c2k7r4 button > span:last-child {
    color: var(--signal);
  }
  .v8d3m7q2 {
    border-left: 1px solid var(--rule);
    padding-left: 28px;
  }
  .v8d3m7q2 h2 {
    font-size: 26px;
  }
  .v8d3m7q2 h2 > span {
    color: var(--signal);
    margin-left: 10px;
  }
  .v8d3m7q2 > section > .b3h7n2v8 {
    margin-top: 19px;
    font-size: 10px;
  }
  .v8d3m7q2 .h2r8m5v3 {
    align-items: flex-end;
  }
  .v8d3m7q2 .h2r8m5v3 > .f7c2n9q4 {
    margin-bottom: 4px;
    color: var(--signal);
    border-color: #f6df6840;
    white-space: nowrap;
  }
  .t7c2j8m4 {
    margin: 21px 0 0;
    padding: 0;
    list-style: none;
  }
  .t7c2j8m4 li {
    border-top: 1px solid var(--rule);
  }
  .t7c2j8m4 button {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 14px;
    padding: 21px 0;
    text-align: left;
  }
  .t7c2j8m4 button > span:first-child {
    font:
      italic 25px Georgia,
      serif;
    color: #85868c;
  }
  .t7c2j8m4 li:first-child button > span:first-child {
    color: var(--signal);
  }
  .t7c2j8m4 button > span:nth-child(2) {
    flex: 1;
  }
  .t7c2j8m4 strong {
    font-size: 13px;
    font-weight: 550;
  }
  .t7c2j8m4 small {
    font-size: 10px;
    color: #85868c;
    margin-top: 6px;
  }
  .t7c2j8m4 button > span:last-child {
    font-size: 12px;
    color: #88898e;
  }
  .t7c2j8m4 button:hover strong {
    color: var(--signal);
  }
  .m2q7w9r4 {
    padding: 22px 24px;
    background: #22221c;
    border: 1px solid #625c343b;
    border-radius: 4px;
    margin-top: 20px;
  }
  .m2q7w9r4 > span {
    font:
      48px Georgia,
      serif;
    color: var(--signal);
    height: 29px;
    display: block;
  }
  .m2q7w9r4 p {
    font-size: 20px;
    line-height: 1.7;
  }
  .m2q7w9r4 strong {
    font-weight: 500;
    color: var(--signal);
  }
  .m2q7w9r4 a {
    font-size: 10px;
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
    color: #c0bea9;
  }
}
@layer experience {
  .x9r3m7c2 {
    border-block: 1px solid var(--rule);
    background: radial-gradient(ellipse at 85% 0, #5c4c2730, transparent 70%), #191a1b;
    padding-block: 75px;
  }
  .k7j2v9r4 {
    display: grid;
    grid-template-columns: 0.86fr 1.14fr;
    gap: 64px;
    align-items: center;
  }
  .h3m8q2n7 h2 {
    line-height: 1.5;
    font-size: clamp(27px, 2.6vw, 37px);
  }
  .h3m8q2n7 > p:nth-of-type(2) {
    color: var(--quiet);
    font-size: 12px;
    max-width: 380px;
    margin-top: 20px;
    line-height: 2;
  }
  .e8q2c7m4 {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    font-size: 10px;
    color: #b7b09a;
    margin: 26px 0;
  }
  .e8q2c7m4 span + span {
    border-left: 1px solid #6c6753;
    padding-left: 11px;
  }
  .b7v3n9d2 {
    border: 1px solid #57564c;
    border-radius: 7px;
    overflow: hidden;
    background: #151619;
    box-shadow:
      10px 18px 0 #0e0e10a3,
      0 20px 60px #0003;
    transform: perspective(1200px) rotateY(-4deg);
  }
  .q9k4v2r7 {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 13px 17px;
    background: #25262a;
    font:
      9px Arial,
      sans-serif;
    color: #939398;
    border-bottom: 1px solid #404044;
  }
  .q9k4v2r7 > span:first-child {
    color: #a49b67;
    letter-spacing: 3px;
  }
  .j2m8w4c7 {
    display: grid;
    grid-template-columns: 150px 1fr;
    min-height: 320px;
  }
  .g7p2n9v4 {
    border-right: 1px solid var(--rule);
    padding: 22px 14px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .g7p2n9v4 > span {
    font-size: 10px;
    color: #8e8e95;
    margin-bottom: 10px;
  }
  .g7p2n9v4 button {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    padding: 10px;
    border-radius: 3px;
    color: #a3a3a8;
    text-align: left;
  }
  .g7p2n9v4 button[aria-pressed="true"] {
    color: var(--signal);
    background: #f6df6810;
  }
  .g7p2n9v4 small {
    font-size: 8px;
    color: #8d8d92;
    margin-top: auto;
    padding-top: 22px;
  }
  .c7v2m9r4 {
    padding: 28px;
  }
  .c7v2m9r4 h3 {
    font-size: 29px;
    line-height: 1.5;
    margin: 14px 0 12px;
  }
  .c7v2m9r4 p {
    font-size: 10px;
    color: #aba9a5;
    line-height: 1.9;
  }
  .a2n8q4v7 {
    display: grid;
    gap: 7px;
    margin-top: 20px;
  }
  .a2n8q4v7 span {
    display: block;
    height: 3px;
    background: #303134;
    width: 100%;
  }
  .a2n8q4v7 span:last-child {
    width: 65%;
  }
  .c7v2m9r4 button {
    margin-top: 22px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 10px;
    padding: 0;
    color: var(--signal);
  }
  .c8q3m7v2 {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 100px;
    padding-block: 82px;
  }
  .k2q8n4r7 {
    margin-top: 30px;
  }
  .k2q8n4r7 article {
    display: flex;
    gap: 25px;
    padding: 24px 0;
    border-top: 1px solid var(--rule);
  }
  .k2q8n4r7 article > span {
    font:
      31px Arial,
      sans-serif;
    color: var(--signal);
  }
  .k2q8n4r7 h3 {
    font-size: 18px;
  }
  .k2q8n4r7 p {
    font-size: 12px;
    color: var(--quiet);
    margin-top: 6px;
  }
  .k2q8n4r7 a,
  .k2q8n4r7 button {
    display: inline-block;
    font-size: 11px;
    color: #d2c584;
    margin-top: 13px;
    padding: 0;
  }
  .d3n7r2c8 {
    border-left: 1px solid var(--rule);
    padding-left: 45px;
  }
  .d3n7r2c8 h2 {
    font-size: 29px;
  }
  .d3n7r2c8 > p:nth-of-type(2) {
    margin-top: 14px;
    font-size: 10px;
  }
  .d3n7r2c8 article {
    margin-top: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid #ffffff12;
  }
  .d3n7r2c8 blockquote {
    font-size: 14px;
    color: #dbd8cf;
    line-height: 1.9;
  }
  .d3n7r2c8 article p {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    margin-top: 12px;
  }
  .d3n7r2c8 article p > span {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #e2d38d;
    background: #343229;
  }
  .d3n7r2c8 article small {
    color: #85868c;
  }
}
@layer support {
  .p4n8v2c7 {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 80px;
    padding: 25px 0 90px;
  }
  .j8c3n7q2 {
    margin-top: 28px;
  }
  details {
    border-bottom: 1px solid var(--rule);
  }
  details:first-child {
    border-top: 1px solid var(--rule);
  }
  summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 22px 0;
    cursor: pointer;
    font-size: 14px;
    list-style: none;
  }
  summary::-webkit-details-marker {
    display: none;
  }
  summary > span {
    color: var(--signal);
    font-size: 22px;
    font-weight: 300;
    transition: transform 0.2s;
  }
  details[open] summary > span {
    transform: rotate(45deg);
  }
  details[open] summary {
    color: var(--signal);
  }
  details p {
    font-size: 12px;
    color: var(--quiet);
    line-height: 1.95;
    padding: 0 25px 22px 0;
  }
  .r2v7c9m4 {
    padding: 32px;
    border-radius: 5px;
    border: 1px solid #6b6242;
    background: radial-gradient(ellipse at 100% 0, #59503270, transparent 65%), #25251f;
    position: relative;
  }
  .r2v7c9m4 > .m9r4c7a2 {
    position: absolute;
    right: 27px;
    top: 31px;
    width: 40px;
    height: 40px;
  }
  .r2v7c9m4 .z7m2r8c5 {
    font-size: 9px;
    margin-top: 4px;
    max-width: 180px;
  }
  .r2v7c9m4 h2 {
    font-size: 36px;
    margin-top: 30px;
    line-height: 1.5;
  }
  .r2v7c9m4 h2 em {
    color: var(--signal);
  }
  .r2v7c9m4 > p:nth-of-type(2) {
    font-size: 13px;
    color: #b9b7a9;
    line-height: 1.85;
    margin-top: 15px;
  }
  .q4m8c2v7 {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-block: 25px;
    padding: 15px 0;
    border-block: 1px solid #ffffff15;
  }
  .q4m8c2v7 > span {
    font-size: 24px;
    color: var(--signal);
  }
  .q4m8c2v7 strong {
    font-size: 12px;
    font-weight: 500;
  }
  .q4m8c2v7 small {
    font-size: 9px;
    color: #a8a695;
    margin-top: 4px;
  }
  .r2v7c9m4 > .u6d2p8h5 {
    width: 100%;
    justify-content: space-between;
  }
  .r2v7c9m4 > .g9t3w6c2 {
    display: block;
    text-align: center;
    margin-top: 18px;
    font-size: 11px;
  }
  .r2v7c9m4 > small {
    font-size: 9px;
    color: #a5a18d;
    margin-top: 18px;
    text-align: center;
  }
  .z4r8m2c7 {
    border-top: 1px solid var(--rule);
    background: #151618;
    padding-top: 55px;
  }
  .f2m7c9r4 {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 100px;
  }
  .f2m7c9r4 h2 {
    font-size: 19px;
    margin: 25px 0 14px;
    letter-spacing: 0;
  }
  .f2m7c9r4 p {
    font-size: 11px;
    color: #97989c;
    line-height: 2.1;
    max-width: 640px;
  }
  .n7q2v8c4 {
    padding-top: 7px;
  }
  .n7q2v8c4 h3 {
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 19px;
    border-bottom: 1px solid var(--rule);
  }
  .n7q2v8c4 h3 span {
    color: var(--signal);
  }
  .n7q2v8c4 > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 23px;
  }
  .n7q2v8c4 a {
    font-size: 11px;
    color: #a8a8ad;
  }
  .n7q2v8c4 a:hover {
    color: var(--signal);
  }
  .h7v3c9m2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 42px;
    padding: 22px 0;
    border-top: 1px solid var(--rule);
    font-size: 10px;
    color: #929399;
  }
  .h7v3c9m2 a {
    color: #d2ccb0;
  }
  .q3v8m2c7 {
    background: #191a1d;
    color: var(--ink);
    border: 1px solid #5d5946;
    padding: 0;
    border-radius: 7px;
    max-height: 88dvh;
    width: min(680px, calc(100% - 32px));
    box-shadow: 0 35px 130px #0009;
    overscroll-behavior: contain;
  }
  .q3v8m2c7::backdrop {
    background: #030405d1;
    backdrop-filter: blur(8px);
  }
  .f8c2r7m4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 25px;
    border-bottom: 1px solid var(--rule);
    position: sticky;
    top: 0;
    background: #191a1d;
  }
  .f8c2r7m4 .z7m2r8c5 {
    margin: 0;
    color: var(--signal);
  }
  .f8c2r7m4 button {
    font-size: 27px;
    width: 38px;
    height: 38px;
    padding: 0;
  }
  .n2r7v9c4 {
    padding: 30px 35px 35px;
  }
  .n2r7v9c4 h2 {
    font-size: 30px;
    margin-top: 18px;
  }
  .n2r7v9c4 > p:nth-of-type(2) {
    font-size: 14px;
    color: #bbb6a3;
    margin-top: 15px;
  }
  .t2c8m4v7 h3 {
    font-size: 17px;
    margin: 25px 0 10px;
    color: #e7dab1;
  }
  .t2c8m4v7 p {
    font-size: 13px;
    line-height: 2;
    color: #b4b3b8;
  }
  .n2r7v9c4 > .b3h7n2v8 {
    margin-block: 25px;
    border-top: 1px solid var(--rule);
    padding-top: 17px;
    font-size: 10px;
  }
}
@layer motion {
  @keyframes coverentry {
    from {
      opacity: 0.35;
      transform: scale(1.025);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  .s4x9q3m7[data-current] {
    animation: coverentry 0.65s ease-out both;
  }
  [data-arrival] {
    transition:
      opacity 0.65s ease,
      transform 0.65s ease;
  }
  [data-arrival="pending"] {
    opacity: 0;
    transform: translateY(22px);
  }
  @media (max-width: 1180px) {
    .n3g7q8v2 {
      gap: 19px;
      font-size: 12px;
    }
    .f6j9t3w5 > .u6d2p8h5 {
      display: none;
    }
    .h8q2b7n4 {
      gap: 30px;
    }
    .v2n8c4k7 {
      height: 530px;
    }
    .a4j8p2n6 {
      gap: 20px;
    }
    .v6t2k9c4 {
      display: none;
    }
    .k9c3m7r2 {
      gap: 25px;
      grid-template-columns: 0.7fr 2.3fr;
    }
    .t3w7c9m2 {
      grid-template-columns: minmax(0, 1fr) 300px;
      gap: 28px;
    }
    .v8d3m7q2 {
      padding-left: 22px;
    }
    .v8d3m7q2 .h2r8m5v3 {
      display: block;
    }
    .v8d3m7q2 .h2r8m5v3 > .f7c2n9q4 {
      margin-top: 15px;
    }
    .k7j2v9r4 {
      gap: 35px;
    }
    .c8q3m7v2 {
      gap: 50px;
    }
    .p4n8v2c7 {
      gap: 40px;
    }
    .f2m7c9r4 {
      gap: 60px;
    }
  }
  @media (max-width: 900px) {
    .h8q2b7n4 {
      grid-template-columns: 1fr 1fr;
      gap: 26px;
    }
    h1 {
      font-size: clamp(35px, 5vw, 45px);
    }
    .c4n8v3j6 {
      font-size: 13px;
    }
    .t8h2d7q4 {
      font-size: 12px;
    }
    .d6q3m9k2 {
      gap: 17px;
    }
    .d6q3m9k2 .g9t3w6c2 {
      font-size: 11px;
    }
    .v2n8c4k7 {
      height: 520px;
    }
    .k9c3m7r2 {
      grid-template-columns: 1fr;
      gap: 25px;
      padding-block: 45px;
    }
    .l3n7h2v9 h2 br {
      display: none;
    }
    .q2m7d9c4 {
      gap: 14px;
    }
    .a8v4c2m7 {
      padding: 18px;
    }
    .a8v4c2m7 strong {
      font-size: 17px;
    }
    .t3w7c9m2 {
      grid-template-columns: 1fr;
    }
    .v8d3m7q2 {
      padding: 28px 0 0;
      border-left: 0;
      border-top: 1px solid var(--rule);
    }
    .v8d3m7q2 .h2r8m5v3 {
      display: flex;
    }
    .t7c2j8m4 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 32px;
    }
    .m2q7w9r4 {
      display: none;
    }
    .k7j2v9r4 {
      grid-template-columns: 1fr;
      gap: 36px;
    }
    .h3m8q2n7 h2 br {
      display: none;
    }
    .h3m8q2n7 > p:nth-of-type(2) {
      max-width: 600px;
    }
    .b7v3n9d2 {
      transform: none;
    }
    .c8q3m7v2 {
      gap: 35px;
      grid-template-columns: 1fr 1fr;
    }
    .d3n7r2c8 {
      padding-left: 28px;
    }
    .p4n8v2c7 {
      gap: 32px;
      grid-template-columns: 1.1fr 0.9fr;
    }
    .r2v7c9m4 {
      padding: 25px;
    }
    .r2v7c9m4 > .m9r4c7a2 {
      display: none;
    }
    .r2v7c9m4 h2 {
      font-size: 32px;
    }
    .f2m7c9r4 {
      grid-template-columns: 1fr;
      gap: 35px;
    }
  }
  @media (max-width: 680px) {
    :root {
      --space: 21px;
    }
    html {
      scroll-padding-top: 85px;
    }
    .f6j9t3w5 {
      height: 73px;
    }
    .b5x8d2q7 {
      font-size: 22px;
      gap: 11px;
    }
    .m9r4c7a2 {
      height: 38px;
      width: 38px;
      font-size: 24px;
    }
    .b5x8d2q7 small {
      font-size: 8px;
      margin-top: 5px;
    }
    .e3x7a9m4 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 6px;
      width: 43px;
      height: 43px;
      padding: 10px;
      border: 1px solid var(--rule);
      border-radius: 4px;
    }
    .e3x7a9m4 span {
      display: block;
      height: 1px;
      background: var(--ink);
      transition: transform 0.2s;
      width: 100%;
    }
    .e3x7a9m4[aria-expanded="true"] span:first-child {
      transform: translateY(3.5px) rotate(45deg);
    }
    .e3x7a9m4[aria-expanded="true"] span:last-child {
      transform: translateY(-3.5px) rotate(-45deg);
    }
    .n3g7q8v2 {
      display: none;
      position: absolute;
      inset: 73px 0 auto;
      background: #17181b;
      border-bottom: 1px solid var(--rule);
      padding: 15px var(--space);
      box-shadow: 0 20px 30px #0005;
    }
    .n3g7q8v2[data-open] {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2px 20px;
    }
    .n3g7q8v2 a {
      padding: 13px 2px;
      font-size: 13px;
      border-bottom: 1px solid #ffffff0d;
    }
    .s7c2r9d4 {
      font-size: 9px;
      padding-block: 19px;
    }
    .s7c2r9d4 > span:last-child {
      font-size: 8px;
      text-align: right;
    }
    .s7c2r9d4 time {
      display: none;
    }
    .h8q2b7n4 {
      grid-template-columns: 1fr;
      gap: 28px;
      padding: 8px 0 28px;
    }
    .p6w3d8s2 {
      padding: 4px 0;
    }
    .p6w3d8s2 > .z7m2r8c5 {
      font-size: 9px;
      margin-bottom: 20px;
    }
    h1 {
      font-size: clamp(37px, 9vw, 54px);
      line-height: 1.26;
      letter-spacing: -0.05em;
    }
    .y5a9t3k7 {
      font-size: 15px;
      margin-bottom: 18px;
    }
    .c4n8v3j6 {
      font-size: 14px;
      margin-top: 22px;
    }
    .t8h2d7q4 {
      font-size: 12px;
      max-width: none;
    }
    .d6q3m9k2 {
      margin-top: 23px;
      gap: 22px;
    }
    .x4v7h2b9 {
      padding: 13px 18px;
    }
    .q7j3p9w2 {
      margin-top: 25px;
      padding-top: 17px;
    }
    .v2n8c4k7 {
      height: 420px;
    }
    .j7r3w9d2 {
      inset: 19px 21px auto;
      font-size: 9px;
    }
    .o8v2m6r4 {
      left: 23px;
      right: 23px;
      bottom: 82px;
    }
    .o8v2m6r4 h2 {
      font-size: 33px;
    }
    .i5r8n3v6 {
      inset-inline: 23px;
    }
    .a4j8p2n6 {
      gap: 12px 19px;
      flex-wrap: wrap;
      padding-block: 18px;
      font-size: 10px;
    }
    .a4j8p2n6 > span:first-child {
      flex-basis: 100%;
      font-size: 9px;
    }
    .k9c3m7r2 {
      padding-block: 40px;
    }
    .l3n7h2v9 h2 {
      font-size: 25px;
    }
    .f3q8v2c7 {
      grid-template-columns: 1fr;
      gap: 9px;
    }
    .f3q8v2c7 article {
      display: grid;
      grid-template-columns: 45px 1fr;
      column-gap: 10px;
      padding: 17px 18px;
    }
    .f3q8v2c7 article > span {
      grid-row: span 2;
      margin-top: 5px;
    }
    .f3q8v2c7 h3 {
      margin: 0 0 5px;
      font-size: 15px;
    }
    .b8w2h6d9 {
      padding-top: 0;
      padding-bottom: 45px;
    }
    .h2r8m5v3 {
      gap: 12px;
    }
    .h2r8m5v3 > .g9t3w6c2 {
      gap: 6px;
      font-size: 10px;
      white-space: nowrap;
    }
    .h2r8m5v3 h2 {
      font-size: 25px;
    }
    .z7m2r8c5 {
      font-size: 9px;
    }
    .n8k3v6q2 {
      font-size: 11px;
      margin-top: 12px;
    }
    .q2m7d9c4 {
      grid-template-columns: 1fr;
      gap: 20px;
      margin-top: 23px;
    }
    .d9c4n7v2 {
      height: 220px;
    }
    .a8v4c2m7 {
      padding: 19px 21px;
    }
    .a8v4c2m7 strong {
      font-size: 20px;
    }
    .a8v4c2m7 time {
      padding-top: 14px;
      margin-top: 15px;
    }
    .t3w7c9m2 {
      padding-top: 25px;
      padding-bottom: 45px;
      gap: 35px;
    }
    .j4q7c2n8 {
      font-size: 8px;
    }
    .r8m2v6c9 {
      gap: 6px;
      flex-wrap: wrap;
      margin-top: 22px;
    }
    .r8m2v6c9 button {
      font-size: 11px;
      padding: 8px 11px;
    }
    .b3h7n2v8 {
      font-size: 10px;
    }
    .u9c2k7r4 button {
      gap: 13px;
      padding-block: 19px;
    }
    .w3j8v2c6 {
      font-size: 22px;
      width: 29px;
    }
    .u9c2k7r4 strong {
      font-size: 16px;
    }
    .u9c2k7r4 button > span:nth-child(2) > span {
      font-size: 10px;
    }
    .t7c2j8m4 {
      grid-template-columns: 1fr;
    }
    .t7c2j8m4 button {
      padding-block: 18px;
    }
    .t7c2j8m4 strong {
      font-size: 14px;
    }
    .x9r3m7c2 {
      padding-block: 40px 55px;
    }
    .k7j2v9r4 {
      gap: 30px;
    }
    .h3m8q2n7 h2 {
      font-size: 27px;
    }
    .h3m8q2n7 h2 br {
      display: block;
    }
    .e8q2c7m4 {
      gap: 8px;
      font-size: 9px;
    }
    .e8q2c7m4 span + span {
      padding-left: 8px;
    }
    .q9k4v2r7 {
      gap: 10px;
      padding-inline: 12px;
      font-size: 8px;
    }
    .j2m8w4c7 {
      grid-template-columns: 1fr;
    }
    .g7p2n9v4 {
      flex-direction: row;
      gap: 5px;
      padding: 12px;
      border-right: 0;
      border-bottom: 1px solid var(--rule);
    }
    .g7p2n9v4 > span,
    .g7p2n9v4 small,
    .g7p2n9v4 button > span {
      display: none;
    }
    .g7p2n9v4 button {
      flex: 1;
      justify-content: center;
      font-size: 10px;
      padding: 8px 5px;
    }
    .c7v2m9r4 {
      padding: 23px;
    }
    .c7v2m9r4 h3 {
      font-size: 28px;
    }
    .c7v2m9r4 p {
      font-size: 11px;
    }
    .c8q3m7v2 {
      grid-template-columns: 1fr;
      padding-block: 48px;
      gap: 40px;
    }
    .k2q8n4r7 {
      margin-top: 24px;
    }
    .k2q8n4r7 article {
      gap: 21px;
      padding-block: 22px;
    }
    .k2q8n4r7 h3 {
      font-size: 17px;
    }
    .d3n7r2c8 {
      border-left: 0;
      padding-left: 0;
      padding-top: 25px;
      border-top: 1px solid var(--rule);
    }
    .d3n7r2c8 h2 br {
      display: none;
    }
    .d3n7r2c8 article {
      background: #18191b;
      border: 1px solid #303136;
      border-radius: 4px;
      padding: 19px;
      margin-top: 13px;
    }
    .p4n8v2c7 {
      grid-template-columns: 1fr;
      gap: 35px;
      padding-top: 6px;
      padding-bottom: 45px;
    }
    #questions h2 {
      font-size: 27px;
    }
    summary {
      font-size: 13px;
      gap: 15px;
      padding-block: 20px;
    }
    details p {
      font-size: 11px;
    }
    .r2v7c9m4 {
      padding: 28px;
    }
    .r2v7c9m4 > .m9r4c7a2 {
      display: grid;
    }
    .r2v7c9m4 h2 {
      font-size: 36px;
      margin-top: 24px;
    }
    .z4r8m2c7 {
      padding-top: 35px;
    }
    .f2m7c9r4 {
      gap: 28px;
    }
    .n7q2v8c4 > div {
      gap: 14px;
    }
    .h7v3c9m2 {
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 8px 20px;
      margin-top: 30px;
      font-size: 9px;
    }
    .h7v3c9m2 > p:first-child {
      flex-basis: 100%;
    }
    .h7v3c9m2 > a {
      margin-left: auto;
    }
    .n2r7v9c4 {
      padding: 22px;
    }
    .n2r7v9c4 h2 {
      font-size: 25px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
      animation: none !important;
      transition: none !important;
    }
    [data-arrival="pending"] {
      opacity: 1;
      transform: none;
    }
  }
}