:root{--ink:#20244d;--ink-soft:#454b75;--paper:#f6f1df;--milk:#fffdf4;--red:#d84f46;--red-dark:#a83739;--peach:#f3a888;--lilac:#9b8dbf;--night:#1b2049;--sun:#ffd58d;--mono:'Chivo Mono',monospace;--display:'Outfit',sans-serif;--hand:'Caveat',cursive;--dawn:0;--round:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--red) var(--night)}body{margin:0;color:var(--ink);font-family:var(--display);background:#b7a6c6;overflow-x:hidden}button,a{font:inherit}.skip-link{position:fixed;z-index:100;left:1rem;top:-100px;background:var(--milk);color:var(--ink);padding:.8rem 1rem;border:2px solid var(--red)}.skip-link:focus{top:1rem}.dawn-field{position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,#171c47 0%,#34345f 18%,#7d6b9e 40%,#c58f9f 63%,#f2aa8d 82%,#ffd7a7 100%);filter:saturate(calc(.88 + var(--dawn)*.32)) brightness(calc(.9 + var(--dawn)*.12))}.dawn-field:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% calc(78% - var(--dawn)*38%),rgba(255,224,154,.82),transparent 9%),linear-gradient(180deg,transparent,rgba(246,178,137,.12))}.grain{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{height:86px;position:absolute;z-index:20;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.2rem,4vw,4.5rem);color:var(--milk);border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:flex;align-items:center;gap:.8rem;color:inherit;text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:.86rem}.brand small{display:block;font:500 .5rem/1.2 var(--mono);letter-spacing:.16em;opacity:.7}.brand-mark{position:relative;width:27px;height:36px;border:2px solid currentColor;border-radius:4px 4px 7px 7px}.brand-mark:before{content:"";position:absolute;left:5px;right:5px;top:-6px;height:5px;border:2px solid currentColor}.brand-mark i:first-child{position:absolute;left:4px;right:4px;top:13px;border-top:2px solid var(--red)}.brand-mark i:last-child{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--red);left:9px;top:18px}.site-header nav{display:flex;gap:2.2rem}.site-header nav a{color:inherit;text-decoration:none;font:500 .65rem var(--mono);letter-spacing:.08em;text-transform:uppercase;position:relative}.site-header nav a:after{content:"";position:absolute;height:2px;background:var(--peach);left:0;right:100%;bottom:-8px;transition:right .25s}.site-header nav a:hover:after{right:0}.sound-switch{justify-self:end;min-height:44px;display:flex;align-items:center;gap:.7rem;color:inherit;background:rgba(18,21,52,.2);border:1px solid rgba(255,255,255,.35);border-radius:30px;padding:.45rem .8rem;cursor:pointer}.sound-label{font:500 .55rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.sound-label b{color:#f6ac8b}.sound-icon{width:20px;height:18px;display:flex;align-items:center;justify-content:center;gap:2px}.sound-icon i{width:2px;height:6px;background:currentColor;animation:signal .9s infinite alternate paused}.sound-icon i:nth-child(2){height:13px;animation-delay:-.3s}.sound-icon i:nth-child(3){height:9px;animation-delay:-.6s}.sound-switch[aria-pressed=true] .sound-icon i{animation-play-state:running}.sound-switch[aria-pressed=true] .sound-label b{color:#fff1bd}
.hero{min-height:100svh;color:var(--milk);padding:clamp(8rem,16vh,11rem) clamp(1.2rem,7vw,7rem) 3rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 75% 42%,rgba(236,178,181,.16),transparent 30%),linear-gradient(100deg,rgba(14,17,49,.42),transparent 60%)}.hero-copy{align-self:center;max-width:860px}.eyebrow,.section-kicker{font:600 .66rem var(--mono);letter-spacing:.16em}.eyebrow{color:#e2b4b0;margin:0 0 1.8rem}.hero h1{font-size:clamp(4.3rem,8.8vw,9rem);line-height:.76;letter-spacing:-.065em;margin:0;font-weight:300}.hero h1 em{font-family:var(--hand);font-size:1.02em;font-weight:500;color:#ffd4bc;letter-spacing:-.035em}.hero-intro{max-width:590px;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.65;color:#e2deeb;margin:2.5rem 0 2rem}.start-round{display:inline-flex;align-items:center;gap:1.2rem;color:var(--milk);text-decoration:none;font:600 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.start-round i{font:normal 1.5rem var(--display);width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;transition:.3s}.start-round:hover i{background:var(--red);border-color:var(--red);transform:translateY(4px)}.hero-object{align-self:center;justify-self:center;position:relative;width:min(30vw,420px);aspect-ratio:.8}.moon{position:absolute;width:58%;aspect-ratio:1;border-radius:50%;right:0;top:3%;background:#f4d5bd;box-shadow:0 0 70px rgba(255,208,167,.16)}.bottle{position:absolute;left:23%;top:5%;width:39%;height:73%;background:linear-gradient(90deg,rgba(220,229,231,.68),rgba(255,255,255,.96) 35%,rgba(217,228,230,.72));border:1px solid rgba(255,255,255,.8);border-radius:12% 12% 11% 11%/18% 18% 6% 6%;box-shadow:inset 16px 0 25px rgba(255,255,255,.35),22px 28px 55px rgba(19,20,48,.3);transform:rotate(-3deg)}.bottle:before{content:"";position:absolute;left:20%;right:20%;top:-11%;height:20%;background:linear-gradient(90deg,#d9d4ce,#fff,#ccc8c8);border-radius:12px 12px 4px 4px}.foil{position:absolute;left:19%;right:19%;top:-10%;height:10%;background:repeating-linear-gradient(90deg,#d0d0ce 0 3px,#eee 3px 5px)}.label{position:absolute;left:7%;right:7%;top:35%;height:34%;background:var(--milk);border:3px solid var(--red);color:var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 clamp(1rem,2vw,1.7rem)/.85 var(--display);letter-spacing:.05em}.label i{font:500 clamp(1.3rem,2.3vw,2rem)/1 var(--hand);color:var(--ink);letter-spacing:0}.label small{margin-top:.7rem;font:600 .35rem/1.35 var(--mono);letter-spacing:.07em;text-align:center;color:var(--ink)}.crate{position:absolute;left:5%;right:5%;height:25%;bottom:3%;border:10px solid var(--red-dark);background:linear-gradient(180deg,transparent 0 25%,var(--red) 26% 37%,transparent 38% 67%,var(--red) 68% 80%,transparent 81%);transform:skewY(-3deg);box-shadow:0 28px 35px rgba(25,21,49,.35)}.crate span{position:absolute;width:9px;top:0;bottom:0;background:var(--red-dark)}.crate span:nth-child(1){left:12%}.crate span:nth-child(2){left:36%}.crate span:nth-child(3){left:60%}.crate span:nth-child(4){left:84%}.robin{position:absolute;right:2%;bottom:23%;width:98px;height:95px;filter:drop-shadow(0 10px 12px rgba(20,20,45,.25))}.robin-body{position:absolute;width:57px;height:44px;border-radius:55% 50% 50% 45%;background:#665143;left:12px;top:28px;transform:rotate(-10deg)}.robin-breast{position:absolute;width:33px;height:36px;border-radius:50%;background:#c9573e;left:13px;top:34px}.robin-head{position:absolute;width:36px;height:35px;border-radius:50%;background:#4a403c;left:7px;top:12px}.robin-head:after{content:"";position:absolute;width:4px;height:4px;background:white;border:3px solid #171727;border-radius:50%;left:7px;top:8px}.robin-beak{position:absolute;width:0;height:0;border-top:5px solid transparent;border-bottom:3px solid transparent;border-right:14px solid #d7a75b;left:-5px;top:26px}.robin-leg{position:absolute;width:1px;height:21px;background:#292139;top:68px}.robin-leg.one{left:32px}.robin-leg.two{left:48px}.object-note{position:absolute;right:-11%;bottom:-6%;font:600 1.3rem/1 var(--hand);transform:rotate(-5deg);color:#f5c7b5}.hero-status{position:absolute;bottom:2rem;left:clamp(1.2rem,7vw,7rem);right:clamp(1.2rem,7vw,7rem);border-top:1px solid rgba(255,255,255,.25);padding-top:1rem;display:flex;gap:3rem;font:500 .57rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero-status b{color:#f2b5a1;font-size:.8rem;margin-right:.35rem}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.hero .reveal:nth-child(2){transition-delay:.09s}.hero .reveal:nth-child(3){transition-delay:.18s}.hero .reveal:nth-child(4){transition-delay:.27s}
.round-section{position:relative;min-height:600vh;background:linear-gradient(180deg,rgba(24,28,66,.25),rgba(231,158,146,.15));color:var(--milk)}.round-scene{position:sticky;top:0;height:100vh;overflow:hidden}.scene-heading{position:absolute;z-index:3;left:4vw;top:7vh}.scene-heading p,.scene-ledger{font:500 .55rem var(--mono);letter-spacing:.12em;color:#e4c9cf}.scene-heading h2{margin:.8rem 0 0;font-size:clamp(2.1rem,4.2vw,5rem);font-weight:300;line-height:.9;letter-spacing:-.05em}.scene-ledger{position:absolute;z-index:3;right:4vw;top:7vh;text-align:right;display:flex;flex-direction:column;gap:.45rem}.ledger-time{font-size:2.2rem;color:var(--milk);letter-spacing:-.08em}.scene-ledger b{color:#ffd0b1}.neighbourhood{position:absolute;left:2%;right:2%;bottom:-2%;width:96%;height:82%;overflow:visible}.map-stars circle{fill:#fff;opacity:calc(.8 - var(--round)*.7)}.horizon-glow{fill:#fbb889;opacity:calc(.12 + var(--round)*.6)}.road-shadow{fill:#1f234d;opacity:.25}.route-base,.route-progress{fill:none;stroke-width:5;stroke-linecap:round}.route-base{stroke:rgba(255,255,255,.15);stroke-dasharray:3 13}.route-progress{stroke:#e95a4d;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--round));filter:drop-shadow(0 0 6px rgba(235,89,75,.7))}.house .side{fill:#9d9bb4}.house .front{fill:url(#wall)}.house .roof{fill:url(#roof)}.house .door{fill:#7f4a52}.house .window{fill:#30345e;transition:fill .6s,filter .6s}.house.is-delivered .window{fill:#ffc77d;filter:drop-shadow(0 0 10px #ffc77d)}.delivery{opacity:0;transform:translateY(-12px);transition:.45s cubic-bezier(.2,1.6,.4,1)}.delivery path{fill:#d84f46}.delivery rect{fill:#fffdeb;stroke:#c5d2d7}.house.is-delivered .delivery{opacity:1;transform:none}.trees path{stroke:#5a4056;stroke-width:5;fill:none}.trees circle{fill:#444b72}.streetlights path{stroke:#4a4268;stroke-width:3;fill:none}.streetlights circle{fill:#ffd78d;filter:drop-shadow(0 0 9px #ffc47b)}.float{filter:drop-shadow(0 8px 9px rgba(22,25,55,.35))}.float-shadow{fill:#25294e;opacity:.45}.float-side{fill:#c34040}.float-front{fill:#a6353c}.float-top{fill:#e65349}.windscreen{fill:#c5d2d7}.float circle{fill:#27294a;stroke:#b7b5c4;stroke-width:3}.float-crate{fill:none;stroke:#7d292f;stroke-width:3}.driver{fill:#e1b79e}.scroll-cue{position:absolute;z-index:4;bottom:2rem;left:4vw;font:500 .52rem var(--mono);letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:.8rem;color:#e8d4db}.scroll-cue span{height:1px;width:70px;background:rgba(255,255,255,.4);position:relative}.scroll-cue span:after{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;background:var(--red);border-radius:50%;transform:translateX(calc(var(--round)*65px))}.round-stops{position:absolute;z-index:5;top:0;right:3vw;width:min(29vw,400px);height:100%;pointer-events:none}.stop-card{position:absolute;top:0;right:0;width:100%;min-height:240px;padding:1.5rem;background:rgba(250,244,227,.94);color:var(--ink);border-top:4px solid var(--red);box-shadow:0 24px 80px rgba(24,23,57,.23);opacity:.08;transform:translateY(72vh) rotate(1deg);transition:opacity .35s,transform .35s}.stop-card:nth-child(1){top:3%}.stop-card:nth-child(2){top:18%}.stop-card:nth-child(3){top:35%}.stop-card:nth-child(4){top:52%}.stop-card:nth-child(5){top:69%}.stop-card:nth-child(6){top:85%}.stop-card.is-active{opacity:1;transform:translateY(56vh) rotate(-1deg)}.stop-card>p:first-child{font:600 .52rem var(--mono);letter-spacing:.08em}.stop-card>p:first-child span{color:var(--red);font-size:.8rem;margin-right:.6rem}.stop-card h3{font:400 clamp(1.6rem,2.6vw,2.5rem)/.9 var(--display);letter-spacing:-.04em;margin:1rem 0}.stop-card h3+p{font-size:.84rem;line-height:1.5;color:#4c506b}.stop-card small{font:600 .48rem var(--mono);letter-spacing:.1em;color:var(--red-dark)}
.notes-section,.returns-section,.heritage-section,.roundsheet-section{position:relative;padding:clamp(5rem,11vw,10rem) clamp(1.2rem,7vw,7rem)}.notes-section{background:var(--paper);min-height:900px;overflow:hidden}.section-kicker{color:var(--red-dark);margin:0 0 2rem}.section-kicker span{display:inline-block;padding:.35rem .5rem;background:var(--red);color:white;margin-right:.7rem}.notes-heading{display:grid;grid-template-columns:1.1fr .65fr;gap:4rem;align-items:end}.notes-heading h2,.returns-copy h2,.heritage-head h2,.sheet-copy h2{font-size:clamp(3.4rem,7vw,7.3rem);font-weight:300;line-height:.78;letter-spacing:-.07em;margin:0}.notes-heading h2 em{font-family:var(--hand);font-weight:500;color:var(--red)}.notes-heading>p{font-size:1.1rem;line-height:1.6;color:#454862;max-width:450px}.paper-trail{height:500px;margin-top:2rem;position:relative}.paper-note{position:absolute;background:#fffdf2;padding:1.4rem 1.6rem;box-shadow:0 15px 40px rgba(47,42,69,.12);width:280px;min-height:190px;background-image:repeating-linear-gradient(180deg,transparent 0 33px,rgba(75,89,125,.13) 34px);border:1px solid rgba(86,73,72,.08)}.paper-note:before{content:"";position:absolute;width:50px;height:18px;background:rgba(213,190,150,.45);top:-8px;left:40%;transform:rotate(-4deg)}.paper-note span,.paper-note small{font:600 .5rem var(--mono);letter-spacing:.1em;color:#68616d}.paper-note p{font:600 2rem/1.05 var(--hand);margin:2rem 0 .8rem;color:#344a73}.note-one{left:5%;top:100px;transform:rotate(-7deg)}.note-two{left:39%;top:15px;transform:rotate(4deg)}.note-three{right:4%;top:150px;transform:rotate(-2deg)}.pencil-line{position:absolute;left:-10%;right:-10%;bottom:30px;border-top:2px dashed rgba(69,74,104,.22);transform:rotate(-3deg)}.pencil-line span{position:absolute;right:15%;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--red)}
.returns-section{background:#40456e;color:var(--milk);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:6vw;min-height:760px}.returns-copy>p:not(.section-kicker){max-width:520px;line-height:1.7;color:#dddbea}.returns-copy dl{display:flex;gap:3rem;margin-top:3rem}.returns-copy dl div{border-left:1px solid rgba(255,255,255,.25);padding-left:1rem}.returns-copy dt{font:300 2.7rem var(--display);color:#ffd1b4}.returns-copy dd{margin:0;font:500 .5rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.returns-machine{height:430px;position:relative;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.05),transparent);overflow:hidden}.returns-machine>p{position:absolute;left:1.5rem;top:1rem;font:500 .55rem var(--mono);letter-spacing:.15em;color:#d2cadc}.conveyor{position:absolute;left:5%;right:5%;bottom:21%;height:35px;border:4px solid #25294d;border-radius:18px;display:flex;justify-content:space-around;align-items:center}.conveyor i{width:17px;height:17px;border-radius:50%;background:#24284d;border:2px solid #8184a0}.return-crate{position:absolute;right:5%;bottom:17%;width:36%;height:33%;border:11px solid var(--red);background:repeating-linear-gradient(180deg,transparent 0 24px,var(--red-dark) 25px 34px)}.return-crate span{position:absolute;width:8px;top:0;bottom:0;background:var(--red-dark)}.return-crate span:nth-child(1){left:15%}.return-crate span:nth-child(2){left:42%}.return-crate span:nth-child(3){left:69%}.return-crate span:nth-child(4){left:90%}.mini-bottle{position:absolute;width:38px;height:105px;bottom:29%;background:linear-gradient(90deg,rgba(221,234,237,.5),rgba(255,255,255,.9),rgba(204,221,225,.55));border:2px solid #d9e1e2;border-radius:11px 11px 6px 6px;transition:transform 1.2s cubic-bezier(.3,.7,.2,1)}.mini-bottle:before{content:"";position:absolute;left:7px;right:7px;top:-20px;height:25px;border:2px solid #d9e1e2;border-bottom:0;border-radius:6px 6px 0 0}.b1{left:8%}.b2{left:23%}.b3{left:38%}.b4{left:53%}.returns-machine.is-moving .b1{transform:translateX(200px) rotate(6deg)}.returns-machine.is-moving .b2{transform:translateX(160px) rotate(-4deg);transition-delay:.2s}.returns-machine.is-moving .b3{transform:translateX(120px) rotate(5deg);transition-delay:.4s}.returns-machine.is-moving .b4{transform:translateX(80px) rotate(-3deg);transition-delay:.6s}
.heritage-section{background:#f0a487;color:#2c315d;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:start}.heritage-head>p:last-child{max-width:650px;line-height:1.7;font-size:1.08rem}.charge-line{list-style:none;padding:0;margin:0;border-top:1px solid rgba(37,42,81,.25)}.charge-line li{display:grid;grid-template-columns:90px 1fr;padding:1.3rem 0;border-bottom:1px solid rgba(37,42,81,.25);font-size:.86rem;line-height:1.5}.charge-line b{font:700 .8rem var(--mono);color:var(--red-dark)}.heritage-section blockquote{grid-column:1/-1;font:500 clamp(2.1rem,4.5vw,4.8rem)/1.03 var(--hand);max-width:980px;margin:5rem auto 0;text-align:center;color:#fff5dc}.heritage-section cite{display:block;font:600 .55rem var(--mono);font-style:normal;letter-spacing:.1em;color:#5d3f58;margin-top:1.5rem}
.roundsheet-section{background:#252a55;color:var(--milk);display:grid;grid-template-columns:1fr .78fr;gap:8vw;align-items:center}.sheet-card{background:#f8f1da;color:#252a55;padding:clamp(1.1rem,3vw,2.5rem);transform:rotate(-1.5deg);box-shadow:20px 24px 0 rgba(15,17,42,.25);font-family:var(--mono)}.sheet-card header{display:flex;justify-content:space-between;border-bottom:3px solid var(--ink);padding-bottom:1rem;font-size:.65rem;letter-spacing:.08em}.sheet-card header b{color:var(--red)}.sheet-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid #8b8999}.sheet-grid small{display:block;font-size:.45rem;color:#6d6c7c}.sheet-grid strong{font-size:.58rem}.sheet-card table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.55rem;text-align:left}.sheet-card th{color:var(--red-dark)}.sheet-card th,.sheet-card td{padding:.65rem .35rem;border-bottom:1px solid #b3aead}.sheet-scrawl{font:600 1.25rem var(--hand);transform:rotate(-2deg);margin:1.4rem 0 0;text-align:right;color:#385283}.sheet-copy>p:last-child{line-height:1.7;color:#d4d1e2;max-width:500px}
.sunrise-section{height:100vh;min-height:700px;position:relative;overflow:hidden;background:linear-gradient(180deg,#70688b 0%,#e4988c 45%,#f8c38f 73%,#f9dfae 100%);color:var(--ink)}.sun-disc{position:absolute;width:min(62vw,780px);aspect-ratio:1;border-radius:50%;background:#ffe2a5;left:54%;top:55%;transform:translate(-50%,-5%);box-shadow:0 0 100px rgba(255,225,157,.85)}.sunrise-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(170deg,transparent 0 35%,#586277 36% 47%,#394a64 48%)}.sunrise-copy{position:absolute;z-index:3;left:8vw;top:15%;}.sunrise-copy>p{font:600 .6rem var(--mono);letter-spacing:.15em}.sunrise-copy h2{font:300 clamp(6rem,17vw,16rem)/.75 var(--display);letter-spacing:-.1em;margin:2rem 0;color:#fff4d5;text-shadow:0 8px 35px rgba(148,83,84,.18)}.sunrise-copy h3{font:500 clamp(2.5rem,5vw,5.5rem)/.8 var(--hand);margin:0 0 1rem;color:var(--red-dark)}.signature{font:600 1.35rem var(--hand);display:block;transform:rotate(-3deg)}.sun-bottle{position:absolute;z-index:4;right:12%;bottom:10%;width:80px;height:210px;background:linear-gradient(90deg,rgba(217,233,235,.75),#fffef4,rgba(211,228,232,.7));border-radius:17px 17px 9px 9px;filter:drop-shadow(18px 20px 16px rgba(49,53,77,.3))}.sun-bottle:before{content:"";position:absolute;left:15px;right:15px;top:-32px;height:39px;background:#eef2ec;border-radius:7px 7px 2px 2px}.sun-bottle span{position:absolute;left:6px;right:6px;top:90px;height:64px;border:3px solid var(--red);background:#fffbed}.site-footer{background:#1c214b;color:#d7d4e5;min-height:130px;padding:2rem clamp(1.2rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;font:500 .55rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.site-footer nav{display:flex;gap:2rem}.site-footer a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding:.7rem 0}.site-footer a:hover{color:#ffd4b7;border-color:#ffd4b7}
a:focus-visible,button:focus-visible{outline:3px solid #ffe09d;outline-offset:4px}
@keyframes signal{to{height:17px}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr .7fr;padding-top:9rem}.hero h1{font-size:clamp(4.2rem,11vw,6.5rem)}.hero-object{width:min(37vw,350px)}.round-stops{width:36vw}.notes-heading{grid-template-columns:1fr}.paper-note{width:250px}.returns-section{grid-template-columns:1fr}.heritage-section,.roundsheet-section{grid-template-columns:1fr}.heritage-section blockquote{grid-column:auto}.sheet-card{order:2}.sheet-copy{order:1}}
@media(max-width:600px){.site-header{height:74px;padding:0 1rem}.brand{font-size:.72rem}.brand small{font-size:.42rem}.brand-mark{width:22px;height:30px}.sound-label{display:none}.sound-switch{padding:.5rem;width:44px;justify-content:center}.hero{min-height:940px;display:block;padding:8rem 1.2rem 5rem}.hero h1{font-size:clamp(4rem,20vw,5.7rem);line-height:.76}.hero-intro{font-size:.95rem;max-width:340px;margin-top:2rem}.hero-object{position:absolute;width:230px;right:-50px;bottom:65px;opacity:.82}.object-note{display:none}.hero-status{left:1.2rem;right:1.2rem;gap:.9rem;justify-content:space-between}.hero-status span{font-size:.42rem}.hero-status b{display:block;margin:0 0 .3rem}.round-section{min-height:620vh}.scene-heading{left:1rem;top:8vh}.scene-heading h2{font-size:2.3rem}.scene-ledger{right:1rem;top:8vh}.ledger-time{font-size:1.6rem}.neighbourhood{width:150%;left:-31%;height:72%;bottom:8%}.round-stops{right:1rem;width:calc(100% - 2rem)}.stop-card{min-height:180px;padding:1.05rem}.stop-card.is-active{transform:translateY(67vh) rotate(-.6deg)}.stop-card h3{font-size:1.55rem;margin:.65rem 0}.stop-card h3+p{font-size:.74rem;margin:.6rem 0}.scroll-cue{display:none}.notes-section,.returns-section,.heritage-section,.roundsheet-section{padding:5.5rem 1.2rem}.notes-section{min-height:1160px}.notes-heading h2,.returns-copy h2,.heritage-head h2,.sheet-copy h2{font-size:3.6rem}.notes-heading>p{font-size:.95rem}.paper-trail{height:680px}.paper-note{width:245px}.note-one{left:2%;top:60px}.note-two{left:auto;right:0;top:270px}.note-three{left:4%;right:auto;top:485px}.returns-section{gap:3rem}.returns-copy dl{gap:1.2rem}.returns-copy dt{font-size:2rem}.returns-machine{height:340px}.return-crate{width:43%}.returns-machine.is-moving .b1{transform:translateX(100px)}.returns-machine.is-moving .b2{transform:translateX(80px)}.returns-machine.is-moving .b3{transform:translateX(60px)}.returns-machine.is-moving .b4{transform:translateX(40px)}.heritage-section blockquote{margin-top:3rem;font-size:2.4rem}.sheet-card{padding:.9rem}.sheet-card table{font-size:.44rem}.sheet-card th,.sheet-card td{padding:.55rem .15rem}.sheet-grid{gap:.4rem}.sheet-grid strong{font-size:.47rem}.sunrise-section{min-height:680px}.sunrise-copy{left:1.2rem;top:16%}.sunrise-copy h2{font-size:7.5rem}.sun-bottle{right:10%;width:58px;height:155px}.site-footer{align-items:flex-start;flex-direction:column;gap:1rem;padding:2rem 1.2rem}.site-footer nav{width:100%;display:grid;gap:.2rem}.site-footer a{min-height:44px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.sound-icon i{animation:none!important}.delivery,.window,.stop-card,.mini-bottle{transition:none}.grain{display:none}}

/* Pass-one refinements: denser street, cleaner sticky exit, and viewport-safe objects. */
.hero{overflow:clip;contain:paint}.hero-intro{max-width:650px}.round-section{min-height:700vh}.round-scene{contain:paint}.scene-heading p,.scene-ledger{font-size:.62rem}.stop-card>p:first-child{font-size:.58rem}.stop-card small{font-size:.52rem}.house .side,.house .front,.house .roof{stroke:rgba(32,36,77,.18);stroke-width:1}.garden-details>path{stroke:#a35d65;stroke-width:3;stroke-linecap:round}.garden-details rect{fill:#9a565b}.garden-details circle{fill:#5f657f}.sun-bottle span{display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 .62rem/.9 var(--display);color:var(--red);letter-spacing:.06em}.sun-bottle span i{font:600 .8rem/1 var(--hand);color:var(--ink);letter-spacing:0}
@media(min-width:601px) and (max-width:900px){.hero-copy{transform:translateY(-6vh)}.hero-object{transform:translateY(-2vh)}}
@media(max-width:600px){.hero{min-height:900px}.hero-object{width:195px;right:-5px;bottom:58px}.round-section{min-height:700vh}.neighbourhood{width:134%;left:-17%;overflow:hidden}.round-scene{overflow:clip}.paper-trail{margin-top:2.5rem}.paper-note p{font-size:1.8rem}.sun-bottle span{top:65px;height:52px;font-size:.48rem}.sun-bottle span i{font-size:.62rem}}

.round-scene .round-stops{position:absolute;top:0;right:3vw;height:100%;margin:0}.round-scene .stop-card:nth-child(n){top:auto;bottom:7vh;opacity:0;transform:translateY(18px) rotate(1deg);pointer-events:none}.round-scene .stop-card.is-active{opacity:1;transform:translateY(0) rotate(-1deg)}
@media(max-width:600px){.round-scene .round-stops{right:1rem}.round-scene .stop-card:nth-child(n){bottom:7vh}.round-scene .stop-card.is-active{transform:translateY(0) rotate(-.6deg)}}

/* Pass 2 — external critique: a truer dawn, a denser street, and human-scale type. */
:root{--dawn:0;--float-lean:0deg;--hero-x:0px;--hero-y:0px;--line:rgba(255,253,244,.28)}
body{background:#20244d;text-rendering:optimizeLegibility}
.skip-link{position:absolute;top:0;transform:translateY(-180%);transition:transform .18s ease;clip-path:inset(0)}
.skip-link:focus{top:0;transform:translateY(1rem)}
.dawn-field{background:linear-gradient(180deg,#171b43 0%,#34335e 23%,#81719b 49%,#cb8d94 71%,#f1a680 86%,#ffd79f 100%);filter:none;isolation:isolate}
.dawn-field:before{content:"";position:absolute;inset:0;z-index:0;opacity:calc(1 - var(--dawn));background-image:radial-gradient(circle at 11% 15%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 37% 9%,rgba(255,255,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 74% 18%,rgba(255,255,255,.72) 0 1.2px,transparent 1.7px),radial-gradient(circle at 89% 32%,rgba(255,255,255,.52) 0 1px,transparent 1.5px),linear-gradient(180deg,rgba(8,12,43,.52),rgba(35,31,71,.22) 60%,transparent);transition:opacity .12s linear}
.dawn-field:after{z-index:1;opacity:calc(.08 + var(--dawn)*.92);background:radial-gradient(circle at 78% calc(82% - var(--dawn)*30%),rgba(255,229,163,.92) 0 5%,rgba(255,199,139,.32) 12%,transparent 30%),linear-gradient(180deg,transparent 42%,rgba(255,188,141,.18) 72%,rgba(255,221,165,.35));transition:opacity .12s linear}
.grain{opacity:.115;mix-blend-mode:overlay}

.site-header{height:92px;background:linear-gradient(180deg,rgba(12,16,48,.24),transparent);border-bottom-color:rgba(255,255,255,.18)}
.site-header nav a{min-height:44px;display:flex;align-items:center;font-size:.69rem}
.brand{min-height:44px}.brand small{font-size:.54rem}.sound-label{font-size:.61rem}

.hero{min-height:100svh;padding-bottom:4.5rem;background:linear-gradient(115deg,rgba(9,13,45,.28),transparent 52%,rgba(255,204,169,.05));}
.hero:after{content:"ROUND 17  /  EASTBOUND";position:absolute;z-index:-1;right:-1.8rem;top:42%;font:700 clamp(3rem,8vw,8rem)/1 var(--mono);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.075);transform:rotate(90deg) translateX(50%);transform-origin:right top;white-space:nowrap}
.hero-copy{position:relative;z-index:2}.hero h1{max-width:900px;text-wrap:balance}.hero-intro{font-weight:430;color:#f1ebf0;max-width:670px}
.hero-object{transform:translate3d(var(--hero-x),var(--hero-y),0);transition:transform .35s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 35px 45px rgba(20,20,50,.18))}
.hero-object:before{content:"";position:absolute;inset:-8% -14% -10% -18%;z-index:-2;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-9deg)}
.moon{background:radial-gradient(circle at 36% 30%,#fff0d9 0,#f5d1b7 55%,#daa09e);box-shadow:0 0 90px rgba(255,200,157,.2)}
.hero-dispatch{margin-top:2.3rem;width:min(100%,430px);display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.8rem;padding:.8rem 0;border-top:1px solid rgba(255,255,255,.27);border-bottom:1px solid rgba(255,255,255,.12);font-family:var(--mono)}
.hero-dispatch span{font-size:.58rem;letter-spacing:.1em;color:#ffd1bb}.hero-dispatch b{font-size:.8rem;color:var(--milk)}.hero-dispatch i{font:500 .55rem/1.4 var(--mono);letter-spacing:.04em;color:#cfc8da;text-align:right}
.hero-status{font-size:.62rem}.hero-status b{font-size:.84rem}

.round-section{min-height:680vh;background:linear-gradient(180deg,rgba(16,20,58,.34),rgba(226,143,132,.13));}
.round-scene:after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:38%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(16,20,52,.08))}
.scene-heading,.scene-ledger,.round-stops,.scroll-cue,.round-mileposts{z-index:6}
.scene-heading h2{max-width:7.5em;text-shadow:0 2px 20px rgba(20,20,49,.16)}
.scene-heading p,.scene-ledger{font-size:.66rem}.ledger-time{font-size:2.45rem;font-variant-numeric:tabular-nums}
.neighbourhood{bottom:-1%;filter:drop-shadow(0 28px 24px rgba(27,24,56,.08))}
.house .chimney{fill:#5f5a74}.house .side-window{fill:#30345e;transition:fill .65s ease,filter .65s ease}.house .curtain{fill:none;stroke:#23284f;stroke-width:2;opacity:.65}.house .step{fill:#7f6f87}.door-number{font:700 8px var(--mono);fill:#f7e6d6}.house.is-delivered .window,.house.is-delivered .side-window{fill:#ffd080;filter:url(#window-glow)}
.house.is-delivered .curtain{stroke:#d79362}.house.is-delivered .delivery{animation:bottle-land .55s cubic-bezier(.16,1.45,.4,1)}
.route-progress{stroke:#ff5f50;stroke-width:6;filter:drop-shadow(0 0 4px rgba(255,88,72,.52))}
.float{transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 10px 8px rgba(22,25,55,.35))}
.scroll-cue{bottom:1.7rem;display:grid;grid-template-columns:74px auto;grid-template-rows:auto auto;column-gap:.8rem}.scroll-cue span{grid-row:1/3;align-self:center}.scroll-cue b,.scroll-cue i{font:600 .54rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.scroll-cue i{font-size:.48rem;color:#ffc8ad;letter-spacing:.09em}
.round-mileposts{position:absolute;left:4vw;top:32%;display:grid;gap:1.1rem;font:600 .5rem var(--mono);letter-spacing:.12em;color:rgba(255,255,255,.52)}
.round-mileposts span{display:flex;align-items:center;gap:.6rem}.round-mileposts span:before{content:"";width:5px;height:5px;border:1px solid currentColor;border-radius:50%}.round-mileposts span:nth-child(-n + var(--delivered)){color:#ffd0b4}
.round-scene .stop-card:nth-child(n){bottom:6vh;width:min(31vw,430px);min-height:248px;padding:1.55rem 1.65rem 1.4rem;background:linear-gradient(135deg,rgba(255,252,238,.97),rgba(244,232,210,.96));border-top:0;border-left:7px solid var(--red);box-shadow:0 30px 90px rgba(24,23,57,.25),inset 0 0 0 1px rgba(96,65,73,.08);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transform:translate3d(30px,18px,0) rotate(.7deg)}
.round-scene .stop-card:nth-child(n):after{content:"17-B  ·  VERIFIED";position:absolute;right:1.25rem;bottom:.8rem;font:600 .44rem var(--mono);letter-spacing:.1em;color:rgba(168,55,57,.55)}
.round-scene .stop-card.is-active{transform:translate3d(0,0,0) rotate(-.45deg)}
.stop-card h3{font-size:clamp(1.9rem,2.7vw,2.8rem);line-height:.86}.stop-card h3+p{font-size:.9rem;line-height:1.56}.stop-card>p:first-child,.stop-card small{font-size:.58rem}

.notes-section:after{content:"DOORSTEP / PRIVATE";position:absolute;right:-1rem;top:12rem;font:700 clamp(3rem,8vw,8rem) var(--mono);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(32,36,77,.08);transform:rotate(90deg);transform-origin:right top}
.notes-heading h2,.returns-copy h2,.heritage-head h2,.sheet-copy h2{text-wrap:balance}
.paper-note{transition:transform .5s cubic-bezier(.2,.9,.2,1),box-shadow .5s ease;box-shadow:0 18px 45px rgba(47,42,69,.14),0 2px 0 rgba(255,255,255,.85) inset}
.paper-note:hover{z-index:3;box-shadow:0 32px 65px rgba(47,42,69,.22)}.note-one:hover{transform:rotate(-4deg) translateY(-12px)}.note-two:hover{transform:rotate(1deg) translateY(-12px)}.note-three:hover{transform:rotate(1deg) translateY(-12px)}
.returns-section{background:linear-gradient(135deg,#343961,#474b75 58%,#3e436a)}.returns-machine{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(27,31,70,.2));box-shadow:inset 0 0 80px rgba(13,16,48,.14)}
.heritage-section{background:linear-gradient(125deg,#f3a184,#f0a98f 57%,#e99b87)}
.charge-line li{transition:padding .25s ease,background .25s ease}.charge-line li:hover{padding-left:.8rem;background:rgba(255,247,221,.18)}
.roundsheet-section{background:linear-gradient(135deg,#20254f,#292d5b)}.sheet-card{box-shadow:24px 28px 0 rgba(14,17,43,.3),0 35px 80px rgba(7,10,34,.22)}

.sunrise-section{background:linear-gradient(180deg,#786b8b 0%,#d9898a 36%,#f1aa84 65%,#ffdda3 100%)}
.sun-disc{background:radial-gradient(circle at 44% 40%,#fff3cb,#ffe0a0 62%,#f6c483);box-shadow:0 0 120px rgba(255,225,157,.75)}
.sun-rays{position:absolute;left:54%;top:80%;width:min(90vw,1100px);aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-conic-gradient(from -12deg,rgba(255,244,205,.15) 0 2deg,transparent 2deg 12deg);mask-image:radial-gradient(circle,black,transparent 68%);animation:turn-rays 50s linear infinite}
.final-step{position:absolute;z-index:3;right:3%;bottom:4%;width:32%;height:18%;transform:skewY(-8deg);background:linear-gradient(165deg,#61708a,#334661);box-shadow:-20px -14px 0 rgba(80,93,119,.8)}
.final-step i{position:absolute;right:10%;top:-22%;width:5px;height:24px;border-radius:3px;background:#fffdf0;box-shadow:0 0 12px #fff0bd}.final-step i:nth-child(2){right:30%;height:18px}.final-step i:nth-child(3){right:48%;height:13px}
.sun-bottle{right:12%;bottom:12%;z-index:5;filter:drop-shadow(16px 22px 18px rgba(49,53,77,.28))}.sunrise-copy{z-index:6}
.site-footer{font-size:.62rem;min-height:145px}.site-footer a{min-height:44px;display:flex;align-items:center}

@keyframes bottle-land{0%{opacity:0;transform:translateY(-20px) rotate(-8deg)}70%{transform:translateY(2px) rotate(2deg)}100%{opacity:1;transform:none}}
@keyframes turn-rays{to{transform:translate(-50%,-50%) rotate(1turn)}}

@media(min-width:901px) and (max-height:760px){.hero{padding-top:7.5rem}.hero h1{font-size:clamp(4rem,8vw,7rem)}.hero-intro{margin:1.6rem 0}.hero-dispatch{margin-top:1.35rem}.round-scene .stop-card:nth-child(n){bottom:3vh}}

@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto}.site-header nav{display:none}
  .hero-dispatch{max-width:390px}.round-section{min-height:600vh}.round-mileposts{display:none}
  .round-scene .stop-card:nth-child(n){width:min(40vw,390px)}
  .notes-heading>p{max-width:620px}.returns-machine{max-width:760px;width:100%;margin-inline:auto}
}

@media(max-width:600px){
  .site-header{height:122px;grid-template-rows:72px 50px;padding:0 1rem;background:rgba(17,20,55,.16)}
  .site-header nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%;border-top:1px solid rgba(255,255,255,.16)}
  .site-header nav a{justify-content:center;text-align:center;font-size:.5rem;line-height:1.2;letter-spacing:.05em;padding-inline:.25rem}
  .site-header nav a+a{border-left:1px solid rgba(255,255,255,.14)}.site-header nav a:after{display:none}
  .hero{min-height:970px;padding-top:9.4rem}.hero h1{font-size:clamp(3.85rem,19vw,5.3rem);line-height:.78}.hero-intro{font-size:1rem;line-height:1.58;margin-top:2.2rem}
  .hero-dispatch{position:absolute;z-index:5;left:0;top:calc(100% + 1.8rem);width:58%;grid-template-columns:1fr;padding:.65rem 0;background:linear-gradient(90deg,rgba(31,34,76,.42),transparent)}.hero-dispatch b{font-size:.7rem}.hero-dispatch i{grid-column:auto;text-align:left;font-size:.45rem}
  .hero-object{width:185px;right:-1px;bottom:52px}.hero-object:before{display:none}.hero-status{bottom:1.25rem}.hero-status span{font-size:.47rem}.hero-status b{font-size:.72rem}
  .round-section{min-height:620vh}.scene-heading{top:5.5vh}.scene-heading h2{font-size:2.2rem}.scene-ledger{top:5.5vh}.scene-heading p,.scene-ledger{font-size:.52rem}.ledger-time{font-size:1.7rem}
  .neighbourhood{width:146%;left:-25%;height:67%;bottom:17%}
  .round-scene .round-stops{right:.85rem;width:calc(100% - 1.7rem)}.round-scene .stop-card:nth-child(n){width:100%;bottom:4vh;min-height:190px;padding:1rem 1rem 1.15rem;border-left-width:5px}.stop-card h3{font-size:1.65rem}.stop-card h3+p{font-size:.77rem;line-height:1.45}.stop-card>p:first-child,.stop-card small{font-size:.5rem}.round-scene .stop-card:nth-child(n):after{font-size:.39rem}
  .scroll-cue{display:grid;left:1rem;bottom:auto;top:22vh;grid-template-columns:45px auto}.scroll-cue span{width:45px}.scroll-cue b{font-size:.46rem}.scroll-cue i{font-size:.4rem}
  .notes-section:after{display:none}.paper-note{width:min(245px,82vw)}
  .returns-copy>p:not(.section-kicker),.heritage-head>p:last-child,.sheet-copy>p:last-child{font-size:1rem}
  .returns-copy dl{justify-content:space-between;gap:.65rem}.returns-copy dl div{padding-left:.65rem}.returns-copy dd{font-size:.46rem}
  .sunrise-copy{top:11%}.sunrise-copy h2{font-size:6.6rem;margin:1.2rem 0}.sunrise-copy h3{font-size:2.8rem}.sun-disc{left:53%;top:49%;width:83vw}.sun-rays{left:53%;top:62%;width:140vw}.final-step{right:-7%;bottom:5%;width:73%;height:18%}.sun-bottle{right:10%;bottom:12%}
  .site-footer{font-size:.58rem}
}

@media(prefers-reduced-motion:reduce){
  .dawn-field:before,.dawn-field:after,.hero-object,.paper-note,.charge-line li{transition:none}
  .sun-rays{animation:none}.house.is-delivered .delivery{animation:none}.paper-note:hover{transform:none}
}

/* Pass 3 — art direction: the last delivery is now a replayable sunrise ritual. */
::selection{background:var(--red);color:var(--milk);text-shadow:none}
html{scroll-padding-top:1.5rem}
html::-webkit-scrollbar{width:12px}
html::-webkit-scrollbar-track{background:#171b43}
html::-webkit-scrollbar-thumb{background:linear-gradient(var(--lilac),var(--red));border:3px solid #171b43;border-radius:99px}
body{font-optical-sizing:auto;font-kerning:normal}
p{ text-wrap:pretty }
.ledger-time,.ledger-count,.hero-dispatch b,.hero-status b,.sheet-card,.sunrise-copy h2{font-variant-numeric:tabular-nums lining-nums}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #fff1bd;outline-offset:5px}
.guide-body a:focus-visible{outline-color:var(--red)}
.brand,.site-footer a,.back-link{transition:color .28s ease,border-color .28s ease,transform .28s cubic-bezier(.2,.75,.2,1)}
.brand:hover{color:#ffd4b7;transform:translateY(-1px)}
.sound-switch{transition:background .28s ease,border-color .28s ease,transform .28s cubic-bezier(.2,.75,.2,1)}
.sound-switch:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7);transform:translateY(-1px)}
.sound-switch:active,.sun-bottle:active{transform:translateY(1px) scale(.98)}
.start-round i{transition:transform .38s cubic-bezier(.16,1,.3,1),background .28s ease,border-color .28s ease}
.start-round:focus-visible{border-radius:4px}
.site-footer a:hover,.site-footer a:focus-visible,.back-link:hover,.back-link:focus-visible{transform:translateY(-2px)}
.hero .reveal{filter:blur(5px);transform:translateY(26px);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1),filter .8s ease}
.hero .reveal.is-visible{filter:none;transform:none}
.hero .reveal:nth-child(1){transition-delay:.04s}.hero .reveal:nth-child(2){transition-delay:.12s}.hero .reveal:nth-child(3){transition-delay:.22s}.hero .reveal:nth-child(4){transition-delay:.34s}.hero .reveal:nth-child(5){transition-delay:.46s}
.notes-section{background-color:var(--paper);background-image:radial-gradient(circle at 18% 23%,rgba(216,79,70,.045) 0 1px,transparent 1.5px),linear-gradient(rgba(40,45,84,.035) 1px,transparent 1px);background-size:37px 41px,100% 34px}
.paper-note{background-color:#fffdf2;background-image:linear-gradient(100deg,rgba(216,79,70,.035),transparent 27%),repeating-linear-gradient(180deg,transparent 0 33px,rgba(75,89,125,.13) 34px)}
.sheet-card{background-color:#f8f1da;background-image:radial-gradient(circle at 18% 22%,rgba(48,51,83,.05) 0 .7px,transparent 1px),linear-gradient(rgba(48,51,83,.025) 1px,transparent 1px);background-size:9px 11px,100% 28px}

.sunrise-section{isolation:isolate}
.sunrise-section:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 55% 69%,rgba(255,249,215,.44),transparent 25%),linear-gradient(112deg,transparent 41%,rgba(255,248,211,.13) 48%,transparent 55%);opacity:.25;transition:opacity 1.4s cubic-bezier(.16,1,.3,1)}
.final-house{position:absolute;z-index:2;right:0;bottom:15%;width:36%;height:57%;background:linear-gradient(100deg,rgba(55,66,99,.88),rgba(42,53,86,.96));clip-path:polygon(12% 14%,100% 0,100% 100%,0 100%,0 24%);box-shadow:-30px 0 60px rgba(36,39,72,.18)}
.final-house:before{content:"";position:absolute;left:0;right:0;top:14%;border-top:1px solid rgba(255,255,255,.2);transform:rotate(-4deg);transform-origin:left}
.final-window{position:absolute;left:23%;top:26%;width:34%;aspect-ratio:1.28;background:#333b68;border:9px solid #253258;box-shadow:0 0 0 1px rgba(255,255,255,.18);overflow:hidden;transition:background 1.25s ease,box-shadow 1.25s ease}
.final-window:before,.final-window:after{content:"";position:absolute;background:rgba(28,36,75,.55);z-index:2}.final-window:before{width:3px;inset-block:0;left:50%}.final-window:after{height:3px;inset-inline:0;top:50%}
.final-window i{position:absolute;right:12%;bottom:0;width:27%;height:34%;border-radius:50% 50% 0 0;background:#2c3159;opacity:0;transform:translateY(8px);transition:opacity .8s .65s ease,transform .8s .65s cubic-bezier(.16,1,.3,1)}
.door-plaque{position:absolute;left:23%;top:18%;font:600 .48rem var(--mono);letter-spacing:.12em;color:#d6d7e3}
.morning-cat{position:absolute;left:44%;bottom:3%;width:35px;height:19px;border-radius:60% 50% 42% 35%;background:#242a50;opacity:.8}.morning-cat:before{content:"";position:absolute;left:-9px;top:-8px;width:17px;height:17px;background:#242a50;border-radius:50% 50% 44% 48%;clip-path:polygon(0 28%,12% 0,36% 26%,76% 18%,100% 0,100% 100%,0 100%)}.morning-cat:after{content:"";position:absolute;right:-17px;top:-11px;width:24px;height:17px;border-top:3px solid #242a50;border-radius:50%;transform:rotate(-25deg)}
.sun-bottle{appearance:none;border:0;padding:0;color:inherit;cursor:pointer;transform-origin:50% 100%;transform:translate3d(0,-48px,0) rotate(3deg);transition:filter .35s ease,box-shadow .35s ease;background-color:transparent}
.sun-bottle:hover{filter:drop-shadow(0 0 12px rgba(255,250,212,.95)) drop-shadow(16px 22px 18px rgba(49,53,77,.28))}
.sun-bottle:focus-visible{outline-color:var(--red);border-radius:17px}
.delivery-stamp{position:absolute;z-index:7;right:24%;bottom:29%;width:140px;height:74px;border:3px double var(--red-dark);color:var(--red-dark);display:grid;place-content:center;text-align:center;transform:rotate(-8deg) scale(.45);opacity:0;mix-blend-mode:multiply}
.delivery-stamp b{font:800 1.35rem/.9 var(--mono);font-variant-numeric:tabular-nums}.delivery-stamp span{font:700 .46rem var(--mono);letter-spacing:.12em;margin-top:.45rem}
.delivery-status{margin-top:1.4rem!important;display:inline-flex;align-items:center;gap:.7rem;color:#39385f;font-size:.52rem!important;letter-spacing:.12em!important;text-transform:uppercase}
.delivery-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(216,79,70,.13)}
.sunrise-section.is-landing .sun-bottle{animation:final-bottle-land 1.15s cubic-bezier(.16,.86,.24,1) both}
.sunrise-section.is-complete:before{opacity:.9}
.sunrise-section.is-complete .final-window{background:#ffd08b;box-shadow:0 0 52px rgba(255,207,132,.75),inset 0 0 32px rgba(255,246,204,.55)}
.sunrise-section.is-complete .final-window i{opacity:.78;transform:none}
.sunrise-section.is-complete .delivery-stamp{animation:ledger-stamp .62s .12s cubic-bezier(.16,1.45,.4,1) both}
.sunrise-section.is-complete .delivery-status:before{background:#fff3c5;box-shadow:0 0 0 5px rgba(255,243,197,.2)}

@keyframes final-bottle-land{0%{transform:translate3d(0,-48px,0) rotate(3deg)}62%{transform:translate3d(0,5px,0) rotate(-2deg)}80%{transform:translate3d(0,-4px,0) rotate(1deg)}100%{transform:translate3d(0,0,0) rotate(-1deg)}}
@keyframes ledger-stamp{0%{opacity:0;transform:rotate(-8deg) scale(1.55)}100%{opacity:.82;transform:rotate(-8deg) scale(1)}}

@media(max-width:900px){.final-house{width:47%}.delivery-stamp{right:30%;bottom:27%;transform:rotate(-8deg) scale(.8)}}
@media(max-width:600px){
  html::-webkit-scrollbar{width:8px}
  .hero .reveal{filter:none}
  .final-house{width:70%;height:42%;bottom:16%;right:-19%}.final-window{left:18%;top:22%;width:36%;border-width:6px}.door-plaque{left:18%;top:12%;font-size:.4rem}.morning-cat{left:34%}
  .sun-bottle{transform:translate3d(0,-34px,0) rotate(3deg)}
  .delivery-stamp{right:auto;left:1.2rem;bottom:28%;width:112px;height:61px}.delivery-stamp b{font-size:1rem}
  .delivery-status{max-width:190px;line-height:1.5!important;margin-top:1rem!important}
  @keyframes final-bottle-land{0%{transform:translate3d(0,-34px,0) rotate(3deg)}62%{transform:translate3d(0,4px,0) rotate(-2deg)}80%{transform:translate3d(0,-3px,0) rotate(1deg)}100%{transform:translate3d(0,0,0) rotate(-1deg)}}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.grain{display:none}.hero .reveal{filter:none;transition:none}.sunrise-section:before,.final-window,.final-window i{transition:none}
  .sunrise-section.is-landing .sun-bottle,.sunrise-section.is-complete .delivery-stamp{animation:none}.sun-bottle{transform:none}.sunrise-section.is-complete .delivery-stamp{opacity:.82;transform:rotate(-8deg)}
}