@layer reset,base,layout,components,responsive,motion;
@layer reset {
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 112px;
  }
  body,
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote {
    margin: 0;
  }
  button,
  a {
    -webkit-tap-highlight-color: transparent;
  }
  button {
    font: inherit;
    cursor: pointer;
  }
  button,
  input {
    color: inherit;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  img {
    display: block;
    max-width: 100%;
    object-fit: cover;
  }
  button {
    border: 0;
  }
  [hidden] {
    display: none !important;
  }
}
@layer base {
  :root {
    color-scheme: light;
    --paper: #fffcf7;
    --ink: #292a24;
    --muted: #73736b;
    --line: #e8e4da;
    --orange: #cf4d1b;
    --mint: #eff2e7;
    --peach: #fcebd7;
  }
  body {
    background: var(--paper);
    color: var(--ink);
    font-family:
      Microsoft YaHei,
      PingFang SC,
      system-ui,
      sans-serif;
    font-size: 14px;
    line-height: 1.7;
  }
  ::selection {
    background: #ffd7b2;
    color: #45240f;
  }
  a,
  button,
  summary {
    touch-action: manipulation;
  }
  :focus-visible {
    outline: 3px solid #a54521;
    outline-offset: 5px;
  }
  h2 {
    font-size: clamp(24px, 2.3vw, 34px);
    line-height: 1.4;
    letter-spacing: -0.04em;
    font-weight: 700;
  }
  h3 {
    line-height: 1.5;
    font-size: 18px;
  }
  button:disabled {
    cursor: not-allowed;
  }
  section,
  #story-note {
    scroll-margin-top: 110px;
  }
  .utlanw12ax {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .p1aef2e02g {
    width: min(1280px, calc(100% - 104px));
    margin-inline: auto;
  }
  .c7mv324imy {
    margin-top: 100px;
  }
  .fgyh0hdp63 {
    font-size: 11px;
    letter-spacing: 0.13em;
    font-weight: 600;
    color: var(--orange);
    margin-bottom: 13px;
  }
  .n7fpzz7cz2 {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.9;
  }
  .a3sqho5eyw {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.85;
  }
  .l50z6wkz2e {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    margin-bottom: 30px;
  }
  .l50z6wkz2e h2 span {
    color: #6b6c60;
    font-weight: 400;
  }
  .de30fcf7rk {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
  }
  .q36shmcnbb,
  .n40pre41wc,
  .t2i9upu9yc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-weight: 600;
    white-space: nowrap;
  }
  .q36shmcnbb {
    background: linear-gradient(115deg, #dc4e1c, #f78c3b);
    color: #fff;
    padding: 15px 25px;
    border-radius: 9px;
    font-size: 14px;
    box-shadow: 0 7px 20px #dc4e1c20;
    transition:
      transform 0.25s,
      box-shadow 0.25s;
  }
  .q36shmcnbb:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px #dc4e1c35;
  }
  .n40pre41wc {
    font-size: 12px;
    padding-block: 9px;
    transition: color 0.2s;
  }
  .n40pre41wc:hover {
    color: var(--orange);
  }
  .t2i9upu9yc {
    font-size: 12px;
    border: 1px solid #e6b792;
    border-radius: 24px;
    padding: 8px 17px;
    background: #fff4e8;
    color: #aa461a;
  }
  .yb648gvsda {
    position: fixed;
    inset: 8px auto auto 18px;
    padding: 12px 20px;
    background: var(--ink);
    color: #fff;
    z-index: 200;
    transform: translateY(-160%);
  }
  .yb648gvsda:focus {
    transform: none;
  }
}
@layer layout {
  .aaic3h8wpn {
    position: sticky;
    top: 0;
    z-index: 40;
    background: #fffcf7f5;
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(18px);
  }
  .aaic3h8wpn > .p1aef2e02g {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 88px;
    gap: 24px;
  }
  .ldn7v5k1pr {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 750;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
  .ldn7v5k1pr small {
    display: block;
    font-size: 8px;
    letter-spacing: 0.16em;
    color: var(--muted);
    font-weight: 500;
    margin-top: 4px;
  }
  .ts9f0dennb {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 11px 15px;
    background: conic-gradient(
      from 45deg,
      #f79137 0 23%,
      #fffcf7 23% 25%,
      #ed6d2c 25% 48%,
      #fffcf7 48% 50%,
      #eea055 50% 73%,
      #fffcf7 73% 75%,
      #dd5323 75% 98%,
      #fffcf7 98% 100%
    );
    transform: rotate(-10deg);
    position: relative;
    flex-shrink: 0;
  }
  .ts9f0dennb:after {
    content: "";
    position: absolute;
    height: 7px;
    width: 13px;
    border-radius: 0 8px;
    background: #6b7950;
    left: 18px;
    top: -7px;
    transform: rotate(-20deg);
  }
  .stahswoa68 {
    display: flex;
    gap: 32px;
    height: 88px;
    align-items: center;
  }
  .stahswoa68 a {
    position: relative;
    font-size: 12px;
    color: #686a60;
    padding: 12px 0;
  }
  .stahswoa68 a:hover,
  .stahswoa68 a[aria-current] {
    color: var(--orange);
  }
  .stahswoa68 a[aria-current]:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 3px;
    border-radius: 2px;
    background: var(--orange);
    bottom: 0;
    left: calc(50% - 7.5px);
  }
  .daxnaz2r7y {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 8px 0;
    background: transparent;
    font-size: 12px;
  }
  .daxnaz2r7y > span:first-child {
    font-size: 19px;
  }
  .tp4yv8q35q {
    position: absolute;
    right: max(30px, calc((100vw - 1280px) / 2));
    top: 78px;
    width: 480px;
    padding: 21px;
    border: 1px solid var(--line);
    background: #fffdf9;
    box-shadow: 0 20px 40px #372f1714;
    border-radius: 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 20px;
  }
  .tp4yv8q35q a {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 9px;
    border-radius: 6px;
    font-size: 12px;
  }
  .tp4yv8q35q a:hover {
    background: var(--peach);
  }
  .tp4yv8q35q a span {
    color: var(--orange);
  }
  .igsiy3otzn {
    display: grid;
    grid-template-columns: 0.86fr 1.2fr;
    gap: 45px;
    padding-top: 52px;
    padding-bottom: 50px;
    min-height: 682px;
    align-items: center;
  }
  .sccvan1ug7 {
    padding: 12px 0;
  }
  .wyp9f85vys {
    color: var(--muted);
    font-size: 11px;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 26px;
  }
  .wyp9f85vys > span {
    width: 6px;
    height: 6px;
    background: #83905b;
    border-radius: 100%;
    box-shadow: 0 0 0 4px #83905b13;
  }
  .sccvan1ug7 h1 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .sccvan1ug7 h1 a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
  }
  .sccvan1ug7 h1 img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
  }
  .hfln1gx6ws {
    font-size: clamp(38px, 4vw, 62px);
    line-height: 1.3;
    letter-spacing: -0.06em;
    font-weight: 800;
  }
  .hfln1gx6ws > span {
    color: var(--orange);
  }
  .ogr31him1w {
    font-size: 14px;
    color: #6a6b60;
    margin-top: 24px;
    line-height: 2;
  }
  .sccvan1ug7 > .de30fcf7rk {
    margin-top: 30px;
  }
  .kl08xja8y0 {
    border-left: 2px solid #cf7a43;
    padding-left: 17px;
    margin-top: 30px;
  }
  .kl08xja8y0 > span {
    color: var(--orange);
    letter-spacing: 0.13em;
    font-size: 10px;
  }
  .kl08xja8y0 > p {
    font-size: 13px;
    margin: 7px 0;
    color: #626254;
    line-height: 1.8;
  }
  .kl08xja8y0 strong {
    font-weight: 600;
    color: var(--ink);
  }
  .kl08xja8y0 small {
    font-size: 10px;
    color: var(--muted);
  }
  .kl08xja8y0 a {
    display: inline-block;
    color: var(--orange);
    font-size: 11px;
    margin-top: 4px;
  }
  .n5trdmml0o {
    display: flex;
    gap: 14px;
    align-items: center;
    min-width: 0;
  }
  .gvou1k52po {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #e6ddd0;
    background: #fff;
    box-shadow: 0 14px 50px #6342130b;
    flex: 1;
    min-width: 0;
    transform: rotate(-1deg);
  }
  .u5dsrv5m5a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    font-size: 9px;
    letter-spacing: 0.1em;
  }
  .u5dsrv5m5a span:last-child {
    color: var(--orange);
  }
  .eezofos57n {
    position: relative;
    height: 433px;
    overflow: hidden;
    background: #8e9d9c;
    isolation: isolate;
  }
  .nyuq1lyg6t {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
      opacity 0.35s ease,
      transform 1s ease;
  }
  .eezofos57n[data-transition="on"] .nyuq1lyg6t {
    opacity: 0.3;
    transform: scale(1.035);
  }
  .vvfpyyk4er {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #10191008 20%, #131e21bb);
    pointer-events: none;
  }
  .hbaqnw98xi {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 45px;
    color: #fff;
  }
  .hbaqnw98xi > span {
    font-size: 10px;
    letter-spacing: 0.14em;
  }
  .hbaqnw98xi h3 {
    margin: 10px 0 5px;
    font-size: clamp(25px, 2.7vw, 39px);
    font-weight: 650;
    letter-spacing: 0.015em;
  }
  .hbaqnw98xi p {
    font-size: 12px;
    color: #ffffffda;
  }
  .hbaqnw98xi a {
    display: inline-flex;
    gap: 25px;
    align-items: center;
    margin-top: 19px;
    padding-bottom: 4px;
    border-bottom: 1px solid #ffffff7d;
    font-size: 11px;
  }
  .a28xmxidco {
    font-size: 9px;
    letter-spacing: 0.05em;
    color: #ffffffd0;
  }
  .eezofos57n > .a28xmxidco {
    position: absolute;
    top: 18px;
    left: 22px;
    border: 1px solid #ffffff50;
    border-radius: 20px;
    padding: 3px 10px;
    background: #1c2b2824;
  }
  .wlr577a4wx {
    padding: 13px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
  }
  .wlr577a4wx > span {
    font-size: 9px;
    color: var(--muted);
  }
  .wlr577a4wx > div {
    display: flex;
    gap: 5px;
    align-items: center;
  }
  .wlr577a4wx button {
    width: 29px;
    height: 29px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: transparent;
    font-size: 14px;
  }
  .wlr577a4wx button:hover {
    border-color: var(--orange);
    color: var(--orange);
  }
  .wlr577a4wx .hazao6dvak {
    width: auto;
    border: 0;
    font-size: 10px;
    margin-left: 3px;
    padding: 4px 2px;
    border-radius: 3px;
  }
  .nb4aryq097 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 0 0 62px;
    align-items: center;
  }
  .p98c7q6pmb {
    position: relative;
    width: 60px;
    height: 78px;
    border-radius: 9px;
    padding: 3px;
    background: transparent;
    opacity: 0.55;
    transition:
      opacity 0.2s,
      transform 0.2s;
    border: 1px solid transparent;
  }
  .p98c7q6pmb img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
  }
  .p98c7q6pmb span {
    position: absolute;
    bottom: 5px;
    left: 9px;
    color: #fff;
    font-size: 9px;
    text-shadow: 0 1px 4px black;
  }
  .p98c7q6pmb[aria-pressed="true"] {
    opacity: 1;
    border-color: #ca632e;
    transform: translate(-3px);
  }
  .p98c7q6pmb:hover {
    opacity: 1;
  }
  .nb4aryq097 > span {
    font-size: 8px;
    letter-spacing: 0.12em;
    line-height: 1.6;
    color: #969584;
  }
  .hjarth0uo6 {
    padding-top: 35px;
    border-top: 1px solid var(--line);
  }
  .hjarth0uo6 .l50z6wkz2e h2 {
    font-size: 24px;
  }
  .doy3ib77nv {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--line);
    border-radius: 12px;
    overflow: hidden;
    background: #faf8f1;
  }
  .doy3ib77nv article {
    padding: 26px;
    transition: background 0.2s;
  }
  .doy3ib77nv article + article {
    border-left: 1px solid var(--line);
  }
  .doy3ib77nv article:hover {
    background: #fdf0df;
  }
  .hdnss1czk2 {
    color: var(--orange);
    font-size: 12px;
    letter-spacing: 0.15em;
  }
  .doy3ib77nv h3 {
    font-size: 15px;
    margin: 16px 0 7px;
  }
  .doy3ib77nv p {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.85;
    max-width: 220px;
  }
  .y4no6bpbzb > .l50z6wkz2e {
    margin-bottom: 12px;
  }
  .y4no6bpbzb > .n7fpzz7cz2 {
    margin-bottom: 27px;
  }
  [data-picks] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
  [data-picks] > article {
    min-width: 0;
  }
  .a2wc8yd501 {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 12px;
    aspect-ratio: 1.55;
    background: #dddfd1;
  }
  .a2wc8yd501:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent 55%, #161b1c6b);
    pointer-events: none;
  }
  .a2wc8yd501 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s;
  }
  .a2wc8yd501:hover img {
    transform: scale(1.055);
  }
  .j6erinbia0 {
    position: absolute;
    top: 14px;
    left: 14px;
    background: #fffffff0;
    padding: 4px 10px;
    border-radius: 18px;
    color: #42473c;
    font-size: 9px;
  }
  .a2wc8yd501 .wrs6in80yy {
    position: absolute;
    bottom: 15px;
    right: 16px;
    color: #fff;
    border: 1px solid #ffffff9a;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    z-index: 1;
    transition: background 0.2s;
  }
  .a2wc8yd501:hover .wrs6in80yy {
    background: #ffffff30;
  }
  .c0anuxte6u {
    padding: 19px 2px 0;
  }
  .c0anuxte6u > p {
    color: var(--orange);
    font-size: 10px;
    letter-spacing: 0.04em;
    margin-bottom: 7px;
  }
  .c0anuxte6u h3 {
    font-size: 20px;
    margin-bottom: 4px;
  }
  .c0anuxte6u h3 a:hover {
    color: var(--orange);
  }
  .c0anuxte6u > span {
    font-size: 12px;
    color: var(--muted);
  }
  .w4hkf9m1l9 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 42px;
    align-items: start;
  }
  .xjvhnf33vh {
    min-width: 0;
  }
  .xjvhnf33vh .l50z6wkz2e {
    align-items: center;
  }
  .xjvhnf33vh .n7fpzz7cz2 {
    margin-top: 9px;
  }
  .c0bui843us {
    padding: 4px 10px;
    border: 1px solid var(--line);
    border-radius: 20px;
    font-size: 10px;
    white-space: nowrap;
    color: var(--muted);
  }
  .m7l09g0m7k {
    display: flex;
    gap: 9px;
    margin-bottom: 25px;
    flex-wrap: wrap;
  }
  .m7l09g0m7k button {
    font-size: 11px;
    padding: 8px 15px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: transparent;
    transition:
      background 0.2s,
      border-color 0.2s;
  }
  .m7l09g0m7k button[aria-pressed="true"] {
    background: #313b2e;
    color: #fff;
    border-color: #313b2e;
  }
  .m7l09g0m7k button:hover {
    border-color: #313b2e;
  }
  .k93e621yzh {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .wlvtnl5gcd {
    display: flex;
    gap: 15px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fffdf9;
    min-width: 0;
    transition:
      border-color 0.25s,
      transform 0.25s;
  }
  .wlvtnl5gcd:hover {
    transform: translateY(-2px);
    border-color: #d5b89a;
  }
  .wlvtnl5gcd[data-active="true"] {
    border-color: #c78a57;
    background: #fdf6eb;
  }
  .aruewhzn08 {
    flex: 0 0 76px;
    width: 76px;
    height: 112px;
    border-radius: 6px;
    object-fit: cover;
  }
  .s2d9ay8l1x {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .s2d9ay8l1x > span {
    font-size: 9px;
    color: var(--muted);
    margin-bottom: 7px;
  }
  .s2d9ay8l1x > h3 {
    font-size: 14px;
  }
  .s2d9ay8l1x > p {
    font-size: 10px;
    color: var(--muted);
    margin: 6px 0 8px;
  }
  .qqgq04nfsz {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    margin-top: auto;
    padding: 0;
    font-size: 10px;
    color: var(--orange);
    background: transparent;
  }
  .qqgq04nfsz:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  .y7umvf59uv {
    margin-top: 23px;
    border-radius: 12px;
    background: #f0f1e7;
    overflow: hidden;
    display: grid;
    grid-template-columns: 165px 1fr;
    border: 1px solid #e5e7da;
  }
  .wtv6bw8xbk {
    width: 100%;
    height: 100%;
    min-height: 240px;
    object-fit: cover;
  }
  .wnl102sk1s {
    padding: 25px;
  }
  .wnl102sk1s > .fgyh0hdp63 {
    margin-bottom: 8px;
    font-size: 9px;
  }
  .wnl102sk1s > h3 {
    font-size: 19px;
    margin-bottom: 10px;
  }
  .wnl102sk1s > p:not(.fgyh0hdp63) {
    font-size: 11px;
    line-height: 1.9;
  }
  .wnl102sk1s > .a3sqho5eyw {
    margin-top: 11px;
  }
  .st8lw0zvs1 {
    display: inline-block;
    font-size: 9px;
    margin-top: 14px;
    color: #656c55;
  }
  .gkwbbuq4he {
    padding-top: 8px;
  }
  .q1nz0ey5qh {
    padding: 27px 24px;
    border: 1px solid #e3e7d8;
    border-radius: 13px;
    background: var(--mint);
  }
  .q1nz0ey5qh h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 25px;
  }
  .q1nz0ey5qh h2 > span {
    font-weight: 400;
    color: #7c8963;
  }
  .q1nz0ey5qh > .n7fpzz7cz2 {
    margin-top: 9px;
  }
  .q1nz0ey5qh ol {
    list-style: none;
    padding: 0;
    margin: 23px 0;
  }
  .q1nz0ey5qh li + li {
    border-top: 1px solid #d9dfcc;
  }
  .dfzyxazc68 {
    padding: 20px 0;
    display: flex;
    gap: 13px;
    align-items: start;
  }
  .dfzyxazc68:hover strong {
    color: var(--orange);
  }
  .spumuennmh {
    font-size: 21px;
    color: #7d8b64;
    line-height: 1.4;
    font-family: Georgia, serif;
    font-style: italic;
  }
  .q1nz0ey5qh li:first-child .spumuennmh {
    color: #cc6832;
  }
  .svygwteerh {
    flex: 1;
  }
  .svygwteerh strong {
    font-size: 12px;
    display: block;
  }
  .svygwteerh small {
    display: block;
    margin-top: 5px;
    font-size: 9px;
    color: #737969;
  }
  .dfzyxazc68 > span:last-child {
    font-size: 14px;
    color: #818b6d;
  }
  .q1nz0ey5qh > div.a3sqho5eyw {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    border-top: 1px solid #d9dfcc;
    padding-top: 14px;
    font-size: 8px;
    gap: 8px;
  }
  .gkwbbuq4he > .kl08xja8y0 {
    margin-left: 7px;
    margin-top: 35px;
  }
  .e7ful8fmsc {
    background: #f9ecd9;
    padding: 60px 0;
    overflow: hidden;
  }
  .e7ful8fmsc > .p1aef2e02g {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 60px;
    align-items: center;
  }
  .poojbyy733 h2 {
    font-size: 36px;
    line-height: 1.5;
  }
  .poojbyy733 > p:not(.fgyh0hdp63) {
    color: #7d6f5a;
    font-size: 12px;
    line-height: 1.95;
    margin-top: 20px;
  }
  .z16ntoqlgj {
    display: inline-flex;
    padding: 4px;
    gap: 5px;
    border: 1px solid #dfcfb7;
    border-radius: 9px;
    margin-top: 26px;
  }
  .z16ntoqlgj button {
    border-radius: 5px;
    padding: 8px 18px;
    font-size: 11px;
    background: transparent;
  }
  .z16ntoqlgj button[aria-pressed="true"] {
    background: #fffaf1;
    box-shadow: 0 2px 5px #58411b0c;
  }
  .poojbyy733 > .a3sqho5eyw {
    font-size: 10px !important;
    max-width: 300px;
  }
  .poojbyy733 > a {
    margin-top: 12px;
  }
  .qz29tykav6 {
    min-height: 365px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .qqj2atmjin {
    width: 100%;
    border: 6px solid #434a3b;
    border-radius: 17px;
    background: #fffdf5;
    box-shadow:
      16px 25px #bda57d20,
      0 15px 40px #49371918;
    overflow: hidden;
    transition:
      width 0.5s,
      border-radius 0.5s;
  }
  .emzsysr1zq {
    display: flex;
    gap: 30px;
    align-items: center;
    height: 33px;
    padding: 0 13px;
    font-size: 8px;
    color: #8b8d80;
  }
  .emzsysr1zq > span:first-child {
    font-size: 6px;
    letter-spacing: 2px;
  }
  .cku0g16qi0 {
    height: 240px;
    position: relative;
    isolation: isolate;
    background: #7b7058;
  }
  .cku0g16qi0 > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .cku0g16qi0:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent, #24281fbd);
    z-index: 0;
  }
  .cvb9pczppc {
    position: absolute;
    bottom: 22px;
    left: 26px;
    right: 20px;
    z-index: 1;
    color: #fff;
  }
  .cvb9pczppc small {
    font-size: 8px;
    letter-spacing: 0.13em;
  }
  .cvb9pczppc strong {
    display: block;
    font-size: 27px;
    margin-top: 8px;
    font-weight: 600;
  }
  .cvb9pczppc span {
    display: block;
    font-size: 10px;
    margin-top: 5px;
  }
  .o9nv103w3d {
    padding: 18px 25px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    font-size: 9px;
    color: #818173;
  }
  .o9nv103w3d strong {
    display: block;
    color: #3a4233;
    font-size: 11px;
    margin-top: 4px;
  }
  .o9nv103w3d > a {
    font-size: 9px;
    border: 1px solid #cfb49b;
    border-radius: 5px;
    color: var(--orange);
    padding: 6px 11px;
    white-space: nowrap;
  }
  .qz29tykav6 > .a28xmxidco {
    color: #978367;
    margin-top: 25px;
  }
  .qz29tykav6[data-device="mobile"] .qqj2atmjin {
    width: 240px;
    border-radius: 30px;
    border-width: 7px;
  }
  .qz29tykav6[data-device="mobile"] .emzsysr1zq {
    justify-content: center;
    font-size: 7px;
  }
  .qz29tykav6[data-device="mobile"] .emzsysr1zq > span:first-child {
    display: none;
  }
  .qz29tykav6[data-device="mobile"] .cku0g16qi0 {
    height: 258px;
  }
  .qz29tykav6[data-device="mobile"] .cvb9pczppc {
    left: 17px;
  }
  .qz29tykav6[data-device="mobile"] .cvb9pczppc strong {
    font-size: 23px;
  }
  .qz29tykav6[data-device="mobile"] .o9nv103w3d {
    padding: 16px 13px;
    gap: 8px;
  }
  .qz29tykav6[data-device="mobile"] .o9nv103w3d strong {
    font-size: 9px;
  }
  .f7ju70evyz {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
  .laasqmsvsp {
    border-top: 1px solid #d9d8cd;
    padding-top: 24px;
    position: relative;
  }
  .laasqmsvsp > span {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 31px;
    color: #b2ad94;
  }
  .laasqmsvsp h3 {
    font-size: 17px;
    margin: 14px 0 10px;
  }
  .laasqmsvsp p {
    color: var(--muted);
    font-size: 12px;
    max-width: 290px;
    line-height: 1.9;
  }
  .laasqmsvsp a {
    display: inline-block;
    font-size: 11px;
    margin-top: 20px;
    color: var(--orange);
  }
  .kqmcq5bhht {
    padding-top: 38px;
    border-top: 1px solid var(--line);
  }
  .u7sphquliy {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .u7sphquliy figure {
    background: #f6f5ee;
    padding: 26px 26px 23px;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
  }
  .u7sphquliy figure > span {
    font-size: 44px;
    line-height: 1;
    color: #d1a476;
    font-family: Georgia, serif;
    height: 37px;
  }
  .u7sphquliy blockquote {
    color: #606458;
    font-size: 12px;
    line-height: 2;
    flex: 1;
  }
  .u7sphquliy figcaption {
    border-top: 1px solid #e2e1d5;
    padding-top: 18px;
    margin-top: 23px;
  }
  .u7sphquliy figcaption b {
    font-size: 12px;
    font-weight: 600;
  }
  .u7sphquliy figcaption span {
    color: var(--muted);
    display: block;
    font-size: 9px;
    margin-top: 5px;
  }
  .xiq3ja9xt5 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 70px;
  }
  .vkytvkak7c h2 {
    font-size: 38px;
  }
  .vkytvkak7c > p:not(.fgyh0hdp63) {
    color: var(--muted);
    font-size: 12px;
    margin: 22px 0;
    line-height: 1.9;
  }
  .aixuhtt3sv details {
    border-bottom: 1px solid var(--line);
  }
  .aixuhtt3sv details:first-child {
    border-top: 1px solid var(--line);
  }
  .aixuhtt3sv summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 23px 0;
    font-size: 13px;
    font-weight: 550;
    cursor: pointer;
  }
  .aixuhtt3sv summary::-webkit-details-marker {
    display: none;
  }
  .aixuhtt3sv summary > span {
    color: #a06a39;
    font-size: 17px;
    transition: transform 0.3s;
  }
  .aixuhtt3sv details[open] summary > span {
    transform: rotate(45deg);
  }
  .aixuhtt3sv details > p {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.95;
    margin: -4px 32px 24px 0;
  }
  .zmb608yuoj {
    padding: 49px 62px;
    background: #f5e1c8;
    border-radius: 17px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 50px;
    align-items: center;
    overflow: hidden;
  }
  .zmb608yuoj h2 {
    font-size: 35px;
    line-height: 1.5;
  }
  .zmb608yuoj > div > p:not(.fgyh0hdp63) {
    font-size: 12px;
    color: #876d51;
    line-height: 1.95;
    margin-top: 20px;
  }
  .zmb608yuoj .de30fcf7rk {
    margin-top: 27px;
  }
  .lanf9seh1i {
    text-align: center;
    background: #fff9ef;
    border: 1px solid #e9ceb0;
    padding: 32px 25px 22px;
    border-radius: 14px;
    transform: rotate(2deg);
    box-shadow: 0 8px 25px #9f632110;
  }
  .lanf9seh1i > .ts9f0dennb {
    width: 39px;
    height: 39px;
    margin: 5px 0 14px;
  }
  .lanf9seh1i h3 {
    font-size: 18px;
  }
  .lanf9seh1i p {
    font-size: 11px;
    color: #977c61;
    margin-top: 6px;
  }
  .fc4dmvlb31 {
    display: flex;
    justify-content: space-between;
    padding-top: 19px;
    margin: 20px 0 16px;
    border-top: 1px dashed #ddc6ab;
    font-size: 10px;
    color: #88725b;
  }
  .fc4dmvlb31 strong {
    font-weight: 500;
    color: #9d521d;
  }
  .lanf9seh1i button {
    width: 100%;
    border: 1px solid #d7c7b6;
    background: #eee6d9;
    color: #8b755c;
    border-radius: 7px;
    padding: 11px;
    font-size: 11px;
  }
  .lanf9seh1i small {
    display: block;
    color: #92826d;
    font-size: 9px;
    margin-top: 12px;
  }
  .m71x7xfepe {
    margin-top: 88px;
    background: #f3f1e8;
    padding-top: 50px;
  }
  .pesni9eqp6 {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 70px;
    border-bottom: 1px solid #dfdfd3;
    padding-bottom: 37px;
  }
  .pesni9eqp6 h2 {
    font-size: 20px;
    line-height: 1.6;
    max-width: 280px;
  }
  .pesni9eqp6 > p {
    font-size: 11px;
    color: #78796b;
    line-height: 2.1;
  }
  .tox41uoh6i {
    display: flex;
    justify-content: space-between;
    gap: 80px;
    padding: 40px 0;
    align-items: start;
  }
  .tox41uoh6i > .ldn7v5k1pr {
    font-size: 19px;
  }
  .tox41uoh6i > .ldn7v5k1pr small {
    font-size: 7px;
  }
  .hqia4fi4lt {
    width: 65%;
  }
  .hqia4fi4lt > strong {
    display: block;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 18px;
  }
  .hqia4fi4lt > div {
    display: flex;
    flex-wrap: wrap;
    column-gap: 22px;
    row-gap: 10px;
  }
  .hqia4fi4lt a {
    color: #797b6e;
    font-size: 10px;
  }
  .hqia4fi4lt a:hover {
    color: var(--orange);
  }
  .hqia4fi4lt a span {
    display: none;
  }
  .k8k0hmv1u9 {
    border-top: 1px solid #dfdfd3;
    padding: 20px 0;
    display: flex;
    gap: 25px;
    justify-content: space-between;
    font-size: 9px;
    color: #838578;
  }
  .re48svagnt {
    display: none;
  }
}
@layer responsive {
  @media (min-width: 1600px) {
    .igsiy3otzn {
      padding-top: 70px;
      padding-bottom: 70px;
    }
  }
  @media (max-width: 1180px) {
    .p1aef2e02g {
      width: calc(100% - 64px);
    }
    .stahswoa68 {
      gap: 22px;
    }
    .aaic3h8wpn .de30fcf7rk {
      gap: 14px;
    }
    .igsiy3otzn {
      gap: 25px;
      grid-template-columns: 0.95fr 1.1fr;
    }
    .nb4aryq097 {
      flex-basis: 44px;
      gap: 13px;
    }
    .p98c7q6pmb {
      width: 44px;
      height: 64px;
    }
    .hbaqnw98xi {
      left: 22px;
      right: 18px;
    }
    .eezofos57n {
      height: 408px;
    }
    .wlr577a4wx {
      padding: 12px;
    }
    .wlr577a4wx > span {
      max-width: 105px;
    }
    .w4hkf9m1l9 {
      grid-template-columns: minmax(0, 1fr) 270px;
      gap: 28px;
    }
    .k93e621yzh {
      gap: 12px;
    }
    .wlvtnl5gcd {
      gap: 10px;
      padding: 9px;
    }
    .aruewhzn08 {
      flex-basis: 62px;
      width: 62px;
      height: 110px;
    }
    .s2d9ay8l1x > h3 {
      font-size: 12px;
    }
    .y7umvf59uv {
      grid-template-columns: 125px 1fr;
    }
    .wnl102sk1s {
      padding: 20px;
    }
    .doy3ib77nv article {
      padding: 22px;
    }
    .e7ful8fmsc > .p1aef2e02g {
      gap: 35px;
    }
    .zmb608yuoj {
      padding: 40px;
      gap: 30px;
    }
  }
  @media (max-width: 960px) {
    .aaic3h8wpn > .p1aef2e02g {
      min-height: 78px;
    }
    .stahswoa68 {
      height: 78px;
      gap: 20px;
    }
    .aaic3h8wpn .t2i9upu9yc {
      display: none;
    }
    .ldn7v5k1pr {
      font-size: 18px;
    }
    .igsiy3otzn {
      min-height: 0;
      gap: 25px;
      padding-top: 40px;
    }
    .hfln1gx6ws {
      font-size: 39px;
    }
    .wyp9f85vys {
      font-size: 9px;
      letter-spacing: 0.03em;
    }
    .ogr31him1w {
      font-size: 12px;
    }
    .sccvan1ug7 > .de30fcf7rk {
      gap: 13px;
    }
    .sccvan1ug7 .q36shmcnbb {
      padding: 12px 17px;
      font-size: 12px;
    }
    .nb4aryq097 {
      display: none;
    }
    .eezofos57n {
      height: 390px;
    }
    .gvou1k52po {
      transform: none;
    }
    .wlr577a4wx > span {
      max-width: 120px;
    }
    .doy3ib77nv article {
      padding: 20px 16px;
    }
    [data-picks] {
      gap: 18px;
    }
    .c0anuxte6u h3 {
      font-size: 17px;
    }
    .w4hkf9m1l9 {
      grid-template-columns: 1fr;
      gap: 40px;
    }
    .k93e621yzh {
      grid-template-columns: repeat(3, 1fr);
    }
    .wlvtnl5gcd {
      display: block;
      padding: 12px;
    }
    .aruewhzn08 {
      width: 100%;
      height: auto;
      aspect-ratio: 1.2;
      margin-bottom: 14px;
    }
    .s2d9ay8l1x {
      min-height: 103px;
    }
    .s2d9ay8l1x > h3 {
      font-size: 14px;
    }
    .y7umvf59uv {
      grid-template-columns: 210px 1fr;
    }
    .wtv6bw8xbk {
      min-height: 220px;
    }
    .gkwbbuq4he {
      display: grid;
      grid-template-columns: 1.8fr 1fr;
      gap: 25px;
      align-items: center;
    }
    .gkwbbuq4he > .kl08xja8y0 {
      margin: 0;
    }
    .q1nz0ey5qh ol {
      margin: 16px 0;
    }
    .q1nz0ey5qh .dfzyxazc68 {
      padding: 15px 0;
    }
    .e7ful8fmsc > .p1aef2e02g {
      grid-template-columns: 0.8fr 1fr;
      gap: 35px;
    }
    .poojbyy733 h2 {
      font-size: 29px;
    }
    .cku0g16qi0 {
      height: 215px;
    }
    .cvb9pczppc {
      left: 18px;
    }
    .cvb9pczppc strong {
      font-size: 23px;
    }
    .o9nv103w3d {
      padding: 15px;
    }
    .u7sphquliy {
      gap: 16px;
    }
    .u7sphquliy figure {
      padding: 22px 19px;
    }
    .xiq3ja9xt5 {
      gap: 35px;
    }
    .zmb608yuoj {
      grid-template-columns: 1fr 250px;
      padding: 32px;
      gap: 25px;
    }
    .zmb608yuoj h2 {
      font-size: 29px;
    }
    .zmb608yuoj .de30fcf7rk {
      gap: 13px;
    }
    .zmb608yuoj .q36shmcnbb {
      font-size: 12px;
      padding: 13px 18px;
    }
    .pesni9eqp6,
    .tox41uoh6i {
      gap: 35px;
    }
  }
  @media (max-width: 700px) {
    html {
      scroll-padding-top: 92px;
    }
    section,
    #story-note {
      scroll-margin-top: 92px;
    }
    .p1aef2e02g {
      width: calc(100% - 40px);
    }
    .c7mv324imy {
      margin-top: 62px;
    }
    .aaic3h8wpn > .p1aef2e02g {
      min-height: 70px;
    }
    .stahswoa68 {
      display: none;
    }
    .ldn7v5k1pr {
      font-size: 18px;
      gap: 9px;
    }
    .ts9f0dennb {
      width: 29px;
      height: 29px;
      border-radius: 9px 13px;
    }
    .ldn7v5k1pr small {
      font-size: 7px;
    }
    .aaic3h8wpn .t2i9upu9yc {
      display: inline-flex;
      font-size: 10px;
      padding: 6px 10px;
      gap: 8px;
    }
    .aaic3h8wpn .de30fcf7rk {
      gap: 17px;
    }
    .daxnaz2r7y {
      font-size: 11px;
      gap: 5px;
    }
    .tp4yv8q35q {
      top: 63px;
      right: 20px;
      width: min(420px, calc(100vw - 40px));
      padding: 15px;
      gap: 5px 15px;
    }
    .tp4yv8q35q a {
      font-size: 11px;
    }
    .igsiy3otzn {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      padding-top: 29px;
      gap: 33px;
      padding-bottom: 35px;
    }
    .sccvan1ug7 {
      padding: 0;
    }
    .wyp9f85vys {
      margin-bottom: 19px;
      font-size: 10px;
    }
    .sccvan1ug7 h1 {
      font-size: 17px;
      margin-bottom: 10px;
    }
    .sccvan1ug7 h1 img {
      width: 23px;
      height: 23px;
    }
    .hfln1gx6ws {
      font-size: clamp(39px, 9.6vw, 61px);
      line-height: 1.28;
    }
    .ogr31him1w {
      font-size: 13px;
      margin-top: 20px;
      line-height: 1.9;
    }
    .ogr31him1w br:nth-child(2) {
      display: none;
    }
    .sccvan1ug7 > .de30fcf7rk {
      gap: 24px;
      margin-top: 25px;
    }
    .sccvan1ug7 .q36shmcnbb {
      font-size: 13px;
      padding: 13px 22px;
    }
    .sccvan1ug7 > .kl08xja8y0 {
      display: none;
    }
    .n5trdmml0o {
      gap: 9px;
    }
    .nb4aryq097 {
      display: flex;
      flex-basis: 43px;
      gap: 13px;
    }
    .p98c7q6pmb {
      width: 43px;
      height: 61px;
    }
    .nb4aryq097 > span {
      font-size: 6px;
    }
    .u5dsrv5m5a {
      padding: 11px 15px;
      font-size: 7px;
    }
    .eezofos57n {
      height: 330px;
    }
    .hbaqnw98xi {
      left: 21px;
      right: 15px;
      bottom: 26px;
    }
    .hbaqnw98xi h3 {
      font-size: 29px;
    }
    .hbaqnw98xi > span {
      font-size: 8px;
    }
    .hbaqnw98xi p {
      font-size: 10px;
    }
    .hbaqnw98xi a {
      font-size: 9px;
      margin-top: 16px;
    }
    .wlr577a4wx {
      padding: 9px 12px;
    }
    .wlr577a4wx > span {
      font-size: 8px;
      max-width: 95px;
    }
    .wlr577a4wx button {
      width: 27px;
      height: 27px;
      font-size: 12px;
    }
    .wlr577a4wx .hazao6dvak {
      font-size: 9px;
    }
    .eezofos57n > .a28xmxidco {
      font-size: 7px;
      top: 13px;
      left: 17px;
    }
    .hjarth0uo6 {
      padding-top: 30px;
    }
    .l50z6wkz2e {
      display: block;
      margin-bottom: 24px;
    }
    .l50z6wkz2e > .n7fpzz7cz2 {
      margin-top: 12px;
    }
    .l50z6wkz2e > a {
      margin-top: 10px;
    }
    .hjarth0uo6 .l50z6wkz2e h2 {
      font-size: 23px;
    }
    h2 {
      font-size: 25px;
    }
    .fgyh0hdp63 {
      font-size: 10px;
      margin-bottom: 11px;
    }
    .doy3ib77nv {
      grid-template-columns: repeat(2, 1fr);
    }
    .doy3ib77nv article {
      padding: 20px;
    }
    .doy3ib77nv article + article {
      border-left: 0;
    }
    .doy3ib77nv article:nth-child(2n) {
      border-left: 1px solid var(--line);
    }
    .doy3ib77nv article:nth-child(n + 3) {
      border-top: 1px solid var(--line);
    }
    .doy3ib77nv h3 {
      font-size: 14px;
      margin-top: 13px;
    }
    .doy3ib77nv p {
      font-size: 11px;
    }
    .y4no6bpbzb .l50z6wkz2e h2 span {
      display: block;
      font-size: 20px;
      margin-top: 3px;
    }
    [data-picks] {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 16px;
      padding: 3px 3px 15px;
      margin: 0 -3px;
    }
    [data-picks] > article {
      flex: 0 0 83%;
      scroll-snap-align: start;
    }
    .a2wc8yd501 {
      aspect-ratio: 1.48;
    }
    .c0anuxte6u {
      padding-top: 15px;
    }
    .c0anuxte6u h3 {
      font-size: 20px;
    }
    .w4hkf9m1l9 {
      gap: 40px;
    }
    .xjvhnf33vh .l50z6wkz2e {
      display: flex;
      align-items: start;
      gap: 12px;
    }
    .xjvhnf33vh h2 {
      font-size: 25px;
    }
    .xjvhnf33vh .n7fpzz7cz2 {
      font-size: 11px;
    }
    .c0bui843us {
      font-size: 9px;
      margin-top: 30px;
    }
    .m7l09g0m7k {
      gap: 7px;
    }
    .m7l09g0m7k button {
      font-size: 10px;
      padding: 7px 11px;
    }
    .k93e621yzh {
      grid-template-columns: 1fr 1fr;
      gap: 13px;
    }
    .wlvtnl5gcd {
      padding: 9px;
    }
    .aruewhzn08 {
      aspect-ratio: 0.95;
      margin-bottom: 12px;
    }
    .s2d9ay8l1x > span {
      font-size: 8px;
      margin-bottom: 6px;
    }
    .s2d9ay8l1x > h3 {
      font-size: 13px;
    }
    .s2d9ay8l1x > p {
      font-size: 9px;
    }
    .s2d9ay8l1x {
      min-height: 110px;
    }
    .qqgq04nfsz {
      padding: 4px 0;
    }
    .y7umvf59uv {
      grid-template-columns: 90px 1fr;
      margin-top: 19px;
    }
    .wnl102sk1s {
      padding: 19px 15px;
    }
    .wnl102sk1s > h3 {
      font-size: 17px;
    }
    .wnl102sk1s > p:not(.fgyh0hdp63) {
      font-size: 10px;
    }
    .wnl102sk1s > .fgyh0hdp63 {
      font-size: 8px;
    }
    .st8lw0zvs1 {
      font-size: 8px;
    }
    .gkwbbuq4he {
      display: block;
    }
    .gkwbbuq4he > .kl08xja8y0 {
      display: none;
    }
    .q1nz0ey5qh {
      padding: 27px;
    }
    .svygwteerh strong {
      font-size: 14px;
    }
    .svygwteerh small {
      font-size: 10px;
    }
    .q1nz0ey5qh .dfzyxazc68 {
      padding: 19px 0;
    }
    .q1nz0ey5qh > .a3sqho5eyw {
      font-size: 11px;
    }
    .e7ful8fmsc {
      padding: 38px 0;
    }
    .e7ful8fmsc > .p1aef2e02g {
      display: block;
    }
    .poojbyy733 h2 {
      font-size: 30px;
    }
    .poojbyy733 h2 br {
      display: none;
    }
    .poojbyy733 > p:not(.fgyh0hdp63) {
      font-size: 12px;
    }
    .poojbyy733 > p br {
      display: none;
    }
    .poojbyy733 > .a3sqho5eyw {
      max-width: none;
      margin-top: 13px;
    }
    .qz29tykav6 {
      margin-top: 35px;
      min-height: 320px;
    }
    .cku0g16qi0 {
      height: 220px;
    }
    .f7ju70evyz {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .laasqmsvsp {
      padding: 22px 0 0 55px;
    }
    .laasqmsvsp > span {
      position: absolute;
      left: 2px;
      top: 20px;
      font-size: 28px;
    }
    .laasqmsvsp h3 {
      margin-top: 0;
      font-size: 16px;
    }
    .laasqmsvsp p {
      max-width: none;
      font-size: 12px;
    }
    .laasqmsvsp a {
      margin-top: 11px;
    }
    .kqmcq5bhht {
      padding-top: 31px;
    }
    .u7sphquliy {
      grid-template-columns: 1fr;
      gap: 15px;
    }
    .u7sphquliy figure {
      padding: 22px 25px;
    }
    .u7sphquliy figure > span {
      height: 30px;
    }
    .u7sphquliy blockquote {
      font-size: 12px;
    }
    .u7sphquliy figcaption {
      padding-top: 14px;
      margin-top: 18px;
    }
    .xiq3ja9xt5 {
      display: block;
    }
    .vkytvkak7c h2 {
      font-size: 29px;
    }
    .vkytvkak7c h2 br {
      display: none;
    }
    .vkytvkak7c > p {
      display: none;
    }
    .vkytvkak7c > a {
      margin: 10px 0 22px;
    }
    .aixuhtt3sv summary {
      font-size: 12px;
      line-height: 1.9;
      padding: 20px 0;
      gap: 20px;
    }
    .aixuhtt3sv details > p {
      font-size: 11px;
    }
    .zmb608yuoj {
      grid-template-columns: 1fr;
      gap: 35px;
      padding: 30px 25px;
    }
    .zmb608yuoj h2 {
      font-size: 29px;
    }
    .zmb608yuoj > div > p:not(.fgyh0hdp63) br {
      display: none;
    }
    .zmb608yuoj .de30fcf7rk {
      gap: 17px;
    }
    .lanf9seh1i {
      transform: none;
      padding: 25px;
    }
    .lanf9seh1i > .ts9f0dennb {
      margin-bottom: 12px;
    }
    .m71x7xfepe {
      margin-top: 60px;
      padding-top: 35px;
      padding-bottom: 68px;
    }
    .pesni9eqp6 {
      display: block;
      padding-bottom: 30px;
    }
    .pesni9eqp6 h2 {
      font-size: 22px;
      max-width: 270px;
    }
    .pesni9eqp6 > p {
      font-size: 11px;
      margin-top: 22px;
    }
    .tox41uoh6i {
      display: block;
      padding: 30px 0;
    }
    .hqia4fi4lt {
      width: 100%;
      margin-top: 28px;
    }
    .hqia4fi4lt > div {
      column-gap: 20px;
      row-gap: 12px;
    }
    .k8k0hmv1u9 {
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 22px 0;
    }
    .re48svagnt {
      position: fixed;
      z-index: 30;
      inset: auto 0 0;
      background: #fffcf7f5;
      backdrop-filter: blur(15px);
      border-top: 1px solid var(--line);
      display: flex;
      justify-content: space-around;
      padding: 8px 5px calc(8px + env(safe-area-inset-bottom));
      box-shadow: 0 -4px 25px #1e2f2105;
    }
    .re48svagnt a {
      width: 65px;
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 9px;
      color: #777a6b;
      line-height: 1.4;
      gap: 3px;
    }
    .re48svagnt a > span {
      font-size: 20px;
      line-height: 1.2;
    }
    .re48svagnt a[aria-current] {
      color: var(--orange);
    }
  }
  @media (max-width: 360px) {
    .aaic3h8wpn .t2i9upu9yc {
      display: none;
    }
    .p1aef2e02g {
      width: calc(100% - 32px);
    }
    .hfln1gx6ws {
      font-size: 36px;
    }
    .eezofos57n {
      height: 290px;
    }
    .nb4aryq097 {
      display: none;
    }
    .hbaqnw98xi h3 {
      font-size: 27px;
    }
    .k93e621yzh {
      gap: 10px;
    }
    .s2d9ay8l1x > h3 {
      font-size: 12px;
    }
    .m7l09g0m7k {
      gap: 6px;
    }
    .m7l09g0m7k button {
      font-size: 9px;
      padding: 7px 10px;
    }
    .y7umvf59uv {
      grid-template-columns: 1fr;
    }
    .wtv6bw8xbk {
      height: 145px;
      min-height: 0;
    }
    .zmb608yuoj {
      padding: 25px 20px;
    }
    .xjvhnf33vh h2 {
      font-size: 22px;
    }
  }
}
@layer motion {
  @media (prefers-reduced-motion: no-preference) {
    [data-reveal="waiting"] {
      opacity: 0;
      transform: translateY(22px);
    }
    [data-reveal="visible"] {
      opacity: 1;
      transform: none;
      transition:
        opacity 0.65s ease,
        transform 0.65s ease;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
  }
}