:root{--bg:#0d110d;--cream:#eae4d4;--green:#c5ef77;--muted:#9da895;--line:#344031;--amber:#b98b56}body{background:var(--bg)}html{scroll-padding-top:100px}main{overflow:clip}img{user-select:none}body:after{content:'';position:fixed;inset:0;z-index:130;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.8'/%3E%3C/svg%3E")}.section{padding:clamp(80px,9vw,160px) 7%}.section-top{margin-bottom:65px}.section-top>span{font-size:9px;letter-spacing:2px}.progress{background:var(--green);height:2px}
header{position:fixed;top:25px;height:76px;border:0;background:none;transition:background .4s,height .4s,top .4s;z-index:30}header.docked{top:0;height:76px;background:#0d110de8;backdrop-filter:blur(18px);border-bottom:1px solid #eae4d414}.brand{font-size:31px}#menu-open{border:1px solid #eae4d445;border-radius:50px;padding:12px 20px;gap:22px;background:#0d110d45;backdrop-filter:blur(8px)}#menu-open b{font-size:17px}#menu-open:hover{background:var(--green);color:var(--bg);border-color:var(--green)}header .header-right>span{font-size:9px}.ticker.character-marquee{padding:36px 0 54px}.character-group{gap:28px;padding-right:28px}.character-frame{height:190px;flex-basis:210px}.character-frame img{filter:grayscale(.8) sepia(.25) contrast(1.08)}
.story{--green:#31552a;--cream:#1d2b1b;--muted:#5b6854;--line:#a5ac96;background:#e6dfcf;color:#1d2b1b;border-radius:48px 48px 0 0;isolation:isolate}.story .section-top{border-bottom:1px solid #a5ac9655;padding-bottom:24px}.story h2{font-size:clamp(42px,5.6vw,120px)}.story-note span,.story-afterword>p{color:var(--muted)}.story h2 .line-muted{color:#7b876d}.story-feature{aspect-ratio:1.22;border-radius:2px;box-shadow:0 30px 50px #27352022}.story-feature figcaption{color:#f5f0e6}.story-visual>p{color:#25351f}.story-gallery-label{margin-top:90px}.story-chapters{gap:30px}.chapter-image{aspect-ratio:4/5;border-radius:2px}.chapter-image img{object-position:50% center}.chapter-heading>span{font-size:clamp(25px,2.4vw,44px)}.chapter-number{color:#7d896e}.chapter-plus{width:28px;height:28px;border:1px solid #a5ac96;border-radius:50%;display:grid;place-items:center;font-size:20px}.chapter-body p{color:#4c5d42}.story-afterword{max-width:none;margin-top:90px;padding-left:8%;border-top:1px solid #a5ac96;padding-top:55px}.story-afterword:before{top:65px;font-size:100px;color:#789267}.story-afterword blockquote{font-size:clamp(34px,4.2vw,78px)}.story .story-source{color:#5b6854;font-size:8px;letter-spacing:1px}
.motion-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.motion-line>span{display:block;transform-origin:0 100%}.motion-line.line-accent{color:var(--green)}.premium .reveal{opacity:1;transform:none;transition:none}.street-title{position:relative;overflow:hidden;padding:60px 0 15px;color:#243020}.street-title>span{display:block;font:900 17.5vw/.85 var(--display);letter-spacing:-.04em;white-space:nowrap;transform:translateX(var(--street-shift,0px));will-change:transform}.street-title>small{position:absolute;left:7%;bottom:20px;color:var(--amber);font-size:9px;letter-spacing:3px}
.memories{padding-top:80px;background:radial-gradient(ellipse at 20% 40%,#21321d66,transparent 60%)}.memory-heading h2{font-size:clamp(60px,7vw,135px)}.memory-heading>p{color:var(--amber);font-family:Georgia,serif;font-style:italic;font-size:24px}.memory-stage{position:relative;display:block;min-height:640px}.memory-image{min-height:640px;clip-path:inset(0);margin:0}.memory-image img,.memory-image[data-scene] img{filter:saturate(.7) contrast(1.06);object-position:center;transform:scale(1.04);transition:none}.memory-image:after{inset:0;background:linear-gradient(90deg,transparent 10%,#0a10086b 48%,#0a1008de 100%),linear-gradient(0deg,#0a1008c9,transparent 45%)}.memory-image figcaption{left:35px;right:35px;bottom:30px}.memory-controls{position:absolute;right:5%;top:15%;width:34%;z-index:2;padding-left:25px;border-left:1px solid #eae4d430}.tabs{display:flex;gap:18px;flex-wrap:wrap;border-color:#eae4d435}.tabs button{font:700 14px var(--display);color:#c8d2bc;padding:14px 0;border-color:#c5ef77}.tabs button[aria-selected=true]{color:var(--green)}#memory-panel{min-height:220px;padding:30px 0 10px}#memory-panel h3{font:700 clamp(36px,3.4vw,60px)/1 var(--display);letter-spacing:-.02em;margin-bottom:23px}#memory-panel p{font-size:15px;line-height:1.8;color:#d1d7c7}.save-label{font-size:9px;letter-spacing:1px;color:var(--green)}
.interlude{height:110svh;min-height:650px;background:#080d08}.interlude>img{height:125%;top:-12.5%;filter:brightness(.35) saturate(.7);transform:translateY(var(--interlude-shift,0px)) scale(1.06);will-change:transform}.interlude:after{background:linear-gradient(var(--bg),transparent 22%,transparent 75%,var(--bg))}.interlude-content{max-width:95%;transform:translateY(var(--interlude-title,0px))}.interlude h2{font-size:clamp(55px,7.5vw,145px)}.interlude-orbit{position:absolute;width:min(65vw,850px);aspect-ratio:1;border:1px solid #c5ef7725;border-radius:50%;z-index:1;transform:rotate(var(--orbit-turn,0deg))}.interlude-orbit:before{content:'✦';position:absolute;top:0;left:50%;font-size:32px;color:var(--green);transform:translate(-50%,-50%)}
.final{background:radial-gradient(ellipse at 25% 17%,#263d1a55,transparent 40%)}.final-layout{grid-template-columns:1fr 1fr;gap:12%;padding:30px 0 60px}.age{position:relative;font-size:clamp(230px,33vw,580px);color:transparent;-webkit-text-stroke:1px #c5ef77;background:linear-gradient(0deg,#c5ef77 0%,#c5ef77 calc(var(--age-fill,1)*100%),transparent calc(var(--age-fill,1)*100%));background-clip:text;-webkit-background-clip:text}.age .age-kicker{font:9px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--amber);-webkit-text-stroke:0;margin:0 0 25px}.age>span:last-child{-webkit-text-stroke:0;color:var(--green)}.primary{border-radius:50px;padding:22px 28px;transition:transform .4s,background .4s;box-shadow:0 12px 45px #9bde4312}.closing{padding-top:35px;border-color:#344031;margin-top:85px}.personal-archive{margin-top:55px}.archive-intro h3{font-size:clamp(50px,5vw,95px)}.archive-photo{border-radius:2px}.archive-foot{color:var(--amber)}footer{padding:60px 7% 90px;border-color:#344031;background:#090e09}
#menu{padding:35px 6% 35px 49%;overflow-x:hidden;background:#0d110d;border:0;color:var(--cream)}#menu[open]{animation:none}#menu>.eyebrow{margin:65px 0 24px;color:var(--amber)}#menu nav a{font-size:clamp(40px,4.5vw,85px);line-height:1.15;padding:18px 0;overflow:hidden;border-color:#344031}#menu nav small{font-size:9px;margin-right:15px}.menu-top .brand{font-size:26px}.menu-top #menu-close{border-radius:50px}.menu-bottom{font-size:13px}.menu-bottom #motion{font-size:11px;border-radius:50px}.menu-preview{position:absolute;inset:20px auto 20px 20px;width:43%;overflow:hidden;border-radius:4px;background:#20301b}.menu-preview>img{width:100%;height:100%;object-fit:cover;object-position:45%;filter:brightness(.6) saturate(.7)}.menu-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d110dc9,transparent 70%)}.menu-preview-number{position:absolute;top:35px;left:35px;font:700 140px/.8 var(--display);color:#eae4d450;z-index:1}.menu-preview-caption{position:absolute;bottom:35px;left:35px;z-index:1;font-family:'UnifrakturCook',Georgia,serif;font-size:38px;max-width:85%}
.chapter-dock{position:fixed;bottom:24px;left:50%;translate:-50% 0;display:flex;gap:2px;align-items:center;padding:5px;border:1px solid #eae4d424;border-radius:50px;background:#0b100bda;backdrop-filter:blur(12px);z-index:25;transition:opacity .4s,translate .4s}.chapter-dock a{display:grid;place-items:center;width:40px;height:38px;border-radius:50px;font-size:10px;color:#b1bca3;transition:color .3s,background .3s}.chapter-dock a[aria-current=true]{background:var(--green);color:#12200e}.dock-label{font-size:8px;letter-spacing:1.5px;padding:0 17px;color:#eae4d4;min-width:130px}.chapter-dock.is-hidden{opacity:0;pointer-events:none;translate:-50% 20px}.memory-cursor{position:fixed;left:0;top:0;pointer-events:none;z-index:90;display:flex;align-items:center;gap:14px;transform:translate(-200px,-200px);opacity:0;background:var(--green);color:#10200e;border-radius:50px;padding:15px 20px;font-size:9px;letter-spacing:1px;transition:opacity .2s}.memory-cursor.is-active{opacity:1}
@media(max-width:1000px){.memory-controls{width:41%;right:5%}.memory-stage,.memory-image{min-height:580px}.tabs{gap:10px}#menu{padding-left:43%}.menu-preview{width:36%}#menu nav a{font-size:40px}.menu-bottom{flex-direction:column;align-items:start;gap:15px}.menu-top .brand{font-size:22px}}
@media(max-width:700px){.section{padding:75px 6%}.section-top{margin-bottom:40px}header{top:18px;height:64px;padding:0 6%}header.docked{height:66px}header .brand{font-size:25px}header .brand span{font-size:7px}#menu-open{font-size:9px;gap:15px;padding:11px 16px}.ticker.character-marquee{padding:24px 0 35px}.character-frame{height:134px;flex-basis:138px}.character-group{gap:14px;padding-right:14px}.story{border-radius:28px 28px 0 0}.story h2{font-size:clamp(55px,13vw,90px)}.story-feature{aspect-ratio:4/3}.story-gallery-label{margin-top:48px}.story-chapters{gap:34px}.chapter-image{aspect-ratio:16/11}.story-afterword{padding-top:35px;padding-left:38px;margin-top:50px}.story-afterword:before{top:45px;font-size:65px}.story-afterword blockquote{font-size:36px}.street-title{padding:45px 0 25px}.street-title>span{font-size:24vw}.street-title>small{font-size:8px;bottom:5px}.memory-heading h2{font-size:clamp(58px,14vw,100px)}.memory-heading>p{font-size:22px}.memory-stage{display:flex;flex-direction:column;min-height:0}.memory-image{min-height:0;height:420px}.memory-image:after{background:linear-gradient(0deg,#0d110d 0%,transparent 45%)}.memory-image figcaption{left:20px;bottom:35px;right:20px;flex-direction:row}.memory-controls{position:relative;top:auto;right:auto;width:100%;margin-top:-18px;padding:0;border:0}.tabs{gap:0;flex-wrap:nowrap;justify-content:space-between}.tabs button{font-size:15px;min-height:48px}#memory-panel{padding-top:25px;min-height:210px}#memory-panel h3{font-size:40px}.interlude{height:85svh;min-height:550px}.interlude-orbit{width:85vw}.interlude h2{font-size:clamp(42px,11vw,68px)}.interlude-content{padding:20px;max-width:100%}.final-layout{grid-template-columns:1fr;gap:48px;padding:5px 0 25px}.age{font-size:78vw;text-align:left}.age .age-kicker{font-size:8px;letter-spacing:1.5px}.final-copy h2{font-size:clamp(65px,17vw,95px)}.personal-archive{margin-top:35px}.archive-intro h3{font-size:58px}.closing{margin-top:55px}.chapter-dock{bottom:14px;padding:3px}.chapter-dock a{width:44px;height:40px}.dock-label{display:none}footer{padding-bottom:90px}.memory-cursor{display:none}#menu{padding:25px 6%;height:100svh}.menu-preview{inset:auto 0 0;width:100%;height:35%;opacity:.27;border-radius:0;pointer-events:none}.menu-preview-caption,.menu-preview-number{display:none}.menu-top,#menu>.eyebrow,#menu nav,.menu-bottom{position:relative;z-index:1}#menu>.eyebrow{margin-top:45px}#menu nav a{font-size:clamp(39px,10vw,60px);padding:20px 0}.menu-bottom{margin-top:auto;padding-top:30px;flex-direction:row;align-items:center}.menu-bottom>p{max-width:120px;font-size:12px}.menu-bottom #motion{font-size:9px}.menu-top .brand{font-size:28px}}
.motion-off .motion-line>span{transform:none!important;opacity:1!important}.motion-off .interlude>img,.motion-off .interlude-content{transform:none}.motion-off .age{--age-fill:1}.motion-off .memory-cursor{display:none}
.interlude .line-gothic{font-family:'UnifrakturCook',Georgia,serif;font-size:.85em;color:var(--cream);letter-spacing:0}
.story h2>.motion-line{color:#1d2b1b}.story h2>.motion-line.line-muted{color:#637755}
.tabs button{border-bottom-color:transparent}.tabs button[aria-selected=true]{border-bottom-color:var(--green)}
@media(min-width:701px) and (max-width:1000px){.tabs{gap:9px;flex-wrap:nowrap}.tabs button{font-size:11px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.motion-line>span{transform:none!important;opacity:1!important}.interlude>img,.interlude-content,.street-title>span{transform:none}.age{--age-fill:1}.memory-cursor{display:none}}