@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--cream: #f4efe6;--gold: #f6c343;--gold-deep: #e0a62a;--ink: #0e1217;--soil: #22170f;--soil-2: #4a3423;--sky-noon: #f6cf7d;--sky-gold: #f0a95f;--sky-late: #d9785a;--sky-dusk: #7a4c72;--sky-violet: #2b2142;--sky-night: #141a2b;--display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--r: 16px;--wrap: 1180px;--gutter: clamp(20px, 4vw, 48px);--ease: cubic-bezier(.16, 1, .3, 1);--z-bar: 20;--z-dialog: 40;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--cream);font:400 18px/1.6 var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}html{scrollbar-color:#3a3150 var(--ink)}input,textarea{caret-color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--gold);color:var(--ink);padding:10px 14px;border-radius:10px;font-weight:600;text-decoration:none}.skip:focus{top:12px}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.display{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:.95;text-wrap:balance;margin:0}p{margin:0 0 1em;text-wrap:pretty;max-width:62ch}kbd{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;padding:0 .35em;font:600 .72em/1 var(--text);border-radius:6px;background:#22170f1a;border:1px solid rgba(34,23,15,.25);border-bottom-width:2px;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font:600 16px/1 var(--text);text-decoration:none;border-radius:12px;padding:13px 20px;transition:background-color .15s ease,box-shadow .2s var(--ease),transform .12s ease,color .15s;-webkit-tap-highlight-color:transparent}.btn svg{width:20px;height:20px;fill:currentColor;flex:none}.btn-lg svg{width:24px;height:24px}.btn .ic-sheep .wool{fill:#fffaf0;stroke:var(--ink);stroke-width:1.3;paint-order:stroke}.btn .ic-sheep .face{fill:var(--ink)}.btn .ic-sheep .legs{stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;fill:none}.btn .ic-sheep{transform-origin:50% 80%}.btn-gold:hover .ic-sheep{animation:sheep-hop .55s var(--ease)}@keyframes sheep-hop{0%{transform:none}35%{transform:translateY(-4px) rotate(-8deg)}70%{transform:translateY(0) rotate(3deg) scaleY(.92)}to{transform:none}}.btn:active{transform:translateY(1px) scale(.98)}.btn-gold{background:var(--gold);color:var(--ink);box-shadow:0 6px 20px -6px #f6c3438c,0 2px 0 var(--gold-deep)}.btn-gold:hover{background:#ffd35c;box-shadow:0 10px 28px -8px #f6c343b3,0 2px 0 var(--gold-deep)}.btn-ghost{background:#0e12176b;color:var(--cream);box-shadow:inset 0 0 0 1px #f4efe659}.btn-ghost:hover{background:#0e12179e;box-shadow:inset 0 0 0 1px #f4efe699}.btn-lg{font-size:18px;min-height:58px;padding:0 26px;border-radius:14px}.btn-sm{font-size:15px;padding:11px 16px;border-radius:10px}.bar{position:fixed;inset:0 0 auto;z-index:var(--z-bar);display:flex;align-items:center;gap:24px;padding:calc(12px + env(safe-area-inset-top,0px)) var(--gutter) 12px;transition:background-color .3s ease,box-shadow .3s ease}.bar.solid{background:#0e1217f0;box-shadow:0 10px 30px -12px #0009}.brand{display:flex;align-items:center;gap:10px;font:700 20px/1 var(--display);letter-spacing:-.01em;text-decoration:none}.brand img{width:36px;height:36px;border-radius:10px;display:block}.brand-mark{position:relative;display:block;transform-origin:50% 90%}.brand-say{position:absolute;left:4px;top:calc(100% + 10px);padding:6px 11px;border-radius:2px 10px 10px;box-shadow:0 6px 16px -6px #00000080;background:var(--cream);color:var(--ink);font:600 14px/1.2 var(--text);white-space:nowrap;opacity:0;transform:translateY(-6px) scale(.9);transform-origin:0 0;pointer-events:none;z-index:2;transition:opacity .18s ease,transform .25s var(--ease)}.brand-mark.say .brand-say{opacity:1;transform:none}.brand-mark.m-hop{animation:logo-hop .6s var(--ease)}.brand-mark.m-wiggle{animation:logo-wiggle .6s ease}.brand-mark.m-dodge{animation:logo-dodge .7s var(--ease)}.brand-mark.m-shear{animation:logo-shear .7s var(--ease)}.brand-mark.m-spin{animation:logo-spin .7s var(--ease)}@keyframes logo-hop{30%{transform:translateY(-9px) rotate(-10deg)}60%{transform:translateY(0) scale(1.08,.88)}80%{transform:translateY(-2px)}}@keyframes logo-wiggle{20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}}@keyframes logo-dodge{25%{transform:translate(-7px) rotate(-6deg)}55%{transform:translate(6px) rotate(5deg)}80%{transform:translate(-1px)}}@keyframes logo-shear{30%{transform:scale(.82,1.12)}65%{transform:scale(1.1,.92)}}@keyframes logo-spin{to{transform:rotate(360deg)}}.bar nav{display:flex;gap:22px;margin-left:auto}.bar nav a{font-size:16px;font-weight:500;text-decoration:none;opacity:.9;transition:opacity .15s}.bar nav a:hover{opacity:1;text-decoration:underline}.sound-btn{margin-left:auto;display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:12px;background:#f4efe61a;color:var(--cream);cursor:pointer;transition:background-color .15s ease}.sound-btn:hover{background:#f4efe62e}.sound-btn:active{transform:scale(.96)}.sound-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sound-btn .sp{fill:currentColor}.sound-btn .sw{opacity:0}.sound-btn[aria-pressed=true]{background:#f6c34333;color:var(--gold)}.sound-btn[aria-pressed=true] .sw{opacity:1;animation:sound-wave 1.8s ease-in-out infinite}.sound-btn[aria-pressed=true] .sw2{animation-delay:.25s}.sound-btn[aria-pressed=true] .sx{opacity:0}@keyframes sound-wave{0%,to{opacity:.35}50%{opacity:1}}.bar nav+.sound-btn{margin-left:0}.menu-btn{display:none;width:42px;height:42px;place-items:center;border:0;border-radius:12px;background:#f4efe61a;color:var(--cream);cursor:pointer;transition:background-color .15s ease}.menu-btn:hover{background:#f4efe62e}.menu-btn:active{transform:scale(.96)}.menu-btn svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none;overflow:visible}.menu-btn path{transform-box:fill-box;transform-origin:center;transition:transform .3s var(--ease),opacity .2s ease}.menu-open .menu-btn .mb-1{transform:translateY(5px) rotate(45deg)}.menu-open .menu-btn .mb-2{opacity:0}.menu-open .menu-btn .mb-3{transform:translateY(-5px) rotate(-45deg)}.bar .btn{flex:none}.hero{position:relative;min-height:100svh;min-height:max(620px,100svh);display:flex;align-items:flex-end;overflow:hidden;background:#1c1a1f url(/landing/hero-poster.webp) center / cover no-repeat}.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 1.2s ease}.hero-live{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease}.hero.live .hero-live{opacity:1}.hero.live .hero-vid{opacity:0}.hero .cine-cut{position:absolute;inset:0;background:#07090c;opacity:0;pointer-events:none;transition:opacity .28s ease}.hero .cine-cut.down{opacity:1}.hero-live-note{position:absolute;right:var(--gutter);bottom:clamp(48px,9vh,96px);margin:0;display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;background:#0e1217b8;box-shadow:inset 0 0 0 1px #f4efe629,0 12px 32px -14px #0009;font-size:15px;font-weight:500;color:var(--cream);text-decoration:none;font-variant-numeric:tabular-nums;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .8s ease 1s,transform .8s var(--ease) 1s,visibility 0s 1.8s,background-color .15s}.hero-live-note .live-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:8px;background:#e2556329;color:#ff9aa4;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-live-note .dot{width:8px;height:8px;border-radius:50%;background:#e25563;box-shadow:0 0 0 3px #e255634d;animation:live-dot 1.6s ease-in-out infinite}.hero-live-note .ln-text{white-space:nowrap}.hero-live-note b{color:var(--ink);background:var(--gold);font-weight:600;padding:6px 11px;border-radius:8px}.hero-live-note:hover{background:#0e1217e6}.hero-live-note:hover b{background:#ffd35c}.hero.live .hero-live-note{opacity:1;visibility:visible;transform:none;transition:opacity .8s ease 1s,transform .8s var(--ease) 1s,visibility 0s 1s,background-color .15s}.hero-vid{opacity:0}.hero.vid-on .hero-vid{opacity:1}.hero:before{content:"";position:absolute;inset:0;background:url(/landing/hero-poster.webp) center / cover no-repeat;transform-origin:60% 55%}.hero.booting:before,.hero.live:before{animation:poster-drift 16s cubic-bezier(.16,1,.3,1) forwards}@keyframes poster-drift{0%{transform:scale(1)}to{transform:scale(1.07)}}.scroll-cue{position:absolute;left:50%;bottom:14px;translate:-50% 0;padding:10px 14px;border-radius:12px;color:var(--cream);opacity:.7;transition:opacity .2s}.scroll-cue:hover,.scroll-cue:focus-visible{opacity:1}.sc-track{position:relative;display:block;width:2px;height:34px;border-radius:2px;background:linear-gradient(180deg,#f4efe600,#f4efe680)}.sc-hoof{position:absolute;left:50%;top:0;width:8px;height:8px;margin-left:-4px;border-radius:50% 50% 40% 40%;background:var(--gold);animation:hoof 2.4s cubic-bezier(.16,1,.3,1) infinite}@keyframes hoof{0%{transform:translateY(0);opacity:0}15%{opacity:1}70%{transform:translateY(26px);opacity:1}to{transform:translateY(30px);opacity:0}}@keyframes live-dot{50%{box-shadow:0 0 0 6px #e2556300}}.hero-scrim{position:absolute;inset:0;background:linear-gradient(0deg,#1a1416,#1a1416db 6%,#0a0c1059 38%,#0a0c1000 62%),linear-gradient(90deg,#0a0c108c,#0a0c1000 55%)}.hero-copy{position:relative;width:100%;max-width:var(--wrap);margin-inline:auto;padding:0 var(--gutter) clamp(48px,9vh,96px)}.hero-icon{width:72px;height:72px;border-radius:20px;box-shadow:0 10px 30px -8px #0009;margin-bottom:18px}.hero h1{font-size:clamp(76px,12vw,176px);line-height:.86;text-shadow:0 8px 40px rgba(0,0,0,.35)}.hero h1 span{color:var(--gold);display:block}.hero-line{font:500 clamp(20px,2.1vw,26px)/1.35 var(--text);margin:clamp(22px,2.6vw,34px) 0 28px;max-width:30ch;text-shadow:0 2px 16px rgba(0,0,0,.5)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-facts{margin:22px 0 0;font-size:17px;color:#f4efe6e6;max-width:52ch}.ch{position:relative;padding-block:clamp(72px,9vw,120px);content-visibility:auto;contain-intrinsic-size:auto 1100px}.ch h2{font-size:clamp(44px,6.4vw,92px);margin-bottom:.4em}.ch-build{color:var(--soil);background:linear-gradient(180deg,#1a1416 0px,#6e3a2c 70px,#c9763f 150px,#eba45e 230px,var(--sky-noon) 420px,#f3bd6c 75%,var(--sky-gold) 100%);padding-top:clamp(250px,20vw,290px);padding-bottom:clamp(64px,8vw,104px)}.ch-gap{color:var(--soil);background:linear-gradient(180deg,var(--sky-gold) 0%,var(--sky-late) 100%);padding-top:clamp(48px,5vw,72px);padding-bottom:clamp(48px,6vw,80px)}.ch-dusk{background:linear-gradient(180deg,#2a1f40 0%,var(--sky-violet) 30%,#241d3c 62%,var(--sky-night) 100%);padding-top:clamp(40px,5vw,72px)}.ch-night{background:linear-gradient(180deg,var(--sky-night) 0%,#10151f 100%)}.ch-history{background:#10151f}.ch-faq{background:linear-gradient(180deg,#10151f 0%,var(--ink) 100%);padding-top:0}.ch-close{background:var(--ink);overflow:hidden}.intro p{font-size:clamp(18px,1.5vw,21px);color:var(--soil-2);max-width:58ch}.fine{font-size:16px;opacity:.85}.guide{margin-top:clamp(48px,6vw,80px)}.guide-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:20px}.guide-head h3{font:700 clamp(28px,3vw,38px)/1 var(--display);letter-spacing:-.015em;margin:0}.guide-hint{margin:0;font-size:16px;color:var(--soil-2)}.guide-body{display:grid;grid-template-columns:minmax(230px,290px) 1fr;gap:clamp(20px,3vw,40px);align-items:start}.guide-index{list-style:none;margin:0;padding:0;display:grid;gap:4px}.guide-index button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:var(--soil);font:500 17px/1.2 var(--text);text-align:left;cursor:pointer;transition:background-color .15s ease}.guide-index button em{font-style:normal;font-variant-numeric:tabular-nums;font-size:15px;color:var(--soil-2)}.guide-index button:hover{background:#fff4de73}.guide-index button[aria-selected=true]{background:var(--soil);color:var(--cream);box-shadow:0 10px 24px -12px #22170fb3}.guide-index button[aria-selected=true] kbd{background:var(--gold);color:var(--ink);border-color:var(--gold-deep)}.guide-index button[aria-selected=true] em{color:#f4efe6bf}.plate{margin:0;display:grid;grid-template-columns:1.35fr 1fr;background:#fff6e4;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px -24px #5a2d0a73,0 2px 6px #5a2d0a1f}.plate-img{position:relative;aspect-ratio:4 / 3;background:#c9d98f;overflow:hidden}.plate-img img{width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,filter .32s var(--ease)}.plate.swapping .plate-img img{opacity:0;filter:blur(6px)}.plate-3d{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;cursor:grab;touch-action:pan-y}.plate-3d.grabbing{cursor:grabbing}.plate-img.is-3d .plate-3d{opacity:1}.plate-img{background:linear-gradient(180deg,#f7d18a,#eab070 55%,#c98a52)}.plate-img.is-3d img{opacity:0}.plate-hint{position:absolute;left:14px;bottom:12px;z-index:1;font-size:14px;font-weight:600;color:#22170fd9;background:#fff6e4e0;padding:5px 12px;border-radius:999px;opacity:0;transition:opacity .4s ease .6s;pointer-events:none}.plate-img.is-3d .plate-hint{opacity:1}.plate .plate-cap{padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;color:var(--soil)}.plate h4{font:700 clamp(30px,3vw,42px)/1 var(--display);letter-spacing:-.015em;margin:0 0 18px}.stats{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 18px}.stats dt{font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#74553a}.stats dd{margin:2px 0 0;font:600 22px/1.1 var(--text);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:7px;white-space:nowrap}.stats dd .ics{width:1.15em;height:1.15em;color:var(--soil)}.gh-touch{display:none}.plate{touch-action:pan-y;transform-origin:50% 100%;will-change:auto}.plate.dragging{will-change:transform;user-select:none;-webkit-user-select:none}.guide-index.grab{cursor:grab}.guide-index.grabbing{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto}.guide-index.grabbing button{pointer-events:none}.plate .plate-cap p{font-size:17px;margin:0;color:var(--soil-2)}.guide-all{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.guide-note{margin:22px 0 0;font-size:16px;color:var(--soil-2);max-width:70ch}.guide-note a{color:var(--soil);font-weight:600;text-underline-offset:3px}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}.split-r{grid-template-columns:1fr 1.15fr}.split-copy h2{font-size:clamp(44px,4.8vw,72px)}.split-copy p{font-size:clamp(17px,1.35vw,19px)}.ch-gap .split-copy p{color:var(--soil)}.shot{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:0 30px 70px -30px #000000a6}.shot img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.ch-gap .shot{box-shadow:0 30px 70px -30px #6e280f8c}@media(min-width:1100px){.shot-bleed-l{margin-left:calc((var(--wrap) - 100vw) / 2 + var(--gutter) - 24px);border-radius:0 var(--r) var(--r) 0}.shot-bleed-r{margin-right:calc((var(--wrap) - 100vw) / 2 + var(--gutter) - 24px);border-radius:var(--r) 0 0 var(--r)}}@media(min-width:1440px){.shot-bleed-l,.shot-bleed-r{margin-inline:0;border-radius:var(--r)}}.shot.shot-wide{margin:clamp(48px,6vw,88px) auto 0;box-shadow:none;border-radius:0;overflow:visible}.shot-wide img{border-radius:var(--r);aspect-ratio:21 / 9;box-shadow:0 30px 70px -30px #000000b3}.hunters{margin:26px 0 22px;display:grid;gap:18px}.hunters dt{font:700 26px/1 var(--display);color:var(--gold);margin-bottom:6px}.hunters dd{margin:0;font-size:18px;max-width:54ch;color:#f4efe6e6}.hunters b,.fine b{color:var(--cream);font-weight:600}.treeline{position:relative;height:clamp(160px,16vw,230px);background:linear-gradient(180deg,var(--sky-late) 0%,#b0606a 40%,var(--sky-dusk) 72%,#5a3d68 100%);overflow:hidden}.pines{position:absolute;inset:auto 0 0;width:100%;height:100%;overflow:visible}.pines .p-back{fill:#4a3560}.pines .p-front{fill:#2a1f40}.eyes i{position:absolute;left:var(--x);top:var(--y);width:26px;height:8px;transform:translate(calc(-50% + var(--gx, 0px)),-50%);transition:transform .6s var(--ease),opacity .9s ease}.eyes i.gone{opacity:0;transition:transform .6s var(--ease),opacity .45s ease}.eyes i:before,.eyes i:after{content:"";position:absolute;top:0;width:8px;height:6px;border-radius:50% 50% 45% 45%;background:#ffd23a;box-shadow:0 0 8px 2px #ffc4288c;transform:scaleY(.08);opacity:0}.eyes i:before{left:0;transform-origin:center;rotate:12deg}.eyes i:after{right:0;rotate:-12deg}.treeline.awake .eyes i:before,.treeline.awake .eyes i:after{animation:eye-open .9s var(--ease) var(--d) forwards}.treeline.awake .eyes i.blink:before,.treeline.awake .eyes i.blink:after{opacity:1;transform:scaleY(1);animation:eye-blink .24s ease-in-out}@keyframes eye-open{0%{opacity:0;transform:scaleY(.08)}35%{opacity:1;transform:scaleY(.12)}to{opacity:1;transform:scaleY(1)}}@keyframes eye-blink{0%,to{transform:scaleY(1)}45%{transform:scaleY(.08)}}.ch-night .split{align-items:start;position:relative;z-index:1}.fireflies{position:absolute;inset:0;overflow:hidden;pointer-events:none}.fireflies span{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#fff3b8;box-shadow:0 0 8px 3px #ffe678f2,0 0 30px 13px #ffc43c61;opacity:0;animation:firefly var(--t) ease-in-out var(--d) infinite}@keyframes firefly{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:.9}45%{opacity:.25}60%{opacity:.85}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}.ch-night .split-copy p{color:#f4efe6e0}.ch-night .shot{box-shadow:0 30px 80px -30px #f6aa3c47,0 20px 60px -30px #000c}.history h2{margin-bottom:.6em}.history-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}.history .lede{font:500 clamp(20px,1.8vw,24px)/1.5 var(--text);color:var(--cream)}.history p{color:#f4efe6db;font-size:18px}.history a{color:var(--cream)}.faq details{max-width:860px}.faq h2{margin-bottom:.5em}.faq details{border-bottom:1px solid rgba(244,239,230,.12)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;font:600 clamp(18px,1.6vw,21px)/1.3 var(--text)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);rotate:45deg;translate:0 -3px;transition:rotate .25s var(--ease),translate .25s var(--ease)}.faq details[open] summary:after{rotate:-135deg;translate:0 3px}.faq summary:hover{color:#fff}.faq details p{color:#f4efe6cc;font-size:17px;padding:0 4px 22px;margin:0}.ch-close{padding-block:clamp(120px,16vw,220px);text-align:center}.close-bg{position:absolute;inset:0}.close-bg img{width:100%;height:100%;object-fit:cover;opacity:.75}.close-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#0e121773,#0e1217b3 75%),linear-gradient(180deg,var(--ink) 0%,rgba(14,18,23,0) 30%,rgba(14,18,23,0) 70%,var(--ink) 100%)}.close-splat{position:absolute;left:0;right:0;bottom:0;height:50%;z-index:1;opacity:0;pointer-events:none;transition:opacity 1.4s var(--ease);touch-action:pan-y;cursor:grab}.ch-close.splat-on .close-splat{pointer-events:auto}.close-splat.grabbing{cursor:grabbing}.splat-hint{position:absolute;left:50%;bottom:clamp(14px,3vw,28px);translate:-50% 0;z-index:1;padding:6px 13px;border-radius:999px;background:#f4efe61f;color:#f4efe6d9;font:600 14px/1.2 var(--text);opacity:0;transition:opacity .5s ease 1.2s;pointer-events:none}.ch-close.splat-on .splat-hint{opacity:1}.ch-close.splat-touched .splat-hint{opacity:0;transition-delay:0s}.close-splat canvas{display:block;width:100%;height:100%}.ch-close.splat-on .close-splat{opacity:1}.ch-close .close-bg img{transition:opacity 1.4s ease}.ch-close.splat-on .close-bg img{opacity:.3}@media(min-width:1024px)and (pointer:fine){.ch-close{padding-bottom:clamp(300px,27vw,420px)}}@media(max-width:1023px),(pointer:coarse){.ch-close{padding-bottom:clamp(240px,62vw,380px)}}.close{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:36px}.close h2{margin:0;max-width:14ch}.foot{background:var(--ink);border-top:1px solid rgba(244,239,230,.08);padding-block:40px calc(40px + env(safe-area-inset-bottom,0px));font-size:15px}.foot-in{display:grid;grid-template-columns:1fr auto;gap:14px 32px;align-items:center}.made{margin:0;font-weight:500}.made a{text-decoration:underline;text-decoration-color:#f4efe666}.made a:hover{text-decoration-color:var(--gold)}.heart{display:inline-block;color:#e25563;animation:heartbeat 2.4s ease-in-out infinite;transform-origin:center}@keyframes heart-glow{0%,40%,to{opacity:.55}8%,24%{opacity:1}}@keyframes heartbeat{0%,40%,to{transform:scale(1)}8%{transform:scale(1.18)}16%{transform:scale(1)}24%{transform:scale(1.12)}}.foot-links{display:flex;gap:22px}.foot-links a{text-decoration:none;opacity:.75}.foot-links a:hover{opacity:1;text-decoration:underline}.legal{grid-column:1 / -1;margin:0;font-size:14px;color:#f4efe69e;max-width:none}.trailer{width:min(1100px,94vw);padding:0;border:0;border-radius:18px;background:#000;color:var(--cream);overflow:visible;box-shadow:0 40px 120px #000000b3}.trailer::backdrop{background:#080a0ee6}.trailer video{width:100%;aspect-ratio:1280 / 672;border-radius:18px;background:#000}.trailer-x{position:absolute;top:-52px;right:0;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:12px;background:#f4efe61f;cursor:pointer}.trailer-x:hover{background:#f4efe638}.trailer-x svg{width:18px;height:18px;stroke:var(--cream);stroke-width:2;stroke-linecap:round;fill:none}.trailer[open]{animation:dlg-in .4s var(--ease)}@keyframes dlg-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@media(pointer:coarse){.gh-keys{display:none}.gh-touch{display:block}}@media(max-width:900px){.bar{gap:10px}.bar .menu-btn{display:grid;margin-left:auto}.bar .sound-btn{margin-left:auto}.bar .sound-btn+.menu-btn{margin-left:0}.bar nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:0;margin:0;padding:6px var(--gutter) 18px;background:#0e1217f7;box-shadow:0 24px 40px -20px #000000b3;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .35s var(--ease),visibility 0s linear .35s}.bar.menu-open{background:#0e1217f7}.bar.menu-open nav{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .35s var(--ease),visibility 0s}.bar nav a{padding:14px 0;font-size:19px;font-weight:600;border-bottom:1px solid rgba(244,239,230,.08)}.bar nav a:last-child{border-bottom:0}.guide-body{grid-template-columns:1fr}.guide-index{display:flex;overflow-x:auto;gap:6px;padding-bottom:6px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.guide-index::-webkit-scrollbar{display:none}.guide-index li{flex:none;scroll-snap-align:start}.guide-index button{grid-template-columns:auto auto;background:#fff4de80}.guide-index button em,.gh-keys{display:none}.guide-index{--fl: 0px;--fr: 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent)}.guide-index.at-start{--fl: 0px}.guide-index:not(.at-start){--fl: 28px}.guide-index.at-end{--fr: 0px}.plate,.split,.split-r{grid-template-columns:1fr}.split-r .shot{order:-1}.history-cols,.foot-in{grid-template-columns:1fr}}@media(max-width:520px){body{font-size:17px}.hero-actions .btn{flex:1 1 100%}.stats{gap:10px 18px}.stats dd{font-size:19px}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.treeline{view-timeline-name:--tree}.ch-close{view-timeline-name:--close}.pines .p-back,.treeline .eyes{animation:depth-far linear both;animation-timeline:--tree}.pines .p-front{animation:depth-near linear both;animation-timeline:--tree}.close-bg img{animation:push-in linear both;animation-timeline:--close;animation-range:entry 0% cover 60%}}}@keyframes depth-far{0%{transform:translateY(14px)}to{transform:translateY(-4px)}}@keyframes depth-near{0%{transform:translateY(30px)}to{transform:translateY(0)}}@keyframes push-in{0%{scale:1.12}to{scale:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heart{animation:heart-glow 2.4s ease-in-out infinite}.brand-mark,.btn .ic-sheep,.hero-live-note .dot,.sc-hoof,.hero:before{animation:none!important}.treeline .eyes i:before,.treeline .eyes i:after{animation:none!important;opacity:1;transform:scaleY(1)}.plate-img img{transition:none}.trailer[open]{animation:none}.fireflies{display:none}.bar nav,.menu-btn path{transition:none!important}.sound-btn .sw{animation:none!important}}@media(max-width:1200px){.hero-live-note .ln-sheep{display:none}}@media(max-width:1040px){.hero-live-note .ln-text{display:none}}
