@layer reset,palette,composition,posters,interfaces,motion,adaptive;
@layer reset {
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 105px;
  }
  body,
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote {
    margin: 0;
  }
  body {
    min-width: 320px;
  }
  button,
  input {
    font: inherit;
  }
  button,
  a,
  summary {
    -webkit-tap-highlight-color: transparent;
  }
  button {
    cursor: pointer;
  }
  button {
    color: inherit;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  button {
    border: 0;
    background: none;
  }
  ul,
  ol {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  button,
  input,
  a {
    touch-action: manipulation;
  }
  [hidden] {
    display: none !important;
  }
  :focus-visible {
    outline: 3px solid #ffcf45;
    outline-offset: 5px;
  }
  ::selection {
    color: #17170f;
    background: #ffd250;
  }
}
@layer palette {
  :root {
    color-scheme: dark;
    --ink: #111310;
    --panel: #1b1d19;
    --warm: #f8f6eb;
    --quiet: #a0a398;
    --line: #ffffff14;
    --sun: #ffd24a;
    --radius: 18px;
    --gutter: clamp(22px, 4vw, 64px);
  }
  body {
    color: var(--warm);
    background: var(--ink);
    font-family:
      Microsoft YaHei,
      PingFang SC,
      system-ui,
      sans-serif;
    font-size: 15px;
    line-height: 1.75;
  }
  h1,
  h2,
  h3 {
    line-height: 1.35;
    font-weight: 700;
  }
  h2 {
    font-size: clamp(27px, 2.7vw, 40px);
    letter-spacing: -1.4px;
  }
  .jl2qni8dcz3 {
    color: var(--sun);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.9px;
    line-height: 1.7;
  }
  .mnleiqavgyg {
    color: var(--quiet);
    margin-top: 14px;
  }
  .inffxyz96jx {
    color: #a0a396;
    font-size: 11px;
    margin-top: 19px;
  }
  .j0w252xgcn8 {
    color: var(--quiet);
    white-space: nowrap;
    font-size: 12px;
  }
  .vyeok8r8nvv {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
  }
  .ydm4keg7opo {
    position: fixed;
    left: 20px;
    top: -90px;
    z-index: 99;
    color: #111;
    background: var(--sun);
    padding: 12px 22px;
    border-radius: 8px;
  }
  .ydm4keg7opo:focus {
    top: 16px;
  }
}
@layer composition {
  .zmhexr5o0u9 {
    width: min(1440px, 100%);
    margin-inline: auto;
    padding-inline: var(--gutter);
  }
  .bp6btdmc85e {
    height: 86px;
    position: sticky;
    z-index: 20;
    top: 0;
    background: #111310f2;
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(18px);
  }
  .dvtptlyg5kl {
    height: 100%;
    padding-inline: var(--gutter);
    max-width: 1600px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 34px;
  }
  .k7ueac4wqp6 {
    font-size: 24px;
    letter-spacing: 1px;
    flex-shrink: 0;
  }
  .k7ueac4wqp6 a {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .k7ueac4wqp6 small {
    color: #9c9d8d;
    font-size: 8px;
    display: block;
    letter-spacing: 2px;
    margin-top: 4px;
    font-weight: 500;
  }
  .bcxh6jg57cc {
    width: 42px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #242310;
    background: linear-gradient(145deg, #ffe37a, #ffbe20);
    border-radius: 14px 14px 14px 4px;
    font-size: 21px;
    padding-left: 2px;
  }
  .cvbdmc3ntt0 {
    display: flex;
    gap: 29px;
    margin-left: auto;
    align-items: center;
  }
  .cvbdmc3ntt0 a {
    color: #c2c4ba;
    font-size: 13px;
    position: relative;
    white-space: nowrap;
  }
  .cvbdmc3ntt0 a:first-child {
    color: var(--sun);
  }
  .cvbdmc3ntt0 a:first-child:after {
    content: "";
    position: absolute;
    bottom: -27px;
    width: 16px;
    height: 3px;
    background: var(--sun);
    left: calc(50% - 8px);
    border-radius: 3px;
  }
  .j8q66od8cij {
    display: flex;
    align-items: center;
    gap: 21px;
    margin-left: 18px;
  }
  .ezm0u9h7f19 {
    color: var(--sun);
    padding: 8px 16px;
    border: 1px solid #ffd24a44;
    border-radius: 7px;
    font-size: 12px;
    white-space: nowrap;
  }
  .ezm0u9h7f19 span {
    margin-right: 4px;
  }
  .xwjxzia7cnd {
    color: #d3d3c6;
    font-size: 14px;
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 10px 0 10px 6px;
  }
  .xwjxzia7cnd span:last-child {
    font-size: 11px;
  }
  .l48ikw717ml {
    isolation: isolate;
    position: relative;
    min-height: 640px;
    height: min(760px, calc(100svh - 86px));
    max-height: 800px;
    overflow: clip;
    max-width: 1600px;
    margin: auto;
  }
  .fq37aicxm92,
  .fq37aicxm92 figure,
  .ytzubgb42eg {
    position: absolute;
    inset: 0;
  }
  .fq37aicxm92 {
    z-index: -3;
    background: #353326;
  }
  .fq37aicxm92 figure {
    opacity: 0;
    transition: opacity 1.3s ease;
  }
  .fq37aicxm92 figure[aria-hidden="false"] {
    opacity: 1;
  }
  .fq37aicxm92 img {
    object-position: center 39%;
  }
  .ytzubgb42eg {
    z-index: -1;
    background:
      linear-gradient(
        90deg,
        #111310f7,
        #111310dc 26%,
        #11131043 62%,
        #1113102b
      ),
      linear-gradient(0deg, #111310, #11131022 45%, #11131018);
  }
  .ieploea8yoq {
    padding: clamp(62px, 7vw, 96px) var(--gutter) 160px;
    max-width: 820px;
  }
  .dpjlb8qhdcb {
    font-size: 11px;
    letter-spacing: 2px;
    color: #f0db93;
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 25px;
  }
  .dpjlb8qhdcb > span {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: var(--sun);
    box-shadow: 0 0 16px #ffc33466;
  }
  .ieploea8yoq h2 {
    font-size: clamp(48px, 5.7vw, 82px);
    letter-spacing: -3px;
    font-weight: 800;
    line-height: 1.17;
  }
  .ieploea8yoq h2 em {
    font-style: normal;
    color: var(--sun);
  }
  .afxmae2bc5b {
    font-size: 20px;
    margin-top: 24px;
    letter-spacing: 1px;
  }
  .dud2gmv656c {
    font-size: 13px;
    line-height: 1.9;
    color: #b7bbad;
    margin-top: 14px;
  }
  .rnk0gacbfm6 {
    display: flex;
    gap: 12px;
    margin-top: 28px;
  }
  .tht64qr82mk,
  .l46efnthn97 {
    display: inline-flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    padding: 13px 23px;
    font-size: 13px;
    border-radius: 7px;
    font-weight: 700;
    min-height: 48px;
  }
  .tht64qr82mk {
    background: linear-gradient(105deg, #ffe27a, #ffbe29);
    color: #272313;
    box-shadow: 0 8px 30px #d79d161a;
  }
  .tht64qr82mk > span {
    font-size: 20px;
    line-height: 1;
  }
  .l46efnthn97 {
    color: #e8e7dc;
    background: #ffffff0a;
    border: 1px solid #ffffff2b;
  }
  .esxl6lbxkq9 {
    color: #9b9e8c;
    font-size: 10px;
    margin-top: 17px;
  }
  .hd3kl70cqn0 {
    position: absolute;
    bottom: 158px;
    right: var(--gutter);
    width: 240px;
    padding-left: 20px;
    border-left: 2px solid var(--sun);
    text-shadow: 0 2px 12px #0008;
  }
  .hd3kl70cqn0 > span {
    color: #d5cfb3;
    font-size: 10px;
    letter-spacing: 2px;
  }
  .hd3kl70cqn0 strong {
    display: block;
    font-size: 23px;
    margin-top: 9px;
  }
  .hd3kl70cqn0 p {
    color: #d5d7c9;
    font-size: 12px;
    margin-top: 7px;
  }
  .hd3kl70cqn0 button {
    color: var(--sun);
    padding: 13px 0 0;
    font-size: 12px;
    display: flex;
    gap: 46px;
  }
  .crnp0gn6cfz {
    position: absolute;
    bottom: 0;
    left: var(--gutter);
    right: var(--gutter);
    display: flex;
    align-items: center;
    border-top: 1px solid #ffffff26;
    padding-block: 21px 26px;
    gap: 30px;
  }
  .ha6itvy1nni {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: min(910px, 95%);
    gap: 36px;
  }
  .ha6itvy1nni button {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 4px 0;
    color: #9eaa9d;
    position: relative;
  }
  .ha6itvy1nni button > span:first-child {
    font-family: Georgia, serif;
    font-size: 23px;
    color: #fff4;
  }
  .ha6itvy1nni button > span:nth-child(2) {
    font-size: 12px;
  }
  .ha6itvy1nni small {
    font-size: 9px;
    display: block;
    margin-top: 3px;
    color: #89907f;
  }
  .ha6itvy1nni button[aria-pressed="true"] {
    color: #f4f1dc;
  }
  .ha6itvy1nni button[aria-pressed="true"] > span:first-child {
    color: var(--sun);
  }
  .ha6itvy1nni button[aria-pressed="true"] i {
    width: 6px;
    height: 6px;
    background: var(--sun);
    border-radius: 50%;
    margin-left: auto;
  }
  .l336cgnklt2 {
    width: 36px;
    height: 36px;
    border: 1px solid #ffffff33;
    border-radius: 50%;
    margin-left: auto;
    color: #dadccd;
    flex-shrink: 0;
    font-size: 14px;
  }
  .nl55i1qu0bx {
    background: #1b1d18;
    border-block: 1px solid var(--line);
  }
  .ovvzgeccto6 {
    display: grid;
    grid-template-columns: 0.9fr repeat(3, 1fr);
    padding-block: 32px;
    gap: 28px;
  }
  .b3sq3o4rz51 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .b3sq3o4rz51 h2 {
    font-size: 25px;
    margin-top: 6px;
    letter-spacing: -1px;
  }
  .ovvzgeccto6 article {
    border-left: 1px solid var(--line);
    padding-left: 29px;
    display: grid;
    grid-template-columns: 25px 1fr;
    column-gap: 10px;
  }
  .ovvzgeccto6 article > span {
    color: var(--sun);
    font-size: 23px;
    grid-row: span 2;
  }
  .ovvzgeccto6 h3 {
    font-size: 14px;
    margin-top: 3px;
  }
  .ovvzgeccto6 p {
    color: #969c8d;
    font-size: 11px;
    line-height: 1.8;
    margin-top: 7px;
    max-width: 195px;
  }
  .s1gjtqt8zeu {
    padding-top: 72px;
    padding-bottom: 66px;
  }
  .z661yzba26h {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    margin-bottom: 27px;
  }
  .z661yzba26h h2 {
    margin-top: 10px;
    font-size: clamp(25px, 2.3vw, 34px);
  }
  .z661yzba26h h2 > span {
    color: var(--sun);
  }
  .z661yzba26h > a {
    color: #c0c4b6;
    font-size: 12px;
    white-space: nowrap;
    padding-block: 4px;
  }
  .z661yzba26h > a span {
    margin-left: 17px;
    color: var(--sun);
  }
  .z661yzba26h > p {
    color: var(--quiet);
    font-size: 12px;
  }
  .imor6ey3c7l {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 322px;
    gap: 42px;
    padding-bottom: 78px;
  }
  .bh2vab1s85v .z661yzba26h {
    margin-bottom: 0;
  }
  .bh2vab1s85v .z661yzba26h h2 {
    font-size: 29px;
  }
  .bh2vab1s85v .mnleiqavgyg {
    font-size: 12px;
  }
  .b5ne91qhkto {
    padding: 27px 24px 21px;
    background: linear-gradient(160deg, #25291f, #1a1d18 80%);
    border: 1px solid #e6eab214;
    border-radius: var(--radius);
    align-self: start;
  }
  .tt7dvyn104l h2 {
    font-size: 23px;
    margin-top: 13px;
  }
  .tt7dvyn104l h2 > span {
    color: var(--sun);
    margin-right: 5px;
  }
  .tt7dvyn104l > p:last-child {
    color: var(--quiet);
    font-size: 11px;
    margin-top: 8px;
  }
  .b5ne91qhkto time {
    display: block;
    font-size: 9px;
    color: #a0a497;
    margin-top: 14px;
    letter-spacing: 1px;
  }
  .q2vh64oobi4 {
    overflow: clip;
    background: #20241b;
    border-block: 1px solid var(--line);
  }
  .i4dnv66uum0 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    min-height: 570px;
    gap: 65px;
    padding-block: 52px;
  }
  .kw5aratw4em h2 {
    margin-top: 17px;
    font-size: clamp(32px, 3.3vw, 48px);
    line-height: 1.45;
  }
  .kw5aratw4em > p:not(.jl2qni8dcz3) {
    color: #afb4a3;
    font-size: 13px;
    margin-top: 20px;
  }
  .kw5aratw4em ul {
    display: grid;
    gap: 10px;
    margin-top: 23px;
    color: #d0d2c6;
    font-size: 12px;
  }
  .kw5aratw4em li:before {
    content: "✓";
    color: var(--sun);
    margin-right: 10px;
  }
  .kw5aratw4em > small {
    color: #999f8c;
    display: block;
    font-size: 10px;
    margin-top: 17px;
  }
  .u1da53pf8bw {
    padding-block: 49px;
    background: #171a15;
    border-block: 1px solid var(--line);
  }
  .y40m413zapj {
    border: 1px solid #d9d7a62d;
    border-radius: 4px;
    padding: 5px 10px;
    color: #c2c0a7;
    font-size: 10px;
    white-space: nowrap;
  }
  .qxaedm5e6y0 {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 90px;
    padding-block: 80px;
  }
  .qxaedm5e6y0 h2 {
    margin-top: 14px;
  }
  .qxaedm5e6y0 > div > p:not(.jl2qni8dcz3) {
    color: var(--quiet);
    font-size: 13px;
    margin-top: 22px;
  }
  .qxaedm5e6y0 > div > a {
    display: inline-block;
    color: var(--sun);
    font-size: 12px;
    margin-top: 23px;
  }
  .xuki7appwge {
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
    width: calc(min(1440px, 100%) - 2 * var(--gutter));
    padding: 44px 42px;
    margin-bottom: 72px;
    background:
      radial-gradient(ellipse at 30% 100%, #514b2366, transparent 65%), #292b20;
    border: 1px solid #d5c16a33;
    border-radius: 20px;
  }
  .oxwj50690lj {
    font-size: 40px;
    color: #26240e;
    background: linear-gradient(135deg, #ffe282, #f2b52e);
    border-radius: 25px 25px 25px 7px;
    width: 90px;
    height: 94px;
    display: grid;
    place-items: center;
    padding-left: 4px;
    flex-shrink: 0;
    transform: rotate(-7deg);
    box-shadow: 0 15px 40px #0002;
  }
  .xuki7appwge h2 {
    font-size: 30px;
    margin-top: 7px;
  }
  .xuki7appwge > div > p:not(.jl2qni8dcz3) {
    color: #b8bca8;
    font-size: 13px;
    margin-top: 8px;
  }
  .vyp81sln44q {
    display: flex;
    gap: 7px;
    align-items: center;
    color: #d3c58a;
    font-size: 10px;
    margin-top: 15px;
  }
  .vyp81sln44q i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d3c58a;
  }
  .xtdym1u658s {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-left: auto;
  }
  .xtdym1u658s > a:last-child {
    font-size: 10px;
    color: #c4c6b4;
  }
  .lkq9v308wdl {
    border-top: 1px solid var(--line);
    background: #0c0e0c;
    padding-top: 46px;
  }
  .fedmbeba3ox {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 70px;
    padding-bottom: 34px;
  }
  .fedmbeba3ox h2 {
    font-size: 22px;
    margin-top: 12px;
    letter-spacing: -0.5px;
  }
  .fedmbeba3ox > p {
    font-size: 11px;
    color: #979e8c;
    line-height: 2.15;
  }
  .qfltu6cu1od {
    border-top: 1px solid var(--line);
    padding-block: 24px;
    display: flex;
    gap: 38px;
    align-items: start;
  }
  .qfltu6cu1od h2 {
    font-size: 12px;
    white-space: nowrap;
    letter-spacing: 0;
    padding-top: 1px;
  }
  .qfltu6cu1od > div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
  }
  .qfltu6cu1od a {
    font-size: 11px;
    color: #9ba28f;
  }
  .w4vif7iscxe {
    display: flex;
    align-items: center;
    gap: 26px;
    border-top: 1px solid var(--line);
    padding-block: 22px;
    font-size: 10px;
    color: #919984;
  }
  .w4vif7iscxe > a:first-child {
    color: #d0d5c6;
    font-size: 15px;
    font-weight: 700;
  }
  .w4vif7iscxe span {
    font-size: 8px;
    letter-spacing: 1px;
    margin-left: 7px;
    color: #a4a995;
  }
  .w4vif7iscxe > a:last-child {
    margin-left: auto;
  }
  .p0vcfbr4u7b {
    display: none;
  }
}
@layer posters {
  .sn36vi9xcz2 {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr;
    gap: 20px;
  }
  .wro2pfr7whv {
    min-width: 0;
  }
  .luf8yn4imqm {
    display: block;
    width: 100%;
    height: 302px;
    border-radius: 14px;
    overflow: clip;
    position: relative;
    padding: 0;
    text-align: left;
    isolation: isolate;
    background: #2d3026;
  }
  .luf8yn4imqm:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #0e1409ef, #0e140922 80%);
    z-index: -1;
  }
  .luf8yn4imqm > img {
    position: absolute;
    inset: 0;
    z-index: -2;
    transition: transform 0.65s ease;
  }
  .vczuluffdcp {
    position: absolute;
    top: 17px;
    left: 17px;
    background: #0e130d8c;
    border: 1px solid #ffffff24;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 9px;
    backdrop-filter: blur(8px);
  }
  .rrq1rjnm3qg {
    position: absolute;
    bottom: 24px;
    left: 23px;
    right: 42px;
  }
  .rrq1rjnm3qg > small {
    font-size: 8px;
    color: #ffdf73;
    letter-spacing: 1.7px;
    display: block;
  }
  .rrq1rjnm3qg > strong {
    display: block;
    font-size: clamp(18px, 1.7vw, 24px);
    margin-top: 9px;
    line-height: 1.4;
  }
  .rrq1rjnm3qg > span {
    display: block;
    font-size: 11px;
    color: #ced2c3;
    margin-top: 7px;
  }
  .lbb83574ctn {
    position: absolute;
    right: 16px;
    bottom: 28px;
    width: 28px;
    height: 28px;
    border: 1px solid #ffffff47;
    border-radius: 50%;
    font-size: 17px;
    display: grid;
    place-items: center;
  }
  .ei5hdl5h0wo {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 27px 19px;
  }
  .odaqeusddhq {
    min-width: 0;
  }
  .cwakd85mhg2 {
    width: 100%;
    aspect-ratio: 3/3.65;
    display: block;
    overflow: clip;
    border-radius: 10px;
    position: relative;
    padding: 0;
    background: #25291e;
  }
  .cwakd85mhg2:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #0a10096b, transparent 55%);
    pointer-events: none;
  }
  .cwakd85mhg2 img {
    transition: transform 0.6s;
  }
  .cwakd85mhg2 > span {
    position: absolute;
    left: 10px;
    bottom: 11px;
    font-size: 9px;
    padding: 2px 6px;
    border-radius: 3px;
    color: #fff5c9;
    background: #151b10ab;
    z-index: 1;
  }
  .cwakd85mhg2 > i {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #141a10a6;
    color: #fff2b1;
    font-style: normal;
    opacity: 0;
    transition: opacity 0.2s;
  }
  .odaqeusddhq > div {
    padding-top: 11px;
  }
  .odaqeusddhq small {
    color: #a3aa93;
    font-size: 9px;
  }
  .odaqeusddhq h3 {
    font-size: 14px;
    margin-top: 4px;
  }
  .odaqeusddhq h3 button {
    padding: 0;
    text-align: left;
    line-height: 1.5;
  }
  .odaqeusddhq p {
    font-size: 10px;
    color: #909a83;
    margin-top: 5px;
  }
  .ycc8162b55e {
    display: grid;
    gap: 24px;
    margin-top: 25px;
  }
  .ycc8162b55e li {
    display: flex;
    align-items: center;
    gap: 11px;
  }
  .on75625uw47 {
    color: #9b9e90;
    font-size: 20px;
    font-family: Georgia, serif;
    width: 23px;
    flex-shrink: 0;
    font-style: italic;
  }
  .ycc8162b55e li:first-child .on75625uw47 {
    color: var(--sun);
  }
  .ycc8162b55e img {
    width: 44px;
    height: 61px;
    border-radius: 4px;
    flex-shrink: 0;
  }
  .ycc8162b55e li > div {
    min-width: 0;
  }
  .ycc8162b55e small {
    font-size: 8px;
    color: #b2b89d;
    display: block;
  }
  .ycc8162b55e button {
    display: block;
    font-size: 12px;
    text-align: left;
    padding: 4px 0 0;
    line-height: 1.6;
  }
  .ycc8162b55e li > div > span {
    display: block;
    font-size: 9px;
    color: #919a7e;
    margin-top: 2px;
  }
  .kh3q5u802xr {
    border-top: 1px solid var(--line);
    display: flex;
    align-items: start;
    gap: 8px;
    margin-top: 27px;
    padding-top: 17px;
    font-size: 10px;
    color: #a7af96;
  }
  .kh3q5u802xr > span {
    font-size: 13px;
  }
  .ibqox51iwfd {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 480px;
    isolation: isolate;
  }
  .ibqox51iwfd:before {
    content: "";
    width: 390px;
    height: 390px;
    position: absolute;
    border: 1px solid #d7d29322;
    border-radius: 50%;
    z-index: -2;
    background: radial-gradient(circle, #e2d45a20, transparent 70%);
  }
  .ibqox51iwfd:after {
    content: "";
    width: 470px;
    height: 470px;
    position: absolute;
    border: 1px dashed #d7d29316;
    border-radius: 50%;
    z-index: -2;
  }
  .jg093eou4pi {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 59px;
    font-weight: 900;
    letter-spacing: -3px;
    line-height: 0.95;
    color: #bec09013;
    z-index: -1;
  }
  .vswnr5usr1w {
    padding: 8px;
    border-radius: 31px;
    border: 2px solid #82846a;
    background: #0d100a;
    width: 225px;
    height: 434px;
    transform: rotate(7deg);
    box-shadow: 20px 30px 45px #0005;
    transition:
      width 0.6s,
      height 0.6s,
      transform 0.6s,
      border-radius 0.6s;
  }
  .fjpla3yixek {
    border-radius: 22px;
    height: 100%;
    overflow: clip;
    display: flex;
    flex-direction: column;
  }
  .y43daqh3abk {
    display: flex;
    justify-content: space-between;
    padding: 15px 15px 12px;
    font-size: 10px;
    background: #171d10;
    color: var(--sun);
    font-weight: 700;
  }
  .qhrnddrsbbi {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: clip;
  }
  .qhrnddrsbbi:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #10160bf5, transparent 80%);
  }
  .qhrnddrsbbi > div {
    position: absolute;
    z-index: 1;
    bottom: 22px;
    left: 16px;
    right: 12px;
  }
  .qhrnddrsbbi small {
    color: #eadba7;
    font-size: 8px;
  }
  .qhrnddrsbbi strong {
    display: block;
    font-size: 18px;
    margin-top: 7px;
  }
  .qhrnddrsbbi p {
    font-size: 9px;
    color: #c5cbb8;
    margin-top: 7px;
  }
  .mdvurj1izyg {
    display: flex;
    justify-content: space-around;
    background: #171d10;
    font-size: 8px;
    color: #a2ae8e;
    padding-block: 11px;
  }
  .mdvurj1izyg span:first-child {
    color: var(--sun);
  }
  .e93lfbngiot {
    position: absolute;
    bottom: 45px;
    left: 7%;
    transform: rotate(-6deg);
    display: flex;
    gap: 13px;
    align-items: center;
    background: #e6d58d;
    color: #38371a;
    box-shadow: 0 8px 30px #0002;
    font-size: 10px;
    padding: 10px 15px;
  }
  .e93lfbngiot > span {
    font-size: 19px;
  }
  [data-device-stage="desktop"] .vswnr5usr1w {
    width: min(430px, 100%);
    height: 310px;
    transform: rotate(-3deg);
    border-radius: 13px;
  }
  [data-device-stage="desktop"] .fjpla3yixek {
    border-radius: 6px;
  }
  .gseahp3p9rs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    margin-top: 31px;
  }
  .gseahp3p9rs li {
    display: flex;
    gap: 19px;
    padding-top: 22px;
    border-top: 1px solid #e7e6c72b;
  }
  .gseahp3p9rs li > span {
    font-size: 34px;
    font-family: Georgia, serif;
    color: #b5a453;
    font-style: italic;
    line-height: 1.3;
  }
  .gseahp3p9rs h3 {
    font-size: 16px;
    margin-top: 3px;
  }
  .gseahp3p9rs p {
    font-size: 11px;
    color: #a1aa91;
    line-height: 1.9;
    margin-top: 13px;
  }
  .gseahp3p9rs a,
  .gseahp3p9rs button {
    display: inline-block;
    color: #dccb85;
    font-size: 10px;
    margin-top: 13px;
    padding: 0;
  }
  .amhsbx9iyc0 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
  }
  .amhsbx9iyc0 figure {
    padding: 25px 25px 22px;
    background: #20251b;
    border: 1px solid var(--line);
    border-radius: 11px;
    display: flex;
    flex-direction: column;
  }
  .amhsbx9iyc0 blockquote {
    color: #dce0d1;
    font-size: 13px;
    line-height: 1.95;
    flex: 1;
  }
  .amhsbx9iyc0 figcaption {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 24px;
    font-size: 11px;
  }
  .amhsbx9iyc0 figcaption > span {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: #dbd7a01a;
    display: grid;
    place-items: center;
    color: #ded29a;
  }
  .amhsbx9iyc0 small {
    display: block;
    color: #969f87;
    font-size: 8px;
    margin-top: 3px;
  }
}
@layer interfaces {
  a,
  button,
  summary {
    transition:
      color 0.2s,
      background-color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .my24gjjxh2t {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-block: 22px 25px;
  }
  .kqnqk7jnhyj {
    display: flex;
    gap: 5px;
  }
  .kqnqk7jnhyj button {
    padding: 7px 12px;
    color: #b3bba6;
    font-size: 11px;
    border-radius: 5px;
  }
  .kqnqk7jnhyj button[aria-pressed="true"] {
    color: #e9ce6b;
    background: #ffd24a17;
  }
  .tu2ajuvp8nl {
    display: flex;
    align-items: center;
    width: 188px;
    min-width: 0;
    background: #1d2218;
    border: 1px solid #b0b99126;
    border-radius: 6px;
  }
  .tu2ajuvp8nl > span {
    font-size: 23px;
    color: #a7b096;
    padding-left: 10px;
  }
  .tu2ajuvp8nl input {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    padding: 8px;
    font-size: 10px;
    color: #e1e5d7;
    outline-offset: 1px;
  }
  .tu2ajuvp8nl button {
    color: #aeb797;
    font-size: 12px;
    padding: 8px;
  }
  .n8uvoeqbgci {
    padding: 50px 20px;
    text-align: center;
    border: 1px dashed var(--line);
    border-radius: 10px;
    color: #b8c2a7;
    font-size: 13px;
  }
  .n8uvoeqbgci button {
    display: block;
    margin: 17px auto 0;
    color: var(--sun);
    font-size: 12px;
  }
  .quvpopae714 {
    display: flex;
    padding: 4px;
    border-radius: 6px;
    background: #0b0e0757;
    margin-top: 21px;
  }
  .quvpopae714 button {
    flex: 1;
    padding: 7px 4px;
    color: #b7bca4;
    font-size: 10px;
    border-radius: 3px;
  }
  .quvpopae714 button[aria-pressed="true"] {
    color: #ffe192;
    background: #f7de6a14;
  }
  .pzhctkbh08x {
    display: inline-flex;
    border: 1px solid #d7d2932a;
    border-radius: 6px;
    padding: 4px;
    margin-top: 29px;
    gap: 4px;
  }
  .pzhctkbh08x button {
    padding: 7px 12px;
    font-size: 11px;
    border-radius: 3px;
    color: #c2c7ad;
  }
  .pzhctkbh08x button[aria-pressed="true"] {
    background: #d5c56924;
    color: #ffdf7c;
  }
  .cpmsk5ii0oa details {
    border-bottom: 1px solid #ffffff1a;
  }
  .cpmsk5ii0oa details:first-child {
    border-top: 1px solid #ffffff1a;
  }
  .cpmsk5ii0oa summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 13px;
    font-weight: 500;
    padding: 22px 0;
  }
  .cpmsk5ii0oa summary::-webkit-details-marker {
    display: none;
  }
  .cpmsk5ii0oa summary > span {
    font-size: 22px;
    color: #daca84;
    flex-shrink: 0;
    font-weight: 400;
    line-height: 1;
    transition: transform 0.25s;
  }
  .cpmsk5ii0oa details[open] summary > span {
    transform: rotate(45deg);
  }
  .cpmsk5ii0oa details[open] summary {
    color: var(--sun);
  }
  .cpmsk5ii0oa details > p {
    color: #abb49b;
    font-size: 12px;
    line-height: 2;
    padding-bottom: 22px;
    padding-right: 23px;
  }
  dialog {
    color: var(--warm);
    background: #20251b;
    border: 1px solid #b9be8b40;
    padding: 30px;
    border-radius: 18px;
    max-width: calc(100vw - 32px);
    box-shadow: 0 24px 80px #0008;
    max-height: calc(100svh - 48px);
  }
  dialog::backdrop {
    background: #050904cb;
    backdrop-filter: blur(9px);
  }
  .muwn6pcs19w {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
  }
  .muwn6pcs19w > h2 {
    font-size: 19px;
    letter-spacing: -0.5px;
  }
  .muwn6pcs19w > span {
    color: #c3c796;
    font-size: 9px;
    letter-spacing: 1.7px;
  }
  .muwn6pcs19w > button {
    height: 38px;
    width: 38px;
    border: 1px solid #b7be9440;
    border-radius: 50%;
    font-size: 23px;
    line-height: 1;
    flex-shrink: 0;
  }
  .io8s3p3woel {
    width: 630px;
  }
  .io8s3p3woel nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .io8s3p3woel nav a {
    padding: 11px 14px;
    background: #b4c2930a;
    border: 1px solid #b4c29312;
    border-radius: 7px;
    font-size: 12px;
  }
  .lqqro5c0stc {
    width: 610px;
    padding: 34px;
  }
  .lqqro5c0stc h2 {
    font-size: 29px;
    margin-block: 10px 20px;
  }
  .lqqro5c0stc [data-dialog-intro] {
    font-size: 14px;
    line-height: 2;
    color: #d8dfcb;
  }
  .lqqro5c0stc aside {
    padding: 20px;
    border-left: 2px solid #e2ca6b;
    background: #b2bd8d0c;
    margin-block: 23px;
  }
  .lqqro5c0stc h3 {
    font-size: 12px;
    color: #eadb99;
  }
  .lqqro5c0stc aside p {
    margin-top: 10px;
    font-size: 12px;
    color: #b4c1a0;
    line-height: 1.9;
  }
  .e9ryihxsxwr {
    color: #b7c19f;
    font-size: 10px;
    margin-bottom: 24px;
  }
  @media (hover: hover) {
    a:hover,
    button:hover {
      color: var(--sun);
    }
    .tht64qr82mk:hover {
      color: #17180e;
      box-shadow: 0 5px 28px #f9c94930;
      background: #ffe07c;
    }
    .luf8yn4imqm:hover img,
    .cwakd85mhg2:hover img {
      transform: scale(1.055);
    }
    .cwakd85mhg2:hover > i {
      opacity: 1;
    }
    .io8s3p3woel nav a:hover {
      background: #fff4a612;
      border-color: #d9c88b66;
    }
    .amhsbx9iyc0 figure:hover {
      border-color: #cbbb6c44;
    }
  }
}
@layer motion {
  html[data-motion="ready"] [data-reveal] {
    opacity: 0;
    transform: translateY(16px);
    transition:
      opacity 0.6s ease,
      transform 0.6s ease;
  }
  html[data-motion="ready"] [data-reveal="shown"] {
    opacity: 1;
    transform: none;
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      animation-duration: 0.01ms !important;
      transition-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
    }
    html[data-motion="ready"] [data-reveal] {
      opacity: 1;
      transform: none;
    }
  }
}
@layer adaptive {
  @media (min-width: 1600px) {
    .ieploea8yoq {
      padding-left: 96px;
    }
  }
  @media (max-width: 1190px) {
    .cvbdmc3ntt0 {
      gap: 20px;
    }
    .dvtptlyg5kl {
      gap: 18px;
    }
    .j8q66od8cij {
      gap: 12px;
      margin-left: 0;
    }
    .k7ueac4wqp6 {
      font-size: 21px;
    }
    .cvbdmc3ntt0 a {
      font-size: 11px;
    }
    .imor6ey3c7l {
      gap: 28px;
      grid-template-columns: minmax(0, 1fr) 290px;
    }
    .b5ne91qhkto {
      padding: 24px 18px;
    }
    .ha6itvy1nni {
      gap: 23px;
    }
    .ovvzgeccto6 {
      gap: 17px;
    }
    .ovvzgeccto6 article {
      padding-left: 18px;
    }
    .i4dnv66uum0 {
      gap: 30px;
    }
  }
  @media (max-width: 980px) {
    .cvbdmc3ntt0 a:nth-child(3) {
      display: none;
    }
    .hd3kl70cqn0 {
      display: none;
    }
    .imor6ey3c7l {
      grid-template-columns: 1fr;
      gap: 42px;
    }
    .ei5hdl5h0wo {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 25px;
    }
    .cwakd85mhg2 {
      aspect-ratio: 3/3.8;
    }
    .b5ne91qhkto {
      padding: 30px;
    }
    .ycc8162b55e {
      grid-template-columns: 1fr 1fr;
      gap: 22px 32px;
    }
    .quvpopae714 {
      max-width: 300px;
    }
    .kh3q5u802xr {
      max-width: 550px;
    }
    .ovvzgeccto6 {
      grid-template-columns: repeat(3, 1fr);
    }
    .b3sq3o4rz51 {
      grid-column: 1/-1;
    }
    .ovvzgeccto6 article:first-of-type {
      border-left: 0;
      padding-left: 0;
    }
    .sn36vi9xcz2 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .luf8yn4imqm {
      height: 285px;
    }
    .rrq1rjnm3qg {
      left: 17px;
      right: 35px;
      bottom: 20px;
    }
    .rrq1rjnm3qg > strong {
      font-size: 18px;
    }
    .rrq1rjnm3qg > small {
      font-size: 7px;
      letter-spacing: 0.5px;
    }
    .lbb83574ctn {
      right: 10px;
      width: 23px;
      height: 23px;
      font-size: 15px;
    }
    .qxaedm5e6y0 {
      gap: 42px;
    }
    .xuki7appwge {
      gap: 23px;
      padding: 32px;
    }
    .oxwj50690lj {
      display: none;
    }
    .fedmbeba3ox {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .w4vif7iscxe {
      flex-wrap: wrap;
      gap: 10px 25px;
    }
  }
  @media (max-width: 700px) {
    :root {
      --gutter: 22px;
    }
    html {
      scroll-padding-top: 88px;
    }
    body {
      padding-bottom: 65px;
    }
    .bp6btdmc85e {
      height: 72px;
    }
    .dvtptlyg5kl {
      justify-content: space-between;
      gap: 12px;
    }
    .k7ueac4wqp6 {
      font-size: 20px;
    }
    .bcxh6jg57cc {
      width: 34px;
      height: 36px;
      border-radius: 11px 11px 11px 3px;
      font-size: 16px;
    }
    .k7ueac4wqp6 a {
      gap: 9px;
    }
    .k7ueac4wqp6 small {
      font-size: 6px;
      letter-spacing: 1.2px;
    }
    .cvbdmc3ntt0 {
      display: none;
    }
    .ezm0u9h7f19 {
      padding: 6px 10px;
      font-size: 10px;
    }
    .xwjxzia7cnd span:last-child {
      display: none;
    }
    .l48ikw717ml {
      height: 690px;
      min-height: 0;
    }
    .fq37aicxm92 img {
      object-position: 62% center;
    }
    .ytzubgb42eg {
      background:
        linear-gradient(0deg, #111310 1%, #111310bb 35%, #11131033),
        linear-gradient(90deg, #111310bd, #1113100d);
    }
    .ieploea8yoq {
      padding-top: 74px;
      padding-bottom: 120px;
    }
    .dpjlb8qhdcb {
      font-size: 9px;
      letter-spacing: 1.2px;
      margin-bottom: 23px;
    }
    .ieploea8yoq h2 {
      font-size: clamp(43px, 10.5vw, 65px);
      letter-spacing: -2px;
      line-height: 1.26;
    }
    .afxmae2bc5b {
      font-size: 16px;
      margin-top: 24px;
    }
    .dud2gmv656c {
      font-size: 11px;
      line-height: 2;
      margin-top: 14px;
    }
    .rnk0gacbfm6 {
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 27px;
    }
    .tht64qr82mk,
    .l46efnthn97 {
      padding: 12px 16px;
      gap: 20px;
      font-size: 11px;
    }
    .esxl6lbxkq9 {
      font-size: 9px;
      max-width: 300px;
    }
    .crnp0gn6cfz {
      gap: 8px;
      padding-block: 20px 22px;
    }
    .ha6itvy1nni {
      gap: 13px;
    }
    .ha6itvy1nni button {
      gap: 6px;
      flex-direction: column;
      align-items: flex-start;
    }
    .ha6itvy1nni button > span:first-child {
      font-size: 18px;
    }
    .ha6itvy1nni button > span:nth-child(2) {
      font-size: 9px;
    }
    .ha6itvy1nni small {
      display: none;
    }
    .ha6itvy1nni button[aria-pressed="true"] i {
      width: 14px;
      height: 2px;
      border-radius: 2px;
      margin: 2px 0 0;
    }
    .l336cgnklt2 {
      width: 28px;
      height: 28px;
      font-size: 10px;
    }
    .ovvzgeccto6 {
      grid-template-columns: 1fr;
      padding-block: 27px;
      gap: 18px;
    }
    .b3sq3o4rz51 {
      padding-bottom: 6px;
    }
    .b3sq3o4rz51 .jl2qni8dcz3 {
      font-size: 8px;
    }
    .b3sq3o4rz51 h2 {
      font-size: 24px;
    }
    .ovvzgeccto6 article {
      padding-left: 0;
      border-left: 0;
      column-gap: 11px;
    }
    .ovvzgeccto6 p {
      max-width: none;
      margin-top: 4px;
    }
    .ovvzgeccto6 h3 {
      font-size: 13px;
    }
    .ovvzgeccto6 article > span {
      font-size: 21px;
    }
    .s1gjtqt8zeu {
      padding-top: 48px;
      padding-bottom: 43px;
    }
    .z661yzba26h {
      align-items: start;
      gap: 15px;
      margin-bottom: 22px;
    }
    .z661yzba26h h2 {
      font-size: 25px;
      letter-spacing: -1px;
    }
    .z661yzba26h .jl2qni8dcz3 {
      font-size: 8px;
      letter-spacing: 1px;
    }
    .z661yzba26h > a {
      font-size: 10px;
      padding-top: 25px;
    }
    .z661yzba26h > a span {
      margin-left: 2px;
    }
    .sn36vi9xcz2 {
      grid-template-columns: 1fr 1fr;
      gap: 13px;
    }
    .wro2pfr7whv:first-child {
      grid-column: 1/-1;
    }
    .luf8yn4imqm {
      height: 252px;
    }
    .wro2pfr7whv:not(:first-child) .luf8yn4imqm {
      height: 239px;
    }
    .rrq1rjnm3qg > strong {
      font-size: 18px;
    }
    .wro2pfr7whv:first-child .rrq1rjnm3qg > strong {
      font-size: 24px;
    }
    .vczuluffdcp {
      top: 12px;
      left: 12px;
      font-size: 8px;
    }
    .rrq1rjnm3qg {
      left: 14px;
      bottom: 18px;
      right: 16px;
    }
    .rrq1rjnm3qg > span {
      font-size: 9px;
    }
    .lbb83574ctn {
      display: none;
    }
    .rrq1rjnm3qg > small {
      font-size: 6px;
    }
    .inffxyz96jx {
      font-size: 9px;
    }
    .imor6ey3c7l {
      padding-bottom: 47px;
    }
    .bh2vab1s85v .z661yzba26h {
      flex-wrap: wrap;
      align-items: end;
    }
    .bh2vab1s85v .z661yzba26h h2 {
      font-size: 26px;
    }
    .j0w252xgcn8 {
      font-size: 10px;
    }
    .mnleiqavgyg {
      line-height: 1.8;
    }
    .my24gjjxh2t {
      gap: 14px;
      margin-block: 18px 21px;
    }
    .kqnqk7jnhyj {
      width: 100%;
      justify-content: space-between;
    }
    .kqnqk7jnhyj button {
      padding: 8px 19px;
      font-size: 12px;
    }
    .tu2ajuvp8nl {
      width: 100%;
    }
    .tu2ajuvp8nl input {
      font-size: 12px;
      padding-block: 11px;
    }
    .ei5hdl5h0wo {
      grid-template-columns: 1fr 1fr;
      gap: 25px 15px;
    }
    .cwakd85mhg2 {
      aspect-ratio: 3/4;
    }
    .odaqeusddhq h3 {
      font-size: 13px;
    }
    .odaqeusddhq p {
      font-size: 9px;
    }
    .b5ne91qhkto {
      padding: 26px 21px;
    }
    .ycc8162b55e {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .ycc8162b55e img {
      width: 44px;
      height: 60px;
    }
    .ycc8162b55e button {
      font-size: 13px;
    }
    .ycc8162b55e small,
    .ycc8162b55e li > div > span {
      font-size: 10px;
    }
    .quvpopae714 {
      max-width: none;
    }
    .i4dnv66uum0 {
      grid-template-columns: 1fr;
      gap: 28px;
      padding-block: 43px 20px;
    }
    .kw5aratw4em h2 {
      font-size: 36px;
    }
    .kw5aratw4em > p:not(.jl2qni8dcz3) {
      font-size: 12px;
    }
    .kw5aratw4em ul {
      font-size: 11px;
    }
    .kw5aratw4em > small {
      font-size: 9px;
    }
    .ibqox51iwfd {
      min-height: 467px;
    }
    .ibqox51iwfd:before {
      width: 300px;
      height: 300px;
    }
    .ibqox51iwfd:after {
      width: 360px;
      height: 360px;
    }
    .jg093eou4pi {
      left: -5px;
      font-size: 51px;
    }
    [data-device-stage="desktop"] .vswnr5usr1w {
      height: 260px;
    }
    .e93lfbngiot {
      left: 0;
      bottom: 43px;
    }
    .gseahp3p9rs {
      grid-template-columns: 1fr;
      gap: 25px;
      margin-top: 27px;
    }
    .gseahp3p9rs li {
      padding-top: 21px;
      gap: 25px;
    }
    .gseahp3p9rs h3 {
      font-size: 17px;
    }
    .gseahp3p9rs p {
      margin-top: 8px;
      font-size: 12px;
    }
    .gseahp3p9rs li > span {
      font-size: 36px;
    }
    #start-here > .z661yzba26h > p {
      display: none;
    }
    .u1da53pf8bw {
      padding-block: 41px;
    }
    .u1da53pf8bw .z661yzba26h {
      flex-wrap: wrap;
    }
    .amhsbx9iyc0 {
      grid-template-columns: 1fr;
      gap: 15px;
    }
    .amhsbx9iyc0 figure {
      padding: 24px;
    }
    .amhsbx9iyc0 blockquote {
      font-size: 13px;
    }
    .amhsbx9iyc0 figcaption {
      margin-top: 18px;
    }
    .amhsbx9iyc0 small {
      font-size: 9px;
    }
    .qxaedm5e6y0 {
      grid-template-columns: 1fr;
      gap: 30px;
      padding-block: 48px;
    }
    .qxaedm5e6y0 h2 {
      font-size: 31px;
    }
    .qxaedm5e6y0 > div > p:not(.jl2qni8dcz3) {
      font-size: 12px;
      margin-top: 14px;
    }
    .cpmsk5ii0oa summary {
      padding-block: 20px;
      font-size: 12px;
    }
    .xuki7appwge {
      flex-direction: column;
      align-items: start;
      gap: 25px;
      padding: 29px 24px;
      margin-bottom: 47px;
    }
    .xuki7appwge h2 {
      font-size: 26px;
    }
    .xuki7appwge .jl2qni8dcz3 {
      font-size: 8px;
      letter-spacing: 0.7px;
    }
    .xtdym1u658s {
      margin-left: 0;
      width: 100%;
      align-items: stretch;
    }
    .xtdym1u658s > a:last-child {
      text-align: center;
    }
    .lkq9v308wdl {
      padding-top: 35px;
    }
    .fedmbeba3ox h2 {
      font-size: 20px;
    }
    .fedmbeba3ox > p {
      font-size: 11px;
    }
    .qfltu6cu1od {
      flex-direction: column;
      gap: 17px;
    }
    .qfltu6cu1od > div {
      gap: 12px 20px;
    }
    .qfltu6cu1od a {
      font-size: 10px;
    }
    .w4vif7iscxe {
      font-size: 9px;
      row-gap: 13px;
    }
    .w4vif7iscxe p {
      width: 100%;
      order: 3;
    }
    .p0vcfbr4u7b {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 19;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      padding: 8px 10px max(9px, env(safe-area-inset-bottom));
      background: #141a10f7;
      backdrop-filter: blur(18px);
      border-top: 1px solid #abb78d26;
    }
    .p0vcfbr4u7b a {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
      font-size: 9px;
      color: #c2c9b3;
    }
    .p0vcfbr4u7b a:first-child {
      color: var(--sun);
    }
    .p0vcfbr4u7b span {
      font-size: 20px;
      line-height: 1.3;
    }
    dialog {
      padding: 23px;
      max-height: calc(100svh - 38px);
    }
    .io8s3p3woel nav {
      gap: 8px;
    }
    .io8s3p3woel nav a {
      font-size: 11px;
      padding: 11px;
    }
    .muwn6pcs19w > h2 {
      font-size: 16px;
    }
    .lqqro5c0stc {
      padding: 25px;
    }
    .lqqro5c0stc h2 {
      font-size: 25px;
    }
  }
  @media (max-width: 360px) {
    :root {
      --gutter: 17px;
    }
    .k7ueac4wqp6 {
      font-size: 18px;
    }
    .ezm0u9h7f19 {
      padding: 6px 8px;
    }
    .j8q66od8cij {
      gap: 9px;
    }
    .ieploea8yoq h2 {
      font-size: 42px;
    }
    .ha6itvy1nni {
      gap: 8px;
    }
    .ha6itvy1nni button > span:nth-child(2) {
      font-size: 8px;
    }
    .kqnqk7jnhyj button {
      padding-inline: 14px;
    }
    .z661yzba26h h2 {
      font-size: 22px;
    }
  }
}