@layer reset,base,layout,components;:root{--paper: #e8e4d8;--paper-deep: #d9d3c6;--ink: #14161c;--muted: #5a5f58;--accent: #c23028;--accent-soft: #a32620;--line: color-mix(in oklab, var(--ink) 14%, transparent);--print: #f6f3ea;--bg: var(--paper);--fg: var(--ink);--font-display: "Sofia Sans Extra Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--font-text: "Literata", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--fs-xs: clamp(.72rem, .7rem + .12vw, .8rem);--fs-sm: clamp(.86rem, .82rem + .22vw, .96rem);--fs-base: clamp(1.02rem, .96rem + .32vw, 1.16rem);--fs-md: clamp(1.12rem, 1.02rem + .45vw, 1.3rem);--fs-lg: clamp(1.55rem, 1.15rem + 1.6vw, 2.35rem);--fs-xl: clamp(2.2rem, 1.3rem + 3.6vw, 4.1rem);--fs-hero: clamp(4.4rem, 2.2rem + 12vw, 11.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.5rem;--space-6: 4.25rem;--space-7: 7rem;--space-8: 10rem;--pad: clamp(1.15rem, 3.2vw, 2.6rem);--gutter: clamp(1.4rem, 4vw, 3rem);--max: 74rem;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .52s;--z-light: 1;--z-content: 2;--z-chrome: 20;--z-modal: 40}@layer reset{*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}img,video{max-width:100%;display:block}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}}@layer base{html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{font-family:var(--font-text);font-size:var(--fs-base);font-optical-sizing:auto;line-height:1.62;letter-spacing:.005em;background:var(--paper);overflow-x:hidden}body.locked{overflow:hidden;touch-action:none}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;line-height:.92;margin:0;text-wrap:balance}p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:var(--space-3);top:var(--space-3);z-index:50;background:var(--ink);color:var(--paper);padding:.5rem .85rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}@layer layout{.daylight{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.daylight__beam{position:absolute;top:-18%;right:-8%;width:min(70vw,46rem);height:140%;background:linear-gradient(118deg,rgba(255,244,220,.62) 0%,rgba(255,236,198,.18) 42%,transparent 70%);transform:rotate(-8deg);animation:beam 26s var(--ease) infinite alternate;mix-blend-mode:soft-light}.daylight__gold{position:absolute;top:8%;left:-12%;width:min(52vw,34rem);height:min(52vw,34rem);border-radius:50%;background:radial-gradient(circle,rgba(232,168,72,.22) 0%,rgba(232,168,72,.06) 48%,transparent 70%);animation:gold 22s var(--ease) infinite alternate;mix-blend-mode:multiply}.daylight__blinds{position:absolute;inset:-25%;background:repeating-linear-gradient(102deg,transparent 0 2.6rem,rgba(20,22,28,.045) 2.6rem 2.9rem);animation:blinds 32s ease-in-out infinite alternate}.daylight__sprocket{position:absolute;left:0;top:0;bottom:0;width:1.15rem;background-color:var(--ink);background-image:radial-gradient(ellipse 4px 6px at 50% 10px,var(--paper) 4px,transparent 4.4px);background-size:100% 1.7rem;opacity:.88}.app{position:relative;z-index:var(--z-content)}.wrap{width:min(100% - var(--pad) * 2,var(--max));margin-inline:auto}}@layer components{.mark{font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);letter-spacing:.06em;text-transform:lowercase;color:var(--accent);margin:0}.cta{display:inline-flex;align-items:baseline;gap:.55rem;margin-top:1.4rem;font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);letter-spacing:.04em;text-transform:lowercase;color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:.12rem;transition:gap .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease)}.cta:after{content:"→";font-size:.9em;color:var(--accent)}.cta:hover{gap:.85rem;color:var(--accent-soft)}body:has(.reel) .music{visibility:hidden}.music{position:fixed;top:max(.85rem,env(safe-area-inset-top));right:max(.9rem,env(safe-area-inset-right));z-index:var(--z-chrome);font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);letter-spacing:.12em;text-transform:lowercase;color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:.08rem;background:transparent}.progress{position:fixed;top:0;left:1.15rem;bottom:0;width:3px;z-index:var(--z-chrome);background:color-mix(in oklab,var(--ink) 10%,transparent)}.progress>i{display:block;width:100%;height:0%;background:var(--accent)}.intro{height:100dvh;min-height:100dvh;max-height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--paper);overflow:hidden}.intro__stage{position:relative;min-height:0;overflow:hidden;isolation:isolate}.intro__stage:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(to top,var(--paper) 0%,transparent 100%);pointer-events:none;z-index:1}.intro__plate{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 18%;animation:plate 22s var(--ease) infinite alternate}.intro__caption{position:relative;z-index:2;width:100%;padding:1.35rem var(--pad) max(1.5rem,env(safe-area-inset-bottom));padding-left:max(var(--pad),1.8rem);background:var(--paper);border-top:1px solid var(--line);color:var(--ink)}.intro__name{font-size:clamp(3.6rem,1.6rem + 9vw,8.2rem);text-transform:uppercase;color:var(--ink);margin:.1rem 0 .45rem;line-height:.78}.intro__lead{max-width:36ch;font-size:var(--fs-sm);line-height:1.5;color:var(--muted)}.story{position:relative;z-index:1;padding-bottom:var(--space-8);padding-left:.4rem}#childhood,#people,#living,#finale{scroll-margin-top:3.4rem}.bridge{width:min(100% - var(--pad) * 2,40rem);margin:0 auto;padding:var(--space-6) var(--pad) var(--space-4)}.bridge h2{font-size:var(--fs-xl);margin:.4rem 0 .7rem;max-width:14ch}.bridge__text{font-size:var(--fs-md);line-height:1.45;color:var(--ink)}.chapter__note{margin-top:.7rem;max-width:42ch;color:var(--muted);font-size:var(--fs-sm)}.chapters{position:sticky;top:0;z-index:18;display:flex;flex-wrap:wrap;gap:.35rem 1.15rem;padding:.75rem var(--pad);padding-right:5.5rem;background:color-mix(in oklab,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);letter-spacing:.06em;text-transform:lowercase}.chapters a{text-decoration:none;color:var(--muted);border-bottom:1px solid transparent}.chapters a:hover,.chapters a:focus-visible{color:var(--ink);border-bottom-color:var(--accent)}.toc{width:min(100% - var(--pad) * 2,72rem);margin:var(--space-5) auto var(--space-6);padding-inline:var(--pad)}.toc__lead{max-width:40ch;margin:.6rem 0 1.4rem;color:color-mix(in oklab,var(--ink) 88%,var(--muted))}.toc__list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.toc__card{display:grid;grid-template-columns:7.2rem 1fr;gap:.9rem;align-items:center;text-decoration:none;border:1px solid var(--ink);background:var(--print);min-height:6.4rem;overflow:hidden;transition:transform .42s var(--ease),box-shadow .42s var(--ease)}.toc__card:hover,.toc__card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px #14161c1a}.toc__card img{width:100%;height:6.4rem;object-fit:cover;transition:transform .9s var(--ease)}.toc__card:hover img,.toc__card:focus-visible img{transform:scale(1.07)}.toc__meta{display:grid;gap:.15rem;padding-right:.8rem}.toc__meta strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);letter-spacing:-.03em}.toc__meta em{font-style:normal;color:var(--muted);font-size:var(--fs-sm)}.film{display:flex;gap:.35rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.2rem var(--pad) 1.2rem;margin-bottom:var(--space-4);-webkit-overflow-scrolling:touch}.film button{flex:0 0 auto;width:min(28vw,8.8rem);scroll-snap-align:start;border:1px solid var(--ink);cursor:zoom-in;overflow:hidden}.film img{width:100%;height:7.2rem;object-fit:cover;transition:transform .8s var(--ease)}.film button:hover img,.film button:focus-visible img{transform:scale(1.08)}.memory--pair .memory__extra,.memory--trio .memory__extra{display:grid;overflow:visible;padding-inline:0;margin-top:.4rem}.memory--pair .memory__extra{grid-template-columns:1fr}.memory--trio .memory__extra{grid-template-columns:1fr 1fr}.memory--pair .memory__extra button,.memory--trio .memory__extra button{width:100%}.memory--pair .memory__extra img,.memory--trio .memory__extra img{width:100%;height:min(42vw,16rem);object-fit:cover}.memory--sheet .memory__media{padding-inline:0}.memory__count{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xs);letter-spacing:.08em;color:var(--accent)}.memory{display:grid;gap:var(--space-4);padding:var(--space-6) 0 var(--space-5);width:100%}.memory__text{width:min(100% - var(--pad) * 2,34rem);margin-inline:auto;padding-inline:var(--pad)}.memory__meta{display:flex;align-items:baseline;gap:.85rem;margin-bottom:.55rem}.memory__no{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);color:var(--accent);letter-spacing:-.04em;line-height:1}.memory__year{font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);letter-spacing:.08em;text-transform:lowercase;color:var(--muted)}.memory__title{font-size:var(--fs-xl);max-width:14ch;margin-bottom:.85rem}.memory__wish{max-width:42ch;color:color-mix(in oklab,var(--ink) 88%,var(--muted))}.memory__media{min-width:0}.memory__shot{width:100%;padding:0;border:0;cursor:zoom-in;overflow:hidden;display:block}.memory__shot img{width:100%;height:auto;max-height:min(68vh,36rem);object-fit:cover;object-position:center 22%;transition:transform 1.1s var(--ease)}.memory__shot:hover img,.memory__shot:focus-visible img{transform:scale(1.045)}.memory__extra{display:flex;gap:.45rem;overflow:hidden;padding-inline:var(--pad);margin-top:.45rem}.memory__extra button{flex:0 0 auto;width:min(36%,9.5rem);overflow:hidden}.memory__extra img{width:100%;height:7.8rem;object-fit:cover;transition:transform .8s var(--ease)}.memory__extra button:hover img,.memory__extra button:focus-visible img{transform:scale(1.08)}.chapter{padding-block:var(--space-7) var(--space-5)}.chapter__head{width:min(100% - var(--pad) * 2,40rem);margin:0 auto var(--space-5);padding-inline:var(--pad)}.chapter__head h2{font-size:var(--fs-xl);margin-top:.45rem;max-width:16ch}.index{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;width:min(100% - var(--pad) * 2,var(--max));margin:0 auto var(--space-6);padding-inline:var(--pad)}.index a{display:grid;grid-template-columns:3.6rem 1fr;gap:.55rem;align-items:center;text-decoration:none;border:1px solid var(--line);background:var(--print);min-height:3.6rem;padding:0;overflow:hidden;transition:border-color .2s var(--ease),transform .36s var(--ease)}.index a img{width:3.6rem;height:3.6rem;object-fit:cover;transition:transform .7s var(--ease)}.index a span{display:grid;font-family:var(--font-display);font-weight:700;font-size:var(--fs-xs);letter-spacing:.06em;color:var(--accent)}.index a strong{font-size:var(--fs-md);color:var(--ink);letter-spacing:-.03em}.index a:hover,.index a:focus-visible{border-color:var(--accent)}.index a:hover img,.index a:focus-visible img{transform:scale(1.1)}.person{padding-block:var(--space-6);border-top:1px solid var(--line);scroll-margin-top:3.4rem}.person__intro{width:min(100% - var(--pad) * 2,40rem);margin:0 auto var(--space-5);padding-inline:var(--pad)}.person__intro h3{font-size:var(--fs-lg);margin:.4rem 0 .85rem}.person__intro p:last-child{color:color-mix(in oklab,var(--ink) 86%,var(--muted));max-width:48ch}.sheet{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;width:min(100% - var(--pad) * 2,72rem);margin-inline:auto;padding-inline:var(--pad)}.person .sheet{width:min(100%,72rem)}.sheet--solo{grid-template-columns:minmax(0,28rem);justify-content:center}.sheet__item{position:relative;padding:0;border:1px solid var(--ink);cursor:zoom-in;overflow:hidden}.sheet__item img{width:100%;aspect-ratio:3 / 4;height:auto;object-fit:cover;transition:transform .9s var(--ease)}.sheet__item:hover img,.sheet__item:focus-visible img{transform:scale(1.05)}.sheet--solo .sheet__item img{aspect-ratio:auto;max-height:min(72vh,36rem);width:100%;object-fit:cover}.sheet__n{position:absolute;left:.4rem;bottom:.35rem;font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.08em;color:var(--print);background:color-mix(in oklab,var(--ink) 55%,transparent);padding:.08rem .28rem}.vcard{width:min(100% - var(--pad) * 2,28rem);margin:var(--space-5) auto 0;padding:0;border:0;position:relative;cursor:pointer;text-align:left}.vcard button{position:relative;width:100%;display:block;border:1px solid var(--ink);overflow:hidden}.vcard img,.vcard video{width:100%;height:min(62vw,28rem);object-fit:cover;transition:transform 1s var(--ease)}.vcard button:hover img,.vcard button:focus-visible img{transform:scale(1.04)}.vcard__play{position:absolute;inset:auto auto .7rem .7rem;font-family:var(--font-display);font-weight:700;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:lowercase;color:var(--print);background:var(--accent);padding:.35rem .55rem}.vcard figcaption{margin-top:.7rem;color:var(--muted);font-size:var(--fs-sm)}.vcard figcaption strong{font-family:var(--font-display);font-weight:700;color:var(--ink);letter-spacing:-.02em}.voices{display:grid;gap:var(--space-6);width:min(100% - var(--pad) * 2,58rem);margin:0 auto}.voices .vcard{width:100%;margin:0}.letter{min-height:80dvh;display:grid;place-items:center;padding:var(--space-7) var(--pad)}.letter__box{max-width:36rem;background:var(--print);padding:clamp(1.6rem,4vw,2.8rem);border:1px solid var(--line);box-shadow:0 18px 40px #14161c12}.letter h2{font-size:var(--fs-hero);text-transform:uppercase;margin:.25rem 0 1.35rem;line-height:.8}.letter p{margin-bottom:1rem;color:color-mix(in oklab,var(--ink) 90%,var(--muted))}.letter__sign{margin-top:1.4rem;font-style:italic;color:var(--accent)}.gift{padding:var(--space-7) var(--pad) var(--space-6)}.gift__box{width:min(100%,36rem);margin-inline:auto}.gift h2{font-size:var(--fs-xl);margin:.4rem 0 1rem}.gift p{color:color-mix(in oklab,var(--ink) 88%,var(--muted));margin-bottom:1.4rem;max-width:42ch}.gift button{padding:0;border:1px solid var(--ink);cursor:zoom-in;width:100%;overflow:hidden}.gift img{width:100%;height:auto;transition:transform 1s var(--ease)}.gift button:hover img,.gift button:focus-visible img{transform:scale(1.03)}.gift__after{margin-top:var(--space-5)}.secret{padding:var(--space-6) var(--pad) max(3.6rem,env(safe-area-inset-bottom));text-align:center}.secret__tap{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xs);letter-spacing:.16em;text-transform:lowercase;color:color-mix(in oklab,var(--ink) 34%,transparent);padding:.85rem 1.1rem}.secret__tap:hover,.secret__tap:focus-visible{color:var(--muted)}.reel__frame{position:relative;max-width:min(92vw,1100px);max-height:88dvh;display:grid;place-items:center;cursor:pointer}.reel__frame img,.reel__frame video{max-width:88vw;max-height:80dvh;width:auto;height:auto;object-fit:contain;box-shadow:0 18px 50px #14161c2e}.reel__frame img{background:var(--print);padding:.55rem}.reel__frame video{background:#111}.reel__frame--round{width:min(78vw,26rem);height:min(78vw,26rem);max-height:min(80dvh,26rem);border-radius:50%;overflow:hidden;border:1px solid var(--ink)}.reel__frame--round video{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;box-shadow:none}.reel__play{position:absolute;left:.7rem;bottom:.7rem;font-family:var(--font-display);font-weight:700;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:lowercase;color:var(--print);background:var(--accent);padding:.35rem .55rem}.reel__frame--round .reel__play{left:50%;right:auto;bottom:18%;transform:translate(-50%)}.overlay{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;overscroll-behavior:contain;touch-action:none}.overlay--print,.overlay--video{background:#ddd6c8}.overlay__frame{max-width:min(92vw,1100px);max-height:88dvh;display:grid;place-items:center}.overlay--print .overlay__frame img{max-width:88vw;max-height:80dvh;width:auto;height:auto;object-fit:contain;background:var(--print);padding:.55rem;box-shadow:0 18px 50px #14161c2e}.overlay--video .overlay__frame video{max-width:92vw;max-height:82dvh;width:auto;height:auto;object-fit:contain;background:#111;box-shadow:0 18px 50px #14161c2e}.overlay__x,.overlay__nav{position:absolute;z-index:2;width:2.7rem;height:2.7rem;border:1px solid var(--line);color:var(--ink);display:grid;place-items:center;background:var(--print)}.overlay__x{top:max(.8rem,env(safe-area-inset-top));right:max(.8rem,env(safe-area-inset-right))}.overlay__nav--prev{left:.6rem;top:50%;transform:translateY(-50%)}.overlay__nav--next{right:.6rem;top:50%;transform:translateY(-50%)}.overlay__count{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-family:var(--font-display);font-weight:700;letter-spacing:.12em;font-size:var(--fs-xs);color:var(--ink)}@media(min-width:900px){.intro__caption{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:2.5rem;align-items:end;padding:1.5rem clamp(2rem,5vw,4rem) 1.7rem}.intro__name{grid-column:1;grid-row:1 / span 3;margin:0}.intro .mark{grid-column:2;grid-row:1}.intro__lead{grid-column:2;grid-row:2}.intro .cta{grid-column:2;grid-row:3;margin-top:.55rem;justify-self:start}.toc__list{grid-template-columns:1fr 1fr}.toc__card{grid-template-columns:10rem 1fr;min-height:8.6rem}.toc__card img{height:8.6rem}.memory{grid-template-columns:minmax(20rem,32rem) minmax(0,1fr);align-items:center;gap:0;min-height:88vh;padding-block:0}.memory--sheet{grid-template-columns:1fr;min-height:0;padding-block:var(--space-6)}.memory--sheet .memory__text{max-width:36rem}.memory__text{width:auto;margin:0;padding:var(--space-6) var(--gutter) var(--space-6) clamp(2rem,5vw,4.2rem)}.memory__shot img{height:88vh;max-height:none}.memory__extra{padding-inline:0;max-width:100%}.sheet{grid-template-columns:repeat(4,1fr)}.sheet--solo{grid-template-columns:minmax(0,32rem)}.index{grid-template-columns:repeat(4,1fr)}.voices{grid-template-columns:1fr 1fr}.film button{width:9.6rem}.film img{height:8.2rem}.daylight__sprocket,.progress{display:block}}@media(max-width:899px){.daylight__sprocket{width:.7rem;opacity:.8}.progress{left:.7rem;width:2px}.story{padding-left:.15rem}.memory__shot img{width:100%}}}@keyframes plate{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.08) translate3d(-2.2%,1.4%,0)}}@keyframes beam{0%{transform:rotate(-8deg) translateZ(0);opacity:.7}to{transform:rotate(-5deg) translate3d(-4%,3%,0);opacity:1}}@keyframes blinds{0%{transform:translateZ(0)}to{transform:translate3d(-2.5%,1.5%,0)}}@keyframes gold{0%{transform:translateZ(0) scale(1);opacity:.65}to{transform:translate3d(16%,10%,0) scale(1.2);opacity:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro__plate,.daylight__beam,.daylight__gold,.daylight__blinds,.memory,.person,.intro__caption,.toc__card,.toc__card img,.film img,.memory__shot img,.memory__extra img,.sheet__item img,.index a img,.vcard img,.gift img{animation:none!important;transition:none!important;transform:none!important}}