@property --hw{syntax: "<percentage>"; inherits: true; initial-value: -40%;}.hero{position:relative;overflow:hidden;--hw: -40%;transition:background-color 1.8s var(--ease)}.hero[data-v="1"]{--hw: 140%;background-color:#fbf0e7}.hero-face{position:relative;overflow:hidden;background:#b5aa9c;transition:--hw 1.9s cubic-bezier(.65,0,.25,1)}.hero[data-v="1"] .hero-face{transition-duration:1.9s}.hero[data-v="0"] .hero-face{transition-duration:1.1s}.hero-par{position:absolute;inset:0}.hero-par img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.hero-b{-webkit-mask-image:linear-gradient(to top,#000 calc(var(--hw) - 16%),transparent calc(var(--hw) + 16%));mask-image:linear-gradient(to top,#000 calc(var(--hw) - 16%),transparent calc(var(--hw) + 16%))}.hero-face:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:soft-light;background:linear-gradient(to top,transparent calc(var(--hw) - 14%),rgb(255 214 170 / .9) var(--hw),transparent calc(var(--hw) + 14%))}.hero-tap{position:absolute;inset:0;z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.hero-sw{position:absolute;z-index:3;left:50%;bottom:16px;transform:translate(-50%);display:inline-flex;gap:2px;padding:4px;border-radius:99px;background:#16110e6b;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 10px 30px -10px #00000073,inset 0 0 0 1px #ffffff24;white-space:nowrap}.hero-sw button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 18px 0 12px;border-radius:99px;color:#fff;font:500 .9375rem/1.1 var(--sans);text-align:left;transition:color .5s var(--ease)}.hero-sw button i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1.5px #ffffff8c}.hero-sw button span{display:grid;gap:3px}.hero-sw small{font:600 .75rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.86}.hero-sw button[aria-pressed=true]{color:var(--ink)}.hero-sw button[data-v="0"][aria-pressed=true] small{color:var(--v-no);opacity:1}.hero-sw button[data-v="1"][aria-pressed=true] small{color:var(--coral-ink);opacity:1}.hero-sw button[aria-pressed=true] i{box-shadow:inset 0 0 0 1.5px #1e171426}.hero-th{position:absolute;z-index:0;top:4px;bottom:4px;left:var(--tx, 4px);width:var(--tw, 50%);border-radius:99px;background:var(--paper);box-shadow:0 6px 18px -6px #00000059;transition:left .75s var(--spring),width .6s var(--ease)}html:not(.js) .hero-th{display:none}.hero-t{position:relative}.hero-h{font:500 clamp(2.9rem,1.6rem + 5.4vw,7.5rem)/.94 var(--serif);letter-spacing:-.025em;margin:0 0 var(--s3)}.hero-h em{font-style:italic;font-weight:400;color:var(--coral-em);white-space:nowrap}.hero-lead{font-size:var(--fs-lead);line-height:1.45;max-width:27em;margin:0;color:var(--ink)}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:var(--s4)}.hero-buy{box-shadow:0 18px 40px -18px #1e17148c}.hero-buy [data-price]{white-space:nowrap}.hero-buy s{opacity:.6;margin-right:4px}.hero-ex{font-size:1.0625rem;gap:14px;min-height:64px;line-height:1.25}.hero-ex-t{display:grid;gap:3px}.hero-ex-t small{font-size:.9375rem;font-weight:400;color:var(--ink-2)}.hero-mini{position:relative;flex:none;width:32px;height:64px;padding:2px;border-radius:9px;background:linear-gradient(145deg,#2b2320,#0e0b0a);box-shadow:0 8px 18px -8px #1e17148c;transition:transform .45s var(--spring)}.hero-mini img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;border-radius:7px}.hero-ex:hover .hero-mini{transform:rotate(-4deg) translateY(-2px)}.hero-meta,.hero-note{display:none}html.js:not(.still) .hero-t>*{animation:heroUp 1.1s var(--ease) both}html.js:not(.still) .hero-t>:nth-child(2){animation-delay:.08s}html.js:not(.still) .hero-t>:nth-child(3){animation-delay:.2s}html.js:not(.still) .hero-t>:nth-child(4){animation-delay:.3s}html.js:not(.still) .hero-t>:nth-child(5){animation-delay:.42s}html.js:not(.still) .hero-sw{animation:heroSw 1s var(--ease) .5s both}html.js:not(.still) .hero-par{animation:heroZoom 2.8s var(--ease) both}@keyframes heroUp{0%{opacity:0;transform:translateY(26px)}}@keyframes heroSw{0%{opacity:0;transform:translate(-50%,16px)}}@keyframes heroZoom{0%{transform:scale(1.06)}}@supports (animation-timeline: scroll()){html.js:not(.still) .hero-par img{animation:heroDrift linear both;animation-timeline:scroll(root);animation-range:0 100svh}@keyframes heroDrift{to{translate:0 9%}}}@media(max-width:639px){.hero-ph{position:relative}.hero-face{height:max(46svh,340px);max-height:480px}.hero-par img{object-position:50% 20%;transform:scale(1.08);transform-origin:50% 34%}.hero-sw{bottom:-27px}.hero-in{padding-top:36px;padding-bottom:24px}.hero-note{display:block;margin:0 0 18px;text-align:center;font-size:1rem;line-height:1.3;color:var(--ink-2)}.hero-k{margin-bottom:10px}.hero-h{font-size:clamp(2.75rem,1.2rem + 7.6vw,4.25rem);margin-bottom:12px}.hero-lead{font-size:1.0625rem;line-height:1.5;color:var(--ink-2)}.hero-cta{margin-top:18px;gap:6px 20px}.hero-buy{width:100%;min-height:60px}.hero-ex{min-height:64px}}@media(max-width:639px)and (max-height:700px){.hero-face{height:52svh;min-height:330px}}@media(max-width:380px){.hero-sw button{padding:0 14px 0 10px;gap:8px;font-size:.875rem}}@media(min-width:640px){.hero{min-height:max(100svh,680px);display:flex;align-items:center}.hero-ph{position:absolute;top:calc(var(--bar) + env(safe-area-inset-top));right:0;bottom:0;width:50%}.hero-face{position:absolute;inset:0}.hero-par img{object-position:50% 26%}.hero-sw{bottom:32px}.hero-in{padding-top:calc(var(--bar) + var(--s5));padding-bottom:var(--s6)}.hero-t{width:calc(50% - var(--s6));max-width:640px}.hero-lead{max-width:25em}.hero-meta{display:flex;align-items:center;gap:12px;margin:var(--s6) 0 0;padding-top:var(--s3);border-top:1px solid var(--line);max-width:27em;color:var(--ink-2);font-size:1rem}.hero-meta:before{content:"";flex:none;width:34px;height:1px;background:var(--coral-ink)}.hero-meta{border-top:0;padding-top:0}}@media(min-width:640px)and (max-width:1099px){.hero{min-height:min(100svh,900px)}.hero-ph{width:46%}.hero-t{width:calc(54% - var(--s4))}.hero-h{font-size:clamp(2.75rem,.6rem + 5.6vw,4.75rem)}.hero-meta{margin-top:var(--s5)}.hero-sw button small{display:none}.hero-sw button{min-height:46px;padding:0 14px 0 10px}}@media(min-width:1500px){.hero-ph{width:52%}}
