:root{color-scheme:dark;--night:#171614;--night-soft:#24201c;--paper:#f3ebdd;--ink:#29251f;--daylily:#d89872;--white:rgba(255,255,255,.9);--muted:rgba(255,255,255,.66);--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--sans:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--display:"Avenir Next","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--numbers:"DIN Alternate","Avenir Next Condensed","Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--night);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:12px;top:12px;transform:translateY(-80px);padding:10px 14px;background:var(--paper);color:var(--ink);border-radius:8px}.skip-link:focus{transform:translateY(0)}
.gate{position:fixed;z-index:50;inset:0;display:grid;place-items:center;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 68% 30%,#50483f 0,transparent 24%),linear-gradient(145deg,#161513,#29241f);transition:opacity .8s var(--ease-out),visibility .8s}.gate::after{content:"";position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.gate.is-opening{pointer-events:none}.gate.is-gone{opacity:0;visibility:hidden}.gate__glow{position:absolute;width:min(86vw,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(230 197 157/.2),transparent 66%);opacity:.6}.gate__content{position:relative;z-index:3;width:min(88vw,420px);padding:32px 10px;text-align:left}.gate__date{margin:0 0 26px;color:rgba(255,255,255,.58);font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.gate h1{margin:0;color:#f6efe5;font:500 clamp(34px,10vw,52px)/1.24 var(--serif);text-wrap:balance}.gate__hint{margin:22px 0 28px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.7}.password{position:relative}.password__native{position:absolute;inset:0 0 auto;width:100%;height:58px;opacity:.001;cursor:text}.password__digits{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.password__digits span{display:grid;place-items:center;height:58px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.05);font:500 20px/1 ui-monospace,SFMono-Regular,monospace;transition:border-color .18s var(--ease-out),background-color .18s var(--ease-out),transform .18s var(--ease-out)}.password:focus-within .password__digits span.active{border-color:var(--daylily);background:rgb(216 152 114/.13);transform:translateY(-2px)}.password__error{min-height:22px;margin:10px 0 4px;color:#efb59d;font-size:13px}.open-button{width:100%;min-height:50px;border:0;border-radius:12px;background:var(--paper);color:var(--ink);font-weight:600;cursor:pointer;transition:transform .14s var(--ease-out),background-color .18s ease}.open-button:active{transform:scale(.98)}.open-button:focus-visible,.sound:focus-visible{outline:2px solid var(--daylily);outline-offset:4px}
.cloud{position:absolute;z-index:2;width:95vw;height:36vh;border-radius:50%;filter:blur(26px);background:radial-gradient(ellipse,rgba(218,211,201,.82),rgba(134,128,120,.32) 48%,transparent 72%);opacity:.52;will-change:transform,opacity}.cloud--one{left:-42vw;top:-6vh;transform:rotate(15deg)}.cloud--two{right:-46vw;bottom:4vh;transform:rotate(-18deg)}.cloud--three{left:12vw;bottom:-25vh;opacity:.3}.is-opening .cloud--one{animation:cloudLeft 1.8s var(--ease-in-out) forwards}.is-opening .cloud--two{animation:cloudRight 1.8s var(--ease-in-out) forwards}.is-opening .cloud--three{animation:cloudDown 1.6s var(--ease-in-out) forwards}.is-opening .gate__content{animation:gateContent .75s var(--ease-out) forwards}
.memoir{height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.memoir::-webkit-scrollbar{display:none}.chapter{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:100dvh;padding:clamp(84px,14vh,132px) max(24px,7vw) clamp(88px,13vh,124px);overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:var(--night)}.chapter__media,.chapter__media::after,.chapter__placeholder{position:absolute;inset:0}.chapter__media{z-index:-3;overflow:hidden;background:#423b34}.chapter__media::after{content:"";z-index:1;background:linear-gradient(180deg,rgb(18 16 14/.08) 20%,rgb(18 16 14/.2) 45%,rgb(18 16 14/.88) 100%)}.chapter__image,.chapter__video{width:100%;height:100%;object-fit:cover;transform:scale(1.055);transition:transform 8s linear}.chapter.is-active .chapter__image,.chapter.is-active .chapter__video{transform:scale(1)}.chapter__placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#534a40,#24211e);color:rgba(255,255,255,.58)}.chapter__placeholder::before{content:"";position:absolute;width:56%;aspect-ratio:4/5;border:1px solid rgba(255,255,255,.18);box-shadow:10px 12px 30px rgb(0 0 0/.16);transform:rotate(-3deg)}.chapter__placeholder span{position:relative;width:52%;text-align:center;font-size:12px;line-height:1.8;letter-spacing:.08em}.chapter__content{width:min(100%,560px);opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.chapter.is-active .chapter__content{opacity:1;transform:translateY(0)}.chapter__kicker{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:rgba(255,255,255,.66);font-size:12px;font-weight:500;letter-spacing:.12em}.chapter__kicker::before{content:"";width:26px;border-top:1px solid var(--daylily)}.chapter__title{max-width:12em;margin:0;color:#fff;font:500 clamp(34px,10vw,58px)/1.22 var(--serif);white-space:pre-line;text-wrap:balance;text-shadow:0 3px 24px rgb(0 0 0/.26)}.chapter__text{max-width:34em;margin:20px 0 0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.85;text-wrap:pretty}.chapter--paper{align-items:center;background:var(--paper);color:var(--ink)}.chapter--paper .chapter__media{inset:8% -4% 8% 42%;z-index:-1;transform:rotate(2.5deg);border:10px solid #fff;box-shadow:0 18px 60px rgb(58 43 29/.22)}.chapter--paper .chapter__media::after{background:linear-gradient(90deg,rgb(243 235 221/.58),transparent 50%)}.chapter--paper .chapter__content{width:52%}.chapter--paper .chapter__kicker{color:#846b59}.chapter--paper .chapter__title{color:var(--ink);text-shadow:none}.chapter--paper .chapter__text{color:#5e5145}.chapter--ending .chapter__media::after{background:linear-gradient(180deg,rgb(18 16 14/.1),rgb(18 16 14/.78))}.chapter--ending .chapter__content{margin:auto;text-align:center}.chapter--ending .chapter__title,.chapter--ending .chapter__text{margin-left:auto;margin-right:auto}.chapter--ending .chapter__kicker{justify-content:center}.chapter--collage{background:#29231e}.collage{position:absolute;z-index:-2;inset:0}.collage figure{position:absolute;margin:0;overflow:hidden;border:8px solid #eee4d5;background:#554a3f;box-shadow:0 18px 48px rgb(0 0 0/.28)}.collage figure:nth-child(1){left:-8%;top:4%;width:68%;height:45%;transform:rotate(-4deg)}.collage figure:nth-child(2){right:-10%;top:21%;width:63%;height:44%;transform:rotate(5deg)}.collage figure:nth-child(3){left:8%;bottom:-5%;width:70%;height:43%;transform:rotate(2deg)}.collage img{width:100%;height:100%;object-fit:cover}.collage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(24 20 17/.08),rgb(24 20 17/.88))}
.story-nav{position:fixed;z-index:20;left:max(20px,env(safe-area-inset-left));right:max(74px,calc(env(safe-area-inset-right) + 60px));top:max(22px,env(safe-area-inset-top));display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.76);font:500 11px/1 ui-monospace,SFMono-Regular,monospace;text-shadow:0 1px 8px rgb(0 0 0/.5)}.story-nav__count{white-space:nowrap}.story-nav__track{height:1px;flex:1;background:rgba(255,255,255,.24);overflow:hidden}.story-nav__track i{display:block;width:12.5%;height:100%;background:#fff;transform-origin:left;transition:width .35s var(--ease-out)}.sound{position:fixed;z-index:22;right:max(18px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(22,20,18,.4);color:white;backdrop-filter:blur(16px) saturate(140%);cursor:pointer;transition:transform .14s var(--ease-out),background-color .18s ease}.sound:active{transform:scale(.95)}.sound__bars{display:flex;align-items:center;gap:3px;height:14px}.sound__bars i{display:block;width:2px;height:100%;border-radius:2px;background:currentColor;animation:sound 1s ease-in-out infinite alternate}.sound__bars i:nth-child(2){animation-delay:-.45s}.sound__bars i:nth-child(3){animation-delay:-.7s}.sound.is-muted .sound__bars i{animation:none;height:2px}.toast{position:fixed;z-index:60;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%,110px);max-width:calc(100vw - 32px);padding:11px 16px;border-radius:999px;background:rgba(25,23,21,.88);color:white;box-shadow:0 8px 30px rgb(0 0 0/.22);font-size:13px;white-space:nowrap;opacity:0;transition:transform .25s var(--ease-out),opacity .2s ease}.toast.show{transform:translate(-50%,0);opacity:1}
.chapter{--scene-bg:#423b34;--scene-tint:rgb(24 20 17/.1);--scene-end:rgb(18 16 14/.88);--accent:var(--daylily);background:var(--scene-bg)}.chapter__media{background:var(--scene-bg)}.chapter__media::after{background:linear-gradient(180deg,var(--scene-tint) 20%,rgb(18 16 14/.22) 48%,var(--scene-end) 100%);transition:opacity .8s var(--ease-out)}.chapter__placeholder{background:linear-gradient(145deg,var(--scene-bg),#24211e)}.chapter__kicker::before{border-color:var(--accent)}
.theme--dawn{--scene-bg:#655e57;--scene-tint:rgb(221 196 170/.16);--scene-end:rgb(39 31 27/.9);--accent:#e4b788}.theme--sunset{--scene-bg:#815b48;--scene-tint:rgb(224 139 92/.15);--scene-end:rgb(48 27 22/.9);--accent:#efad79}.theme--paper{--scene-bg:#bca98d;--accent:#a67755}.theme--night{--scene-bg:#252a31;--scene-tint:rgb(62 79 99/.16);--scene-end:rgb(12 17 24/.92);--accent:#c7a980}.theme--wedding{--scene-bg:#9a8e82;--scene-tint:rgb(255 244 226/.18);--scene-end:rgb(56 45 40/.86);--accent:#f0c9a4}.theme--home{--scene-bg:#826b55;--scene-tint:rgb(220 161 101/.13);--scene-end:rgb(48 34 25/.9);--accent:#dfaa72}.theme--hope{--scene-bg:#766565;--scene-tint:rgb(215 165 166/.14);--scene-end:rgb(53 37 41/.9);--accent:#e5a9a5}.theme--baby{--scene-bg:#8a8074;--scene-tint:rgb(238 220 195/.18);--scene-end:rgb(52 46 39/.88);--accent:#e9c79c}.theme--sunny{--scene-bg:#9d7749;--scene-tint:rgb(245 190 91/.2);--scene-end:rgb(63 43 23/.88);--accent:#ffd18a}.theme--quiet{--scene-bg:#586361;--scene-tint:rgb(140 174 165/.14);--scene-end:rgb(29 39 38/.92);--accent:#adc8be}.theme--birthday{--scene-bg:#76534c;--scene-tint:rgb(213 139 123/.16);--scene-end:rgb(45 27 25/.86);--accent:#efb49c}
.focus--top .chapter__image,.focus--top .chapter__video{object-position:center 24%}.focus--bottom .chapter__image,.focus--bottom .chapter__video{object-position:center 78%}.focus--left .chapter__image,.focus--left .chapter__video{object-position:24% center}.focus--right .chapter__image,.focus--right .chapter__video{object-position:76% center}
.motion--zoom-out .chapter__image,.motion--zoom-out .chapter__video{transform:scale(1.09)}.motion--zoom-out.is-active .chapter__image,.motion--zoom-out.is-active .chapter__video{transform:scale(1)}.motion--pan-left .chapter__image,.motion--pan-left .chapter__video{transform:scale(1.1) translate3d(3.5%,0,0)}.motion--pan-left.is-active .chapter__image,.motion--pan-left.is-active .chapter__video{transform:scale(1.1) translate3d(-2.5%,0,0)}.motion--pan-right .chapter__image,.motion--pan-right .chapter__video{transform:scale(1.1) translate3d(-3.5%,0,0)}.motion--pan-right.is-active .chapter__image,.motion--pan-right.is-active .chapter__video{transform:scale(1.1) translate3d(2.5%,0,0)}.motion--drift-up .chapter__image,.motion--drift-up .chapter__video{transform:scale(1.1) translate3d(0,3%,0)}.motion--drift-up.is-active .chapter__image,.motion--drift-up.is-active .chapter__video{transform:scale(1.1) translate3d(0,-2%,0)}.motion--reveal .chapter__media::after{opacity:1}.motion--reveal.is-active .chapter__media::after{opacity:.72}.motion--reveal .chapter__image,.motion--reveal .chapter__video{transform:scale(1.04);opacity:.72}.motion--reveal.is-active .chapter__image,.motion--reveal.is-active .chapter__video{transform:scale(1);opacity:1}.motion--float .chapter__media{transition:transform 6s var(--ease-in-out)}.motion--float.is-active .chapter__media{transform:rotate(1deg) translate3d(0,-6px,0)}.motion--still .chapter__image,.motion--still .chapter__video{transform:none;transition:none}.motion--collage .collage figure{transition:transform 1s var(--ease-out),opacity .7s var(--ease-out);opacity:.35}.motion--collage.is-active .collage figure{opacity:1}.motion--collage.is-active .collage figure:nth-child(1){transform:rotate(-4deg) translate3d(0,-8px,0)}.motion--collage.is-active .collage figure:nth-child(2){transform:rotate(5deg) translate3d(0,5px,0)}.motion--collage.is-active .collage figure:nth-child(3){transform:rotate(2deg) translate3d(0,-4px,0)}
.chapter--paper{background:var(--paper)}.chapter--paper .chapter__media::after{background:linear-gradient(90deg,rgb(243 235 221/.58),transparent 50%)}.chapter--ending .chapter__media::after{background:linear-gradient(180deg,var(--scene-tint),var(--scene-end))}.chapter--collage{background:var(--scene-bg)}
@keyframes cloudLeft{to{transform:translate3d(-68vw,-18vh,0) rotate(4deg);opacity:0}}@keyframes cloudRight{to{transform:translate3d(70vw,15vh,0) rotate(-4deg);opacity:0}}@keyframes cloudDown{to{transform:translate3d(0,65vh,0);opacity:0}}@keyframes gateContent{to{opacity:0;transform:scale(.96)}}@keyframes sound{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@media(min-width:900px){.chapter{padding-left:max(8vw,calc((100vw - 980px)/2));padding-right:max(8vw,calc((100vw - 980px)/2))}.chapter__title{font-size:64px}.chapter__text{font-size:17px}.chapter--paper .chapter__media{right:6%;left:52%}.chapter--paper .chapter__content{width:48%}}
@media(max-width:600px){.chapter--paper{align-items:flex-end}.chapter--paper .chapter__media{inset:5% -10% 38% 18%;border-width:7px}.chapter--paper .chapter__content{width:100%}.chapter--paper::after{content:"";position:absolute;z-index:-1;inset:48% 0 0;background:linear-gradient(transparent,var(--paper) 24%)}.chapter--paper .chapter__title{font-size:34px}.chapter--paper .chapter__text{font-size:14px}.chapter__title{max-width:10em}.chapter__text{font-size:14px}.collage figure{border-width:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cloud{display:none}.gate.is-opening .gate__content{animation:none}.chapter__content{transition:opacity .2s ease;transform:none}.chapter .chapter__image,.chapter .chapter__video{transition:none;transform:none}.motion--float .chapter__media{transition:none;transform:none}.motion--collage .collage figure{transition:none;opacity:1}.sound__bars i{animation:none}.gate{transition:opacity .25s ease,visibility .25s}}
@media(prefers-reduced-transparency:reduce){.sound{background:#24211e;backdrop-filter:none}}
.chapter__backdrop{position:absolute;z-index:-5;inset:-8%;overflow:hidden;background:var(--scene-bg)}.chapter__backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,color-mix(in srgb,var(--scene-bg) 72%,transparent),color-mix(in srgb,var(--scene-end) 78%,transparent));mix-blend-mode:multiply}.chapter__backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(24px) saturate(.72);opacity:.72;transform:scale(1.08);transition:transform 10s linear,opacity .8s var(--ease-out)}.chapter.is-active .chapter__backdrop img{transform:scale(1.02);opacity:.86}
@media(prefers-reduced-motion:reduce){.chapter__backdrop img,.chapter.is-active .chapter__backdrop img{transition:none;transform:scale(1.04)}}
.chapter__date{display:block;margin:0 0 10px;color:var(--accent);font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-shadow:0 2px 12px rgb(0 0 0/.3)}.chapter--paper .chapter__date{color:#846b59;text-shadow:none}
.chapter__content{position:relative;z-index:1}.chapter__content::before{content:"";position:absolute;z-index:-1;inset:-34px -28px;background:radial-gradient(ellipse at 35% 58%,rgb(16 14 12/.56),rgb(16 14 12/.2) 52%,transparent 74%);filter:blur(10px);opacity:.78;pointer-events:none}.chapter--paper .chapter__content::before{display:none}
.layout--top-left,.layout--top-right{align-items:flex-start}.layout--middle-left,.layout--middle-right{align-items:center}.layout--bottom-left,.layout--bottom-right{align-items:flex-end}.layout--top-right,.layout--middle-right,.layout--bottom-right{justify-content:flex-end}.layout--top-right .chapter__content,.layout--middle-right .chapter__content,.layout--bottom-right .chapter__content{text-align:right}.layout--top-right .chapter__kicker,.layout--middle-right .chapter__kicker,.layout--bottom-right .chapter__kicker{justify-content:flex-end}.layout--top-right .chapter__title,.layout--top-right .chapter__text,.layout--middle-right .chapter__title,.layout--middle-right .chapter__text,.layout--bottom-right .chapter__title,.layout--bottom-right .chapter__text{margin-left:auto}.layout--center{align-items:center;justify-content:center}.layout--center .chapter__content{text-align:center}.layout--center .chapter__kicker{justify-content:center}.layout--center .chapter__title,.layout--center .chapter__text{margin-left:auto;margin-right:auto}
.layout--top-left .chapter__media::after,.layout--top-right .chapter__media::after{background:linear-gradient(180deg,var(--scene-end) 0%,rgb(18 16 14/.38) 43%,var(--scene-tint) 76%)}.layout--middle-left .chapter__media::after{background:linear-gradient(90deg,var(--scene-end) 0%,rgb(18 16 14/.3) 48%,var(--scene-tint) 82%)}.layout--middle-right .chapter__media::after{background:linear-gradient(270deg,var(--scene-end) 0%,rgb(18 16 14/.3) 48%,var(--scene-tint) 82%)}
.text--compact .chapter__title{font-size:clamp(29px,8vw,48px);line-height:1.28}.text--compact .chapter__text{max-width:31em;font-size:14px}.text--large .chapter__title{font-size:clamp(40px,11vw,68px);line-height:1.17}.text--large .chapter__text{max-width:32em}
@media(max-width:600px){.chapter{padding-left:24px;padding-right:24px}.chapter__content{width:min(88vw,440px)}.layout--top-left,.layout--top-right{padding-top:max(104px,16vh)}.layout--top-right .chapter__content,.layout--middle-right .chapter__content,.layout--bottom-right .chapter__content{width:min(82vw,390px)}.chapter--paper.layout--middle-left,.chapter--paper.layout--middle-right{align-items:flex-end}.chapter--paper .chapter__content{width:100%}.text--large .chapter__title{font-size:clamp(37px,10.5vw,48px)}}
.chapter__kicker{display:block;margin-bottom:14px;letter-spacing:.08em}.chapter__kicker::before{display:none}
.treatment--print,.treatment--split{background-color:#eee4d4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.035'/%3E%3C/svg%3E")}.treatment--print .chapter__backdrop,.treatment--split .chapter__backdrop{opacity:.18}.treatment--print .chapter__content::before,.treatment--split .chapter__content::before{display:none}.treatment--print .chapter__title,.treatment--split .chapter__title{color:var(--ink);text-shadow:none}.treatment--print .chapter__text,.treatment--split .chapter__text{color:#5c5145}.treatment--print .chapter__kicker,.treatment--split .chapter__kicker{color:#887462}.treatment--print .chapter__date,.treatment--split .chapter__date{color:#9a664c;text-shadow:none}
.treatment--print{align-items:flex-end}.treatment--print .chapter__media{inset:6% 7% 37%;z-index:-1;border:8px solid #f7f0e5;box-shadow:0 18px 50px rgb(65 47 32/.2);transform:rotate(-1.2deg)}.treatment--print .chapter__media::after{background:linear-gradient(180deg,transparent 65%,rgb(54 40 31/.12))}.treatment--print .chapter__content{width:min(100%,620px)}
.treatment--split{align-items:flex-end;padding-bottom:max(62px,8vh)}.treatment--split .chapter__media{inset:0 0 43%;z-index:-1}.treatment--split .chapter__media::after{background:linear-gradient(180deg,transparent 72%,rgb(238 228 212/.5))}.treatment--split .chapter__content{width:min(100%,680px)}
.treatment--film{align-items:flex-end;background:#151412;padding-bottom:max(58px,8vh)}.treatment--film .chapter__backdrop{opacity:.42}.treatment--film .chapter__media{inset:8% 0 36%;z-index:-1;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);background:#211e1b}.treatment--film .chapter__media::after{background:linear-gradient(180deg,rgb(0 0 0/.04),rgb(0 0 0/.08))}.treatment--film .chapter__content{width:min(100%,680px)}.treatment--film .chapter__content::before{opacity:.45}
.treatment--paper .chapter__kicker{letter-spacing:.04em}.treatment--collage .chapter__kicker{color:rgba(255,255,255,.72)}
@media(min-width:800px){.treatment--print .chapter__media{inset:7% 38% 9% 9%}.treatment--print{align-items:center;justify-content:flex-end}.treatment--print .chapter__content{width:42%}.treatment--split .chapter__media{inset:0 44% 0 0}.treatment--split{align-items:center;justify-content:flex-end}.treatment--split .chapter__content{width:38%}.treatment--film .chapter__media{inset:9% 5% 31%}.treatment--film .chapter__content{width:min(58%,680px)}}
@media(max-width:600px){.treatment--print,.treatment--split,.treatment--film{padding-left:24px;padding-right:24px}.treatment--print .chapter__title,.treatment--split .chapter__title{font-size:clamp(30px,8.5vw,40px)}.treatment--print .chapter__text,.treatment--split .chapter__text{font-size:14px;line-height:1.75}.treatment--film.layout--bottom-right .chapter__content{text-align:left;width:100%}.treatment--film.layout--bottom-right .chapter__kicker{justify-content:flex-start}.treatment--film.layout--bottom-right .chapter__title,.treatment--film.layout--bottom-right .chapter__text{margin-left:0}}
.treatment--headline{align-items:flex-end;justify-content:flex-start;padding-bottom:max(48px,6vh);background-color:#eee4d4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='h'%3E%3CfeTurbulence baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23h)' opacity='.032'/%3E%3C/svg%3E")}.treatment--headline .chapter__backdrop{opacity:.14}.treatment--headline .chapter__media{inset:0 0 34%;z-index:-1;background:var(--scene-bg);overflow:hidden}.treatment--headline .chapter__media::before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:-1px;height:30%;background:linear-gradient(180deg,transparent,rgb(238 228 212/.78));backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(180deg,transparent,#000);mask-image:linear-gradient(180deg,transparent,#000)}.treatment--headline .chapter__media::after{background:linear-gradient(180deg,var(--scene-tint),transparent 66%)}.treatment--headline .chapter__image,.treatment--headline .chapter__video{object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 0 76%,rgb(0 0 0/.86) 88%,transparent 100%);mask-image:linear-gradient(180deg,#000 0 76%,rgb(0 0 0/.86) 88%,transparent 100%)}.treatment--headline .chapter__content{width:min(100%,880px)}.treatment--headline .chapter__content::before{display:none}.treatment--headline .chapter__title{max-width:11em;color:var(--ink);font-size:clamp(43px,12vw,76px);line-height:1.08;text-shadow:none}.treatment--headline .chapter__text{max-width:38em;color:#574b40;font-size:15px;line-height:1.8}.treatment--headline .chapter__kicker{color:#806b5a}.treatment--headline .chapter__date{color:#9a6348;text-shadow:none}
@media(min-width:800px){.treatment--headline{padding-bottom:max(48px,6vh)}.treatment--headline .chapter__media{inset:0 0 30%}.treatment--headline .chapter__content{width:min(72%,900px)}.treatment--headline .chapter__title{font-size:clamp(58px,6.5vw,94px);max-width:12em}.treatment--headline .chapter__text{font-size:17px}}
@media(max-width:600px){.treatment--headline{padding-left:24px;padding-right:24px}.treatment--headline .chapter__media{inset:0 0 39%}.treatment--headline .chapter__title{font-size:clamp(39px,10.8vw,50px)}.treatment--headline .chapter__text{font-size:14px;line-height:1.72}}
@media(prefers-reduced-transparency:reduce){.treatment--headline .chapter__media::before{backdrop-filter:none;background:linear-gradient(180deg,transparent,#eee4d4)}}
.chapter__ordinal{display:none}.treatment--cover{align-items:flex-end;min-height:100dvh;padding-bottom:max(68px,10vh);background:var(--scene-bg)}.treatment--cover .chapter__backdrop{display:none}.treatment--cover .chapter__media{inset:0;z-index:-3}.treatment--cover .chapter__media::after{background:linear-gradient(180deg,rgb(13 12 11/.05) 0%,rgb(13 12 11/.08) 35%,rgb(13 12 11/.28) 58%,rgb(13 12 11/.91) 100%)}.treatment--cover .chapter__content{width:min(100%,980px);padding-top:34px;border-top:1px solid rgba(255,255,255,.42)}.treatment--cover .chapter__content::before{inset:-70px -10vw -12px;background:linear-gradient(180deg,transparent,rgb(15 13 12/.38) 42%,rgb(15 13 12/.58));filter:blur(14px);opacity:1}.treatment--cover .chapter__ordinal{position:absolute;display:block;right:0;bottom:calc(100% + 18px);color:rgba(255,255,255,.8);font:500 clamp(54px,15vw,124px)/.82 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em;text-shadow:0 3px 24px rgb(0 0 0/.24)}.treatment--cover .chapter__date{margin-bottom:12px;color:rgba(255,255,255,.74);font-size:11px}.treatment--cover .chapter__kicker{margin-bottom:10px;color:rgba(255,255,255,.68);font-size:11px}.treatment--cover .chapter__title{max-width:10em;color:#fff;font-size:clamp(47px,12vw,92px);line-height:1.02;text-shadow:0 4px 30px rgb(0 0 0/.32)}.treatment--cover .chapter__text{max-width:37em;margin-top:18px;color:rgba(255,255,255,.88);font-size:15px;line-height:1.75}.treatment--cover.layout--bottom-right .chapter__content{text-align:left}.treatment--cover.layout--bottom-right .chapter__title,.treatment--cover.layout--bottom-right .chapter__text{margin-left:0}.treatment--cover.layout--bottom-right .chapter__ordinal{right:auto;left:0}
@media(min-width:900px){.treatment--cover{padding-bottom:max(72px,9vh)}.treatment--cover .chapter__content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);column-gap:70px;align-items:end}.treatment--cover .chapter__ordinal{right:0;bottom:calc(100% + 24px)}.treatment--cover .chapter__date,.treatment--cover .chapter__kicker{grid-column:1}.treatment--cover .chapter__title{grid-column:1;grid-row:3/5}.treatment--cover .chapter__text{grid-column:2;grid-row:3/5;margin:0 0 5px}.treatment--cover .chapter__title{font-size:clamp(70px,7vw,108px)}}
@media(max-width:600px){.treatment--cover{padding-left:24px;padding-right:24px;padding-bottom:max(70px,9vh)}.treatment--cover .chapter__content{width:100%;padding-top:22px}.treatment--cover .chapter__ordinal{bottom:calc(100% + 14px);font-size:clamp(58px,18vw,78px)}.treatment--cover .chapter__title{font-size:clamp(43px,12vw,54px);max-width:9em}.treatment--cover .chapter__text{max-width:29em;font-size:14px;line-height:1.72}}
.scroll-hint{position:fixed;z-index:21;left:50%;bottom:max(20px,env(safe-area-inset-bottom));display:grid;justify-items:center;gap:7px;transform:translateX(-50%);color:rgba(255,255,255,.72);font-size:10px;letter-spacing:.14em;text-shadow:0 1px 10px rgb(0 0 0/.5);opacity:1;transition:opacity .24s var(--ease-out),transform .24s var(--ease-out);pointer-events:none}.scroll-hint.is-hidden{opacity:0;transform:translate(-50%,12px)}.scroll-hint i{display:block;width:10px;height:10px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);animation:hintBounce 1.6s var(--ease-in-out) infinite}@keyframes hintBounce{0%,100%{transform:translateY(-2px) rotate(45deg);opacity:.45}50%{transform:translateY(5px) rotate(45deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.scroll-hint i{animation:none;transform:rotate(45deg)}}
/* Media is the layout: no photo frames, rails or ornamental divider lines. */
.chapter__content,.treatment--cover .chapter__content{border:0}.chapter__placeholder::before{border:0;box-shadow:none}.chapter--paper .chapter__media,.treatment--print .chapter__media,.treatment--film .chapter__media,.collage figure{border:0;box-shadow:none}.chapter--paper .chapter__media{transform:none}.treatment--print .chapter__media{transform:none}.treatment--film .chapter__media{border:0}.chapter__kicker::before{display:none}
.chapter--video.video-layout--portrait-cover .chapter__media{inset:0;z-index:-3}.chapter--video.video-layout--portrait-cover .chapter__video{width:100%;height:100%;object-fit:cover}.chapter--video.video-layout--portrait-cover .chapter__media::after{background:linear-gradient(180deg,rgb(14 12 11/.04) 12%,rgb(14 12 11/.14) 48%,rgb(14 12 11/.9) 100%)}
.chapter--video.video-layout--landscape-top{align-items:flex-end;padding-bottom:max(52px,7vh);background:#eee4d4}.chapter--video.video-layout--landscape-top .chapter__backdrop{display:block;opacity:.22}.chapter--video.video-layout--landscape-top .chapter__media{inset:0 0 46%;z-index:-1;background:#191715}.chapter--video.video-layout--landscape-top .chapter__video{width:100%;height:100%;object-fit:contain;transform:none}.chapter--video.video-layout--landscape-top .chapter__media::before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:-1px;height:24%;background:linear-gradient(180deg,transparent,#eee4d4);pointer-events:none}.chapter--video.video-layout--landscape-top .chapter__media::after{background:none}.chapter--video.video-layout--landscape-top .chapter__content{width:min(100%,760px)}.chapter--video.video-layout--landscape-top .chapter__content::before{display:none}.chapter--video.video-layout--landscape-top .chapter__title{max-width:12em;color:var(--ink);font-size:clamp(38px,10vw,68px);line-height:1.12;text-shadow:none}.chapter--video.video-layout--landscape-top .chapter__text{color:#5b4f43}.chapter--video.video-layout--landscape-top .chapter__kicker{color:#816e5e}.chapter--video.video-layout--landscape-top .chapter__date{color:#9a6348;text-shadow:none}
.chapter--video.video-layout--landscape-center{align-items:flex-end;padding-bottom:max(48px,7vh);background:var(--scene-bg)}.chapter--video.video-layout--landscape-center .chapter__backdrop{display:block;opacity:.88}.chapter--video.video-layout--landscape-center .chapter__backdrop img{filter:blur(30px) saturate(.65) brightness(.6)}.chapter--video.video-layout--landscape-center .chapter__media{inset:12% 0 38%;z-index:-1;background:#171513}.chapter--video.video-layout--landscape-center .chapter__video{width:100%;height:100%;object-fit:contain;transform:none}.chapter--video.video-layout--landscape-center .chapter__media::after{background:none}.chapter--video.video-layout--landscape-center .chapter__content{width:min(100%,760px)}
@media(min-width:800px){.chapter--video.video-layout--landscape-top .chapter__media{inset:0 0 38%}.chapter--video.video-layout--landscape-top .chapter__content{width:min(65%,760px)}.chapter--video.video-layout--landscape-center .chapter__media{inset:8% 12% 32%}.chapter--video.video-layout--landscape-center .chapter__content{width:min(62%,760px)}}
@media(max-width:600px){.chapter--video.video-layout--landscape-top,.chapter--video.video-layout--landscape-center{padding-left:24px;padding-right:24px}.chapter--video.video-layout--landscape-top .chapter__media{inset:0 0 51%}.chapter--video.video-layout--landscape-top .chapter__title{font-size:clamp(34px,9.4vw,44px)}.chapter--video.video-layout--landscape-center .chapter__media{inset:13% 0 42%}}
/* Editorial type voices: modern covers, bookish keepsakes, quiet body copy. */
.chapter__title{font-family:var(--display);font-weight:600;line-height:1.16}.chapter__text{font-weight:400;letter-spacing:0;line-height:1.82}.chapter__kicker{font-weight:500;letter-spacing:.06em}.chapter__date{font-family:var(--numbers);font-weight:600;letter-spacing:.1em}.chapter__ordinal,.treatment--cover .chapter__ordinal{font-family:var(--numbers);font-weight:600;letter-spacing:-.04em}
.treatment--paper .chapter__title,.treatment--print .chapter__title{font-family:var(--serif);font-weight:500;line-height:1.26}.treatment--paper .chapter__text,.treatment--print .chapter__text{font-family:var(--serif);line-height:1.9}.treatment--collage .chapter__title{font-family:var(--serif);font-weight:500}.chapter--ending .chapter__title{font-family:var(--serif);font-weight:500;line-height:1.2}
.treatment--cover .chapter__title,.treatment--headline .chapter__title{font-family:var(--display);font-weight:600;line-height:1.08}.treatment--film .chapter__title{font-family:var(--display);font-weight:500}.treatment--split .chapter__title{font-family:var(--display);font-weight:600}
@media(max-width:600px){.chapter__text{line-height:1.78}.treatment--paper .chapter__text,.treatment--print .chapter__text{line-height:1.86}}
/* Offset images merge through masks instead of frames. */
.chapter--paper .chapter__media,.treatment--print .chapter__media,.collage figure{border:0;box-shadow:none;background:transparent}.chapter--paper .chapter__media{overflow:visible;-webkit-mask-image:linear-gradient(115deg,transparent 0%,#000 12%,#000 74%,transparent 100%);mask-image:linear-gradient(115deg,transparent 0%,#000 12%,#000 74%,transparent 100%)}.chapter--paper .chapter__media::after{background:linear-gradient(110deg,rgba(243,235,221,.5),transparent 28%,transparent 70%,rgba(243,235,221,.66))}.treatment--print .chapter__media{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 76%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 76%,transparent 100%)}.treatment--print .chapter__media::after{background:linear-gradient(180deg,transparent 54%,rgba(238,228,212,.72) 88%,#eee4d4 100%)}
.collage figure{isolation:isolate}.collage figure::after{content:"";position:absolute;inset:0;pointer-events:none}.collage figure:nth-child(1){-webkit-mask-image:linear-gradient(135deg,#000 0 72%,transparent 100%);mask-image:linear-gradient(135deg,#000 0 72%,transparent 100%)}.collage figure:nth-child(2){-webkit-mask-image:linear-gradient(225deg,#000 0 68%,transparent 100%);mask-image:linear-gradient(225deg,#000 0 68%,transparent 100%)}.collage figure:nth-child(3){-webkit-mask-image:linear-gradient(25deg,#000 0 72%,transparent 100%);mask-image:linear-gradient(25deg,#000 0 72%,transparent 100%)}.collage figure:nth-child(1)::after{background:linear-gradient(135deg,transparent 58%,rgba(41,35,30,.72))}.collage figure:nth-child(2)::after{background:linear-gradient(225deg,transparent 55%,rgba(41,35,30,.68))}.collage figure:nth-child(3)::after{background:linear-gradient(25deg,transparent 56%,rgba(41,35,30,.7))}
@media(max-width:600px){.chapter--paper .chapter__media{-webkit-mask-image:linear-gradient(180deg,#000 0 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0 72%,transparent 100%)}.chapter--paper .chapter__media::after{background:linear-gradient(180deg,transparent 58%,var(--paper) 100%)}}
/* Every cropped media edge dissolves into its page; no visible horizontal seam. */
.treatment--split .chapter__media,.treatment--film .chapter__media,.treatment--headline .chapter__media,.chapter--video.video-layout--landscape-top .chapter__media,.chapter--video.video-layout--landscape-center .chapter__media{border:0;box-shadow:none}
.treatment--split .chapter__media{-webkit-mask-image:linear-gradient(180deg,#000 0 68%,rgb(0 0 0/.82) 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 0 68%,rgb(0 0 0/.82) 80%,transparent 100%)}.treatment--split .chapter__media::after{background:linear-gradient(180deg,transparent 50%,rgba(238,228,212,.38) 76%,#eee4d4 100%)}
.treatment--film .chapter__media{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 74%,transparent 100%)}.treatment--film .chapter__media::after{background:linear-gradient(180deg,var(--scene-bg) 0%,transparent 18%,transparent 68%,var(--scene-end) 100%)}
.treatment--headline .chapter__media{-webkit-mask-image:linear-gradient(180deg,#000 0 70%,rgb(0 0 0/.76) 84%,transparent 100%);mask-image:linear-gradient(180deg,#000 0 70%,rgb(0 0 0/.76) 84%,transparent 100%)}
.chapter--video.video-layout--landscape-top .chapter__media{-webkit-mask-image:linear-gradient(180deg,#000 0 72%,rgb(0 0 0/.76) 84%,transparent 100%);mask-image:linear-gradient(180deg,#000 0 72%,rgb(0 0 0/.76) 84%,transparent 100%)}.chapter--video.video-layout--landscape-top .chapter__media::before{height:34%;background:linear-gradient(180deg,transparent,rgba(238,228,212,.56) 68%,#eee4d4)}
.chapter--video.video-layout--landscape-center .chapter__media{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 72%,transparent 100%)}.chapter--video.video-layout--landscape-center .chapter__media::after{background:linear-gradient(180deg,var(--scene-bg),transparent 16%,transparent 70%,var(--scene-end))}
.chapter__placeholder::before{border:0;box-shadow:none}
/* Paper chapters (03 / 06): remove the rectangular image-region silhouette too. */
.chapter--paper.treatment--paper .chapter__media{inset:-5% -10% -5% 34%;overflow:hidden;background:transparent;border:0;box-shadow:none;transform:none;-webkit-mask-image:radial-gradient(ellipse 82% 72% at 62% 48%,#000 0%,#000 50%,rgb(0 0 0/.82) 66%,transparent 100%);mask-image:radial-gradient(ellipse 82% 72% at 62% 48%,#000 0%,#000 50%,rgb(0 0 0/.82) 66%,transparent 100%)}.chapter--paper.treatment--paper .chapter__media::after{background:linear-gradient(90deg,var(--paper) 0%,rgba(243,235,221,.72) 12%,transparent 42%,rgba(243,235,221,.08) 82%,var(--paper) 100%)}.chapter--paper.treatment--paper .chapter__image{object-fit:cover}.chapter--paper.treatment--paper .chapter__placeholder{background:radial-gradient(ellipse at 65% 48%,var(--scene-bg),transparent 72%)}
@media(min-width:900px){.chapter--paper.treatment--paper .chapter__media{inset:-8% -8% -8% 38%;-webkit-mask-image:radial-gradient(ellipse 84% 76% at 64% 50%,#000 0%,#000 54%,rgb(0 0 0/.78) 72%,transparent 100%);mask-image:radial-gradient(ellipse 84% 76% at 64% 50%,#000 0%,#000 54%,rgb(0 0 0/.78) 72%,transparent 100%)}}
@media(max-width:600px){.chapter--paper.treatment--paper .chapter__media{inset:-4% -14% 35% 4%;-webkit-mask-image:radial-gradient(ellipse 84% 78% at 58% 40%,#000 0%,#000 52%,rgb(0 0 0/.76) 70%,transparent 100%);mask-image:radial-gradient(ellipse 84% 78% at 58% 40%,#000 0%,#000 52%,rgb(0 0 0/.76) 70%,transparent 100%)}.chapter--paper.treatment--paper .chapter__media::after{background:linear-gradient(180deg,rgba(243,235,221,.08),transparent 45%,rgba(243,235,221,.7) 76%,var(--paper) 100%)}}
.gallery{position:absolute;z-index:-2;inset:0;overflow:hidden}.gallery figure{position:absolute;margin:0;overflow:hidden;background:var(--scene-bg);border:0;box-shadow:none;-webkit-mask-image:radial-gradient(ellipse 88% 82% at center,#000 0%,#000 58%,rgb(0 0 0/.74) 74%,transparent 100%);mask-image:radial-gradient(ellipse 88% 82% at center,#000 0%,#000 58%,rgb(0 0 0/.74) 74%,transparent 100%)}.gallery figure .chapter__image{width:100%;height:100%;object-fit:cover}.gallery figure .chapter__placeholder{z-index:2}.gallery--2 figure:nth-child(1){inset:0 43% 24% 0}.gallery--2 figure:nth-child(2){inset:31% 0 0 39%}.gallery--3 figure:nth-child(1){inset:0 42% 46% 0}.gallery--3 figure:nth-child(2){inset:20% 0 23% 43%}.gallery--3 figure:nth-child(3){inset:58% 34% 0 5%}.gallery--4 figure:nth-child(1){inset:0 49% 48% 0}.gallery--4 figure:nth-child(2){inset:0 0 48% 48%}.gallery--4 figure:nth-child(3){inset:49% 49% 0 0}.gallery--4 figure:nth-child(4){inset:49% 0 0 48%}.gallery::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgb(22 18 15/.22) 63%,var(--scene-end) 100%);pointer-events:none}.treatment--gallery .chapter__content,.treatment--cover-gallery .chapter__content,.treatment--split-gallery .chapter__content{width:min(100%,680px)}.treatment--cover-gallery .gallery figure:nth-child(1){inset:0 34% 20% 0}.treatment--cover-gallery .gallery figure:nth-child(2){inset:18% 0 0 48%}.treatment--split-gallery{background:#eee4d4}.treatment--split-gallery .gallery{bottom:38%}.treatment--split-gallery .gallery::after{background:linear-gradient(180deg,transparent 55%,#eee4d4 100%)}.treatment--split-gallery .chapter__content{align-self:flex-end}.treatment--split-gallery .chapter__content::before{display:none}.treatment--split-gallery .chapter__title{color:var(--ink);text-shadow:none}.treatment--split-gallery .chapter__text{color:#5c5145}.treatment--split-gallery .chapter__kicker{color:#887462}
@media(max-width:600px){.gallery--2 figure:nth-child(1){inset:0 23% 43% -8%}.gallery--2 figure:nth-child(2){inset:34% -10% 5% 31%}.gallery--3 figure:nth-child(1){inset:0 28% 56% -7%}.gallery--3 figure:nth-child(2){inset:24% -9% 34% 37%}.gallery--3 figure:nth-child(3){inset:57% 23% 0 2%}.gallery--4 figure:nth-child(1){inset:0 42% 57% -8%}.gallery--4 figure:nth-child(2){inset:3% -9% 54% 48%}.gallery--4 figure:nth-child(3){inset:42% 39% 16% -7%}.gallery--4 figure:nth-child(4){inset:48% -9% 7% 43%}.gallery figure{-webkit-mask-image:radial-gradient(ellipse 90% 84% at center,#000 0%,#000 52%,rgb(0 0 0/.72) 72%,transparent 100%);mask-image:radial-gradient(ellipse 90% 84% at center,#000 0%,#000 52%,rgb(0 0 0/.72) 72%,transparent 100%)}.treatment--split-gallery .gallery{bottom:43%}}
/* Romantic storybook lock screen — familiar keypad, original illustrated world. */
.gate--storybook{background:linear-gradient(180deg,#615c92 0%,#a986a5 48%,#efbba5 100%);transition:opacity .75s var(--ease-out),visibility .75s}.gate--storybook::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 18%,rgba(255,246,203,.2),transparent 22%),radial-gradient(circle at 82% 36%,rgba(255,215,220,.24),transparent 24%),linear-gradient(180deg,transparent 58%,rgba(96,70,91,.18));pointer-events:none}.gate--storybook::after{opacity:.018}.gate__sky{position:absolute;z-index:1;inset:0;overflow:hidden}.gate__moon{position:absolute;right:14%;top:9%;width:72px;aspect-ratio:1;border-radius:50%;background:#fff0bd;box-shadow:0 0 0 10px rgba(255,238,185,.08),0 14px 35px rgba(80,55,90,.18)}.gate__moon::after{content:"";position:absolute;width:64px;aspect-ratio:1;left:-17px;top:-10px;border-radius:50%;background:#716891}.gate__star{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff5cf;box-shadow:0 0 0 4px rgba(255,245,207,.1);animation:starTwinkle 2.4s ease-in-out infinite alternate}.gate__star--one{left:14%;top:14%}.gate__star--two{left:72%;top:26%;animation-delay:-.8s}.gate__star--three{left:31%;top:32%;animation-delay:-1.5s}.gate__home{position:absolute;left:50%;bottom:4%;width:112px;height:62px;transform:translateX(-50%);border-radius:16px 16px 5px 5px;background:#74566f;box-shadow:0 18px 45px rgba(67,42,61,.24)}.gate__home::before{content:"";position:absolute;left:8px;top:-42px;border-left:48px solid transparent;border-right:48px solid transparent;border-bottom:50px solid #684d69}.gate__home::after{content:"";position:absolute;left:43px;bottom:0;width:27px;height:42px;border-radius:14px 14px 0 0;background:#f6c58e;box-shadow:0 0 22px rgba(255,211,151,.5)}.gate__home i{position:absolute;z-index:1;left:52px;top:-66px;width:8px;height:8px;border-radius:50%;background:#f9c0bd;box-shadow:-10px 8px 0 #f9c0bd,10px 8px 0 #f9c0bd,0 18px 0 #f9c0bd}.gate--storybook .gate__content{z-index:4;width:min(88vw,390px);padding:calc(env(safe-area-inset-top) + 28px) 0 calc(env(safe-area-inset-bottom) + 18px);text-align:center}.gate--storybook .gate__date{margin:0 0 15px;color:rgba(255,255,255,.74);font-family:var(--numbers);letter-spacing:.14em}.gate--storybook h1{font-family:var(--display);font-size:clamp(31px,8vw,40px);font-weight:600;line-height:1.2;color:#fffaf3;text-shadow:0 3px 18px rgba(74,49,75,.22)}.gate--storybook .gate__hint{margin:10px 0 18px;color:rgba(255,255,255,.82);font-size:13px}.gate--storybook .password{width:min(300px,82vw);margin:auto}.gate--storybook .password__native{width:1px;height:1px;pointer-events:none}.gate--storybook .password__digits{display:flex;justify-content:center;gap:16px;margin:0 0 6px}.gate--storybook .password__digits span{width:12px;height:12px;border:1.5px solid rgba(255,255,255,.9);border-radius:50%;background:transparent;box-shadow:none;transition:background-color .14s var(--ease-out),transform .14s var(--ease-out)}.gate--storybook .password__digits span:not(:empty){background:#fff;border-color:#fff;transform:scale(.94);color:transparent}.gate--storybook .password__digits span.active{border-color:#fff;background:rgba(255,255,255,.2);transform:scale(1.08)}.gate--storybook .password__error{min-height:20px;margin:7px 0 4px;color:#fff3ed;font-size:12px;text-shadow:0 1px 8px rgba(95,47,67,.32)}.keypad{display:grid;grid-template-columns:repeat(3,64px);justify-content:center;gap:10px 22px}.keypad button{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font:500 25px/1 var(--numbers);box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 18px rgba(79,55,80,.08);cursor:pointer;touch-action:manipulation;transition:transform .12s var(--ease-out),background-color .15s ease}.keypad button:active{transform:scale(.92);background:rgba(255,255,255,.32)}.keypad button:focus-visible{outline:2px solid #fff1be;outline-offset:3px}.keypad .keypad__delete{border-color:transparent;background:transparent;box-shadow:none;font-family:var(--sans);font-size:20px}.password.is-wrong .password__digits{animation:passwordShake .38s var(--ease-out)}
.gate--storybook .cloud{z-index:3;filter:none;opacity:1;background:#fff5eb;box-shadow:inset 0 -14px 26px rgba(219,175,185,.16),0 10px 35px rgba(91,61,91,.12)}.gate--storybook .cloud::before,.gate--storybook .cloud::after{content:"";position:absolute;border-radius:50%;background:inherit;box-shadow:inherit}.gate--storybook .cloud::before{width:46%;height:120%;left:12%;top:-48%}.gate--storybook .cloud::after{width:50%;height:138%;right:7%;top:-62%}.gate--storybook .cloud--one{width:70vw;height:21vh;left:-22vw;top:30%;transform:rotate(7deg)}.gate--storybook .cloud--two{width:73vw;height:23vh;right:-25vw;bottom:15%;transform:rotate(-5deg)}.gate--storybook .cloud--three{width:64vw;height:17vh;left:18vw;bottom:-10vh;opacity:.92}.gate--storybook.is-opening .cloud--one{animation:storybookCloudLeft 1.75s var(--ease-in-out) forwards}.gate--storybook.is-opening .cloud--two{animation:storybookCloudRight 1.75s var(--ease-in-out) forwards}.gate--storybook.is-opening .cloud--three{animation:storybookCloudDown 1.55s var(--ease-in-out) forwards}.gate--storybook.is-opening .gate__sky{animation:skyOpen 1.2s var(--ease-out) forwards}.gate--storybook.is-opening .gate__content{animation:gateContent .62s var(--ease-out) forwards}
@keyframes passwordShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-9px)}50%{transform:translateX(8px)}75%{transform:translateX(-4px)}}@keyframes starTwinkle{to{opacity:.38;transform:scale(.72)}}@keyframes storybookCloudLeft{to{transform:translate3d(-82vw,-8vh,0) rotate(-8deg);opacity:.12}}@keyframes storybookCloudRight{to{transform:translate3d(84vw,5vh,0) rotate(7deg);opacity:.12}}@keyframes storybookCloudDown{to{transform:translate3d(0,48vh,0);opacity:0}}@keyframes skyOpen{to{opacity:.2;transform:scale(1.08)}}
@media(max-height:700px){.gate--storybook .gate__content{padding-top:18px;padding-bottom:10px}.gate--storybook .gate__date{margin-bottom:8px}.gate--storybook h1{font-size:27px}.gate--storybook .gate__hint{margin:6px 0 10px}.keypad{grid-template-columns:repeat(3,54px);gap:6px 20px}.keypad button{width:54px;height:54px;font-size:22px}.gate--storybook .password__error{margin:3px 0;min-height:17px}.gate__home{opacity:.64}}
@media(prefers-reduced-motion:reduce){.gate__star{animation:none}.password.is-wrong .password__digits{animation:none}.gate--storybook.is-opening .cloud--one,.gate--storybook.is-opening .cloud--two,.gate--storybook.is-opening .cloud--three{animation:none;opacity:0}.gate--storybook.is-opening .gate__sky{animation:none;opacity:0}}
/* Larger berry-toned keypad stays distinct from the cream clouds. */
.gate--storybook .password{width:min(344px,92vw)}.keypad{grid-template-columns:repeat(3,74px);gap:12px 25px}.keypad button{width:74px;height:74px;border:1px solid rgba(111,53,86,.22);background:rgba(150,78,111,.74);color:#fff9f1;font-size:28px;font-weight:600;box-shadow:inset 0 1px rgba(255,255,255,.28),0 8px 20px rgba(87,42,72,.18)}.keypad button:active{transform:scale(.92);background:#75415f}.keypad .keypad__delete{border-color:transparent;background:rgba(105,58,87,.28);color:#fff3e9;box-shadow:none}.gate--storybook .password__digits span{border-color:rgba(102,48,80,.72);background:rgba(255,244,235,.42)}.gate--storybook .password__digits span:not(:empty){border-color:#824b69;background:#824b69}.gate--storybook .password__digits span.active{border-color:#713c5d;background:rgba(130,75,105,.22)}
@media(max-height:760px){.keypad{grid-template-columns:repeat(3,62px);gap:8px 23px}.keypad button{width:62px;height:62px;font-size:25px}.gate--storybook .gate__hint{margin-bottom:12px}}
@media(max-height:650px){.keypad{grid-template-columns:repeat(3,52px);gap:5px 20px}.keypad button{width:52px;height:52px;font-size:22px}}
/* Readability guard: tame highlights globally, then protect only the text region. */
.chapter:not(.treatment--print):not(.treatment--split):not(.treatment--split-gallery):not(.chapter--paper) .chapter__image,.chapter:not(.treatment--print):not(.treatment--split):not(.treatment--split-gallery):not(.chapter--paper) .chapter__video,.chapter:not(.treatment--print):not(.treatment--split):not(.treatment--split-gallery):not(.chapter--paper) .gallery img{filter:brightness(.9) saturate(.94)}.chapter:not(.treatment--print):not(.treatment--split):not(.treatment--split-gallery):not(.chapter--paper) .chapter__title{text-shadow:0 2px 5px rgba(10,8,7,.42),0 10px 34px rgba(10,8,7,.38)}.chapter:not(.treatment--print):not(.treatment--split):not(.treatment--split-gallery):not(.chapter--paper) .chapter__text,.chapter:not(.treatment--print):not(.treatment--split):not(.treatment--split-gallery):not(.chapter--paper) .chapter__kicker,.chapter:not(.treatment--print):not(.treatment--split):not(.treatment--split-gallery):not(.chapter--paper) .chapter__date{text-shadow:0 1px 4px rgba(10,8,7,.68),0 5px 18px rgba(10,8,7,.4)}
.chapter.scrim--soft{--scrim-core:.34;--scrim-edge:.1}.chapter.scrim--medium{--scrim-core:.55;--scrim-edge:.16}.chapter.scrim--strong{--scrim-core:.72;--scrim-edge:.24}.chapter:not(.treatment--print):not(.treatment--split):not(.treatment--split-gallery):not(.chapter--paper) .chapter__content::before{display:block;inset:-46px -42px;background:radial-gradient(ellipse at 35% 58%,rgb(15 12 10/var(--scrim-core)) 0%,rgb(15 12 10/var(--scrim-edge)) 58%,transparent 76%);filter:blur(12px);opacity:1}.chapter.layout--top-right:not(.treatment--print):not(.treatment--split):not(.treatment--split-gallery):not(.chapter--paper) .chapter__content::before,.chapter.layout--middle-right:not(.treatment--print):not(.treatment--split):not(.treatment--split-gallery):not(.chapter--paper) .chapter__content::before,.chapter.layout--bottom-right:not(.treatment--print):not(.treatment--split):not(.treatment--split-gallery):not(.chapter--paper) .chapter__content::before{background:radial-gradient(ellipse at 68% 58%,rgb(15 12 10/var(--scrim-core)) 0%,rgb(15 12 10/var(--scrim-edge)) 58%,transparent 76%)}
.treatment--cover .chapter__media::after{background:linear-gradient(180deg,rgb(13 12 11/.08) 0%,rgb(13 12 11/.12) 35%,rgb(13 12 11/.38) 58%,rgb(13 12 11/.94) 100%)}.treatment--gallery .gallery::after,.treatment--cover-gallery .gallery::after{background:linear-gradient(180deg,transparent 32%,rgb(22 18 15/.28) 58%,var(--scene-end) 100%)}
@media(prefers-contrast:more){.chapter{--scrim-core:.78;--scrim-edge:.3}.chapter .chapter__title,.chapter .chapter__text,.chapter .chapter__kicker,.chapter .chapter__date{text-shadow:0 2px 4px rgba(0,0,0,.9)}}