:root{--story-panel-height: 52vh;--sky-top: #6bb9f5;--sky-middle: #b6e3ff;--sky-bottom: #f3fbff;--sky-haze: rgba(255, 255, 255, .35);--sun: #ffe083;--sun-core: #fff8c7;--sun-glow-soft: rgba(255, 224, 131, .2);--sun-glow: rgba(255, 219, 109, .55);--sun-left: 50vw;--sun-top: 20vh;--sun-opacity: 1;--text: #143047;--card: rgba(252, 255, 255, .78);--card-border: rgba(255, 255, 255, .55);--hill-back: #73b77a;--hill-mid: #4f965c;--hill-front: #2f6d3f;--ground: #1f4c2b;--shadow: rgba(11, 28, 43, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Trebuchet MS,Gill Sans,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-middle) 48%,var(--sky-bottom) 100%)}.site-footer{position:fixed;right:0;bottom:0;left:0;z-index:8;height:28px;display:flex;align-items:center;justify-content:center;padding:0 .75rem;background:#111e362e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.22);color:#ffffffd1;pointer-events:none}.site-footer p{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.experience{position:relative}.scene{position:sticky;top:0;height:100vh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 18% 18%,var(--sky-haze),transparent 18%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-middle) 50%,var(--sky-bottom) 100%)}.scene__sky{position:absolute;inset:0;overflow:hidden}.sun{position:absolute;top:var(--sun-top);left:var(--sun-left);width:11rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--sun-core) 0%,var(--sun) 52%,var(--sun-glow-soft) 72%,transparent 74%);filter:drop-shadow(0 0 26px var(--sun-glow));opacity:var(--sun-opacity);transform:translate(-50%,-50%);transition:top .9s linear,left .9s linear,opacity .9s linear,filter .9s linear,background .9s linear}.cloud-band,.parallax-track{position:absolute;left:0;width:200vw;display:flex;will-change:transform}.cloud-band--far{top:14vh;height:7rem;opacity:.68;animation:layer-loop 14s linear infinite}.cloud-band--mid{top:26vh;height:6.2rem;opacity:.78;animation:layer-loop 10s linear infinite}.cloud-band--near{top:38vh;height:5.6rem;opacity:.85;animation:layer-loop 7s linear infinite}.cloud-tile,.parallax-tile{min-width:100vw;height:100%;position:relative;overflow:visible}.cloud-form{position:absolute;bottom:0;height:var(--cloud-height);width:var(--cloud-width);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#ffffffe0 72%,#f5fbffc7);box-shadow:inset .9rem .7rem 1.4rem #ffffff59,inset -1.2rem -.8rem 1.8rem #bdd6e847;filter:drop-shadow(0 .35rem .6rem rgba(144,181,207,.18))}.cloud-form:before,.cloud-form:after{content:"";position:absolute;bottom:30%;width:calc(var(--cloud-height) * 1.1);height:calc(var(--cloud-height) * 1.1);border-radius:50%;background:inherit;box-shadow:inherit}.cloud-form:before{left:14%}.cloud-form:after{right:12%;width:calc(var(--cloud-height) * 1.28);height:calc(var(--cloud-height) * 1.28);bottom:24%}.cloud-form--tall:before{width:calc(var(--cloud-height) * 1.35);height:calc(var(--cloud-height) * 1.35);left:18%;bottom:36%}.cloud-form--tall:after{width:calc(var(--cloud-height) * 1.05);height:calc(var(--cloud-height) * 1.05);right:18%;bottom:30%}.cloud-form--wide:before{left:9%;bottom:28%}.cloud-form--wide:after{right:8%;bottom:20%}.cloud-form--compact:before{width:calc(var(--cloud-height) * .95);height:calc(var(--cloud-height) * .95);left:22%;bottom:22%}.cloud-form--compact:after{width:calc(var(--cloud-height) * .88);height:calc(var(--cloud-height) * .88);right:22%;bottom:26%}.cloud-form--far-a{--cloud-width: 9rem;--cloud-height: 2.2rem;left:8vw;bottom:.6rem}.cloud-form--far-b{--cloud-width: 13rem;--cloud-height: 2.7rem;left:31vw;bottom:1.1rem}.cloud-form--far-c{--cloud-width: 7.2rem;--cloud-height: 1.8rem;left:60vw;bottom:.2rem}.cloud-form--far-d{--cloud-width: 11rem;--cloud-height: 2.4rem;left:79vw;bottom:1.3rem}.cloud-form--mid-a{--cloud-width: 8rem;--cloud-height: 2.1rem;left:4vw;bottom:.1rem}.cloud-form--mid-b{--cloud-width: 14rem;--cloud-height: 3.1rem;left:23vw;bottom:.9rem}.cloud-form--mid-c{--cloud-width: 10rem;--cloud-height: 2.5rem;left:55vw;bottom:1.4rem}.cloud-form--mid-d{--cloud-width: 6.4rem;--cloud-height: 1.7rem;left:81vw;bottom:.5rem}.cloud-form--near-a{--cloud-width: 11rem;--cloud-height: 2.8rem;left:14vw;bottom:.4rem}.cloud-form--near-b{--cloud-width: 7rem;--cloud-height: 1.9rem;left:40vw;bottom:1.6rem}.cloud-form--near-c{--cloud-width: 15rem;--cloud-height: 3.4rem;left:57vw;bottom:.1rem}.cloud-form--near-d{--cloud-width: 8.4rem;--cloud-height: 2.2rem;left:86vw;bottom:1rem}.story{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:minmax(0,20rem) minmax(0,27rem);grid-template-rows:var(--story-panel-height);justify-content:space-between;align-content:start;gap:1.25rem;padding:13vh clamp(1rem,4vw,4rem) 0;pointer-events:none}.story__hero{grid-column:1;grid-row:1;align-self:start;padding:1.6rem 1.8rem;border:1px solid rgba(255,255,255,.4);border-radius:1.75rem;background:linear-gradient(180deg,#ffffff61,#ffffff1f);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 40px var(--shadow);display:flex;flex-direction:column;gap:1rem}.eyebrow{margin:0;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:#143047b8}.story__hero p{margin:0;max-width:32rem;font-size:1.05rem;line-height:1.55}.panels{grid-column:2;grid-row:1;align-self:start;position:relative;width:100%;height:var(--story-panel-height)}.story__panel{position:absolute;inset:0 auto auto 0;width:100%;padding:1.6rem;border:1px solid var(--card-border);border-radius:1.5rem;background:var(--card);box-shadow:0 22px 50px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(3rem) scale(.96);transition:opacity .28s ease,transform .36s ease}.story__panel.is-active{opacity:1;transform:translateY(0) scale(1)}.story__panel p{margin:0;line-height:1.6;font-size:1rem}.story__panel p+p{margin-top:.95rem}.story__panel strong{display:inline-block;margin-bottom:.45rem;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#143047b8}.debug-panel{position:absolute;left:clamp(1rem,4vw,4rem);bottom:18vh;width:min(22rem,calc(100vw - 2rem));padding:1rem 1.05rem;border:1px solid rgba(255,255,255,.42);border-radius:1.25rem;background:#f6fbffb8;box-shadow:0 14px 28px #0b1c2b24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.debug-panel__title{margin:0 0 .2rem;font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#143047b3}.debug-panel__status{margin:0 0 .8rem;font-size:.95rem;line-height:1.4}.debug-panel__controls{display:grid;gap:.7rem}.debug-panel__toggle,.debug-panel__time{display:flex;align-items:center;gap:.7rem;font-size:.95rem}.debug-panel__toggle input{margin:0}.debug-panel__time input{flex:1;min-width:0;padding:.55rem .7rem;border:1px solid rgba(20,48,71,.16);border-radius:.8rem;background:#ffffffe0;color:var(--text);font:inherit}.debug-panel__time input:disabled{opacity:.58}.scene__land{position:absolute;inset:auto 0 0;height:50vh;z-index:2;overflow:hidden}.parallax-track--back{bottom:13vh;height:31vh;animation:layer-loop 9s linear infinite}.parallax-track--mid{bottom:10vh;height:28vh;animation:layer-loop 6s linear infinite}.parallax-track--front{bottom:7vh;height:24vh;animation:layer-loop 4.2s linear infinite}.parallax-track--ground{bottom:0;height:14vh;animation:layer-loop 3.1s linear infinite}.parallax-track--flowers{bottom:7.4vh;height:2.4rem;animation:layer-loop 2.1s linear infinite}.hill-form{position:absolute;bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,var(--hill-light) 0%,var(--hill-base) 56%,var(--hill-dark) 100%);box-shadow:inset 1.2rem 1.2rem 2rem #ffffff1f,inset -2.2rem -1.2rem 2.6rem #0c2c142e}.hill-form:before,.hill-form:after{content:"";position:absolute;border-radius:inherit;pointer-events:none}.hill-form:before{inset:10% 22% 30% 10%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.2) 0 30%,transparent 31%);opacity:.75}.hill-form:after{inset:18% 6% 0 38%;background:linear-gradient(180deg,#0b2d1300,#0b2d1338);opacity:.9}.hill-form--back{--hill-light: #97da9d;--hill-base: #7fc685;--hill-dark: var(--hill-back)}.hill-form--mid{--hill-light: #69b775;--hill-base: #5aa565;--hill-dark: var(--hill-mid)}.hill-form--front{--hill-light: #4b8c5a;--hill-base: #3a7b49;--hill-dark: var(--hill-front)}.hill-form--back-a{left:-10vw;width:42vw;height:16vh}.hill-form--back-b{left:16vw;width:54vw;height:22vh}.hill-form--back-c{left:52vw;width:50vw;height:18vh}.hill-form--back-d{left:82vw;width:38vw;height:14vh}.hill-form--mid-a{left:-12vw;width:40vw;height:16vh}.hill-form--mid-b{left:12vw;width:48vw;height:24vh}.hill-form--mid-c{left:46vw;width:42vw;height:18vh}.hill-form--mid-d{left:74vw;width:34vw;height:15vh}.hill-form--front-a{left:-8vw;width:38vw;height:15vh}.hill-form--front-b{left:10vw;width:54vw;height:26vh}.hill-form--front-c{left:44vw;width:44vw;height:20vh}.hill-form--front-d{left:72vw;width:34vw;height:14vh}.parallax-tile--ground{background:linear-gradient(180deg,#2f6d3f 0%,var(--ground) 100%)}.parallax-tile--flowers{background-image:radial-gradient(circle,rgba(255,243,184,.75) 0 .15rem,transparent .18rem),radial-gradient(circle,rgba(255,196,196,.75) 0 .14rem,transparent .18rem),radial-gradient(circle,rgba(255,255,255,.78) 0 .12rem,transparent .16rem);background-size:7rem 2rem,9rem 2rem,5rem 2rem;background-position:0 0,2rem .2rem,4rem .4rem;opacity:.65}.cow-track{position:absolute;left:50%;bottom:7.4vh;width:10rem;height:8rem;z-index:5;overflow:visible;transform:translate(-50%)}.cow{position:absolute;left:50%;bottom:0;width:8.8rem;height:5.2rem;transform:translate(-50%);animation:cow-bob .9s ease-in-out infinite alternate;will-change:transform}.cow__body{position:absolute;left:1.2rem;bottom:1.2rem;width:4.7rem;height:2.5rem;border-radius:1.2rem 1.3rem 1rem 1rem;background:#f8f3ea;border:.16rem solid #21311f}.cow__body:before,.cow__body:after{content:"";position:absolute;background:#3a2b25;border-radius:50%}.cow__body:before{width:1.2rem;height:.9rem;left:.8rem;top:.55rem;transform:rotate(-18deg)}.cow__body:after{width:1.5rem;height:1rem;right:.7rem;top:1rem;transform:rotate(15deg)}.cow__head{position:absolute;right:.7rem;bottom:2.3rem;width:2.1rem;height:1.6rem;border:.16rem solid #21311f;border-radius:.9rem;background:#f8f3ea}.cow__muzzle{position:absolute;right:-.1rem;bottom:-.15rem;width:1.4rem;height:.82rem;border:.16rem solid #21311f;border-radius:.7rem;background:#f5b7c2}.cow__ear,.cow__horn{position:absolute;top:-.38rem;width:.55rem;height:.55rem;border:.14rem solid #21311f;border-radius:.25rem}.cow__ear{background:#f6d3da}.cow__ear--left{left:.15rem;transform:rotate(-18deg)}.cow__ear--right{right:.55rem;transform:rotate(20deg)}.cow__horn{background:#f2e4b7}.cow__horn--left{left:.35rem}.cow__horn--right{right:.85rem}.cow__eye{position:absolute;top:.52rem;width:.18rem;height:.18rem;border-radius:50%;background:#21311f}.cow__eye--left{left:.7rem}.cow__eye--right{right:.75rem}.cow__leg{position:absolute;bottom:0;width:.22rem;height:1.6rem;border-radius:.2rem;background:#21311f;transform-origin:top center;animation:leg-step .5s ease-in-out infinite alternate}.cow__leg--one{left:2rem}.cow__leg--two{left:3rem;animation-delay:.25s}.cow__leg--three{left:4.6rem;animation-delay:.12s}.cow__leg--four{left:5.55rem;animation-delay:.36s}.cow__tail{position:absolute;left:1rem;bottom:3.15rem;width:1rem;height:.2rem;border-radius:999px;background:#21311f;transform-origin:left center;animation:tail-swing .9s ease-in-out infinite alternate}.cow__tail:after{content:"";position:absolute;right:-.15rem;top:-.12rem;width:.35rem;height:.35rem;border-radius:50%;background:#21311f}.cow__shadow{position:absolute;left:1.5rem;bottom:.45rem;width:4.7rem;height:.75rem;border-radius:50%;background:#0d25122e;filter:blur(2px)}.scroll-steps{position:relative;z-index:1}.scroll-step{height:100vh}.scroll-step:before{content:"";position:sticky;top:0;display:block;height:1px}@keyframes layer-loop{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes cow-bob{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-.2rem)}}@keyframes leg-step{0%{transform:rotate(9deg)}to{transform:rotate(-10deg)}}@keyframes tail-swing{0%{transform:rotate(-18deg)}to{transform:rotate(12deg)}}@media(max-width:900px){.story{grid-template-columns:1fr;grid-template-rows:auto auto;gap:.9rem;padding:7vh .75rem 0}.story__hero{grid-column:auto;grid-row:auto;height:auto;padding:1.25rem}.panels{grid-column:auto;grid-row:auto;height:40vh}.debug-panel{bottom:8vh;width:min(24rem,calc(100vw - 1.5rem));padding:.9rem}.story__panel{padding:1.15rem}.sun{width:8rem;right:4vw}.parallax-track--back{height:24vh;bottom:15vh}.parallax-track--mid{height:22vh;bottom:12vh}.parallax-track--front{height:18vh;bottom:9vh}}@media(max-width:640px){body{font-size:15px}.story__hero p,.story__panel p{font-size:.95rem}.debug-panel{left:.75rem;right:.75rem;width:auto;bottom:calc(7.5vh + 28px)}.debug-panel__toggle,.debug-panel__time{font-size:.9rem}.cow-track{bottom:calc(6.8vh + 14px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story__panel,.sun{transition:none}.sun,.cloud-band,.parallax-track,.cow,.cow__leg,.cow__tail{animation-duration:.01ms;animation-iteration-count:1}}