@font-face{font-family:Otherworld Display;src:url("assets/bodoni-moda-bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Otherworld Script;src:url("assets/great-vibes.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box} :root{--cream:#fff9e8;--yellow:#ffd243;--p:0;--cow-y:0px;--ufo-scale:1;--ufo-y:0px;--beam:0;--heading:1;--ending:0;--cow-opacity:1;--shadow:0.35}
html{scroll-behavior:smooth}body{margin:0;background:#2189ac;color:var(--cream);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:7px}button{border:0}a{color:inherit;text-decoration:none}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#12352a;padding:15px}.skip:focus{top:15px}.journey{height:420svh;position:relative}.scene{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#248bad}.landscape{position:absolute;inset:0;background:url('assets/meadow.png') center center/cover no-repeat;z-index:-2}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(16,47,18,.23),transparent 14%);z-index:10}.header{position:absolute;left:2.5%;right:2.5%;top:2.7%;display:flex;justify-content:space-between;align-items:center;z-index:30}.brand{font-family:Didot,"Bodoni MT","Times New Roman",serif;font-size:clamp(10px,1vw,15px);font-weight:bold;letter-spacing:.33em}.menu-toggle{background:transparent;font-family:Georgia,serif;font-size:12px;letter-spacing:.3em;min-height:44px;padding:0 0 0 18px}.menu-toggle span{margin-left:9px}.headline{position:absolute;top:22%;left:50%;transform:translate(-50%,calc(var(--p) * -90px));text-align:center;width:57%;opacity:var(--heading);z-index:1;pointer-events:none}h1{font-family:"Otherworld Display",Didot,serif;font-weight:700;letter-spacing:-.075em;font-size:clamp(85px,11.8vw,220px);line-height:.84;margin:0}h1>span{display:block}.script{position:relative;z-index:2;font-family:"Otherworld Script",cursive;color:var(--yellow);font-size:clamp(48px,7.9vw,140px);font-weight:400;line-height:.8;margin:0 0 5px;transform:rotate(-5deg);letter-spacing:-.055em}.cow-wrap{position:absolute;left:50%;top:51.5%;width:19.4%;height:27%;transform:translate(-50%,var(--cow-y)) rotate(calc(var(--lift,0) * -5deg)) scale(calc(1 - var(--lift,0) * .72));z-index:5;opacity:var(--cow-opacity);transform-origin:50% 0%;will-change:transform}.cow{width:100%;height:100%;object-fit:contain;display:block}.ufo-wrap{position:absolute;left:50%;top:3.5%;width:27%;height:13%;z-index:8;transform:translate(-50%,var(--ufo-y)) scale(var(--ufo-scale));transform-origin:50% 50%;will-change:transform}.ufo{width:100%;height:100%;object-fit:contain;display:block}.beam{position:absolute;top:17%;bottom:22%;left:50%;width:34%;transform:translateX(-50%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,249,177,.78),rgba(255,255,200,.06));mix-blend-mode:screen;opacity:var(--beam);z-index:3;filter:blur(6px);pointer-events:none}.cow-shadow{position:absolute;left:50%;top:76%;width:16%;height:2%;transform:translateX(-50%) scale(var(--shadow-scale,1));background:#173b14;border-radius:50%;filter:blur(8px);opacity:var(--shadow);z-index:0}.scene-footer{position:absolute;left:2.5%;right:2.5%;bottom:3%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;z-index:20}.signature,.chapter,.eyebrow{font-size:10px;letter-spacing:.25em;line-height:1.8;margin:0}.signature{font-family:Georgia,serif;font-weight:600}.chapter{text-align:right;font-size:9px}.scroll-cue{padding:14px 10px;background:transparent;font-size:10px;font-weight:600;letter-spacing:.25em}.scroll-cue span{font-size:20px;display:inline-block;margin-left:8px;vertical-align:middle}.progress{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:21;background:rgba(255,255,255,.15)}.progress span{display:block;width:calc(var(--p) * 100%);height:100%;background:var(--yellow)}.ending{position:absolute;inset:24% 10% auto;text-align:center;z-index:9;opacity:var(--ending);visibility:hidden;transform:translateY(calc((1 - var(--ending)) * 20px));pointer-events:none}.ending.visible{visibility:visible;pointer-events:auto}.ending h2{font-family:Didot,Georgia,serif;font-size:clamp(70px,10vw,180px);line-height:.85;letter-spacing:-.06em;font-weight:400;margin:24px 0 34px}.ending em{font-family:"Snell Roundhand",cursive;font-weight:400;color:var(--yellow)}.replay,.start-story{background:var(--cream);color:#174e3e;padding:17px 23px;font-size:10px;letter-spacing:.2em}.replay:hover,.start-story:hover{background:var(--yellow)}.dust{position:absolute;inset:20% 36% 22%;z-index:4;opacity:var(--beam);pointer-events:none}.dust i{position:absolute;left:20%;top:75%;width:4px;height:8px;border-radius:50%;background:#fff3a3;box-shadow:0 0 10px #fff9a8;transform:translateY(calc(var(--lift,0) * -180px)) rotate(25deg)}.dust i:nth-child(2){left:75%;top:67%}.dust i:nth-child(3){left:35%;top:30%;width:2px}.dust i:nth-child(4){left:65%;top:42%}.dust i:nth-child(5){left:42%;top:89%}.dust i:nth-child(6){left:80%;top:93%;width:2px}.dust i:nth-child(7){left:55%;top:15%}.dust i:nth-child(8){left:12%;top:54%}.menu{width:min(620px,92vw);max-height:90svh;background:#f7f2dc;color:#174e3e;border:0;padding:70px 50px 45px;text-align:center;box-shadow:0 20px 100px #10352c50}.menu::backdrop{background:#143d3b88;backdrop-filter:blur(10px)}.close-menu{position:absolute;right:20px;top:15px;background:transparent;font-size:10px;letter-spacing:.15em;min-height:44px}.menu h2{font-family:Didot,Georgia,serif;font-size:clamp(40px,7vw,65px);font-weight:400;letter-spacing:-.05em;line-height:.95;margin:30px 0}.menu>p:not(.eyebrow){line-height:1.8;font-size:14px}.menu .start-story{background:#174e3e;color:var(--cream);margin:20px 0 30px}.menu small{display:block;font-size:8px;letter-spacing:.2em}
@media(max-aspect-ratio:1/1){.landscape{background-size:auto 100%;background-position:center}.header{left:6%;right:6%;top:2%}.brand{font-size:9px;letter-spacing:.2em}.headline{top:26%;width:92%}h1{font-size:21vw;line-height:.9}.script{font-size:15vw;margin-bottom:8px}.ufo-wrap{top:10%;width:57%;height:12%}.cow-wrap{top:52%;width:40%;height:26%}.cow-shadow{width:30%;top:76%}.beam{top:22%;width:65%;bottom:23%}.scene-footer{left:6%;right:6%;bottom:3%;grid-template-columns:1fr auto}.signature{font-size:8px;max-width:125px;letter-spacing:.14em}.chapter{display:none}.scroll-cue{font-size:8px;letter-spacing:.15em;padding-right:0}.ending{inset:30% 5% auto}.ending h2{font-size:23vw}.ending .eyebrow{font-size:8px}.dust{inset:26% 20% 22%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:160svh}.cow-wrap,.ufo-wrap,.headline,.ending{will-change:auto}.dust{display:none}}

.ornate-o{position:relative;display:inline-block;font-style:italic;font-weight:700;transform:rotate(-13deg);margin-inline:-.025em .005em}
.ornate-o:before{content:"";position:absolute;left:7%;top:49%;width:88%;height:.014em;background:currentColor;transform:rotate(-35deg);transform-origin:center;pointer-events:none}
.ornate-o:after{content:"";position:absolute;left:50%;top:85%;width:.83em;height:.25em;border-bottom:.018em solid currentColor;border-right:.014em solid currentColor;border-radius:0 0 75% 50%;transform:rotate(20deg);pointer-events:none}
.script:before{content:"";position:absolute;width:1.05em;height:.36em;border-top:1.5px solid currentColor;border-radius:50%;left:8%;top:12%;transform:rotate(-17deg)}
.ending h2,.menu h2{font-family:"Otherworld Display",Didot,serif;font-weight:700}.ending em{font-family:"Otherworld Script",cursive}

.headline .script{margin-bottom:-.12em;line-height:.72}.script:before{display:none}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.headline-art{top:16%;width:min(46vw,800px)}.headline-art>img{display:block;width:100%;height:auto}@media(max-aspect-ratio:1/1){.headline-art{top:25%;width:94%}}

/* Only the jaw and tail animate inside the registered sprite canvas. */
.cow-animation{animation:none!important;transform:none!important;scale:1!important;rotate:0deg!important;translate:0 0!important;object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 2px 1px #183b1715)}
.cow-wrap{pointer-events:none}