:root{color-scheme:dark;--black:#08090a;--white:#edeeeb;--silver:#a9b7bf;--muted:#a3a6a8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--black);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #a9ccdf;outline-offset:6px}button[hidden]{display:none!important}.site-header{position:absolute;z-index:30;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:25px 4.5%;color:#fff}.wordmark{text-decoration:none;font:600 18px/1 Arial,sans-serif;letter-spacing:.23em}.detail-link{font-size:13px;text-decoration:none;display:flex;gap:20px;align-items:center;border-bottom:1px solid #a4a8aa60;padding:7px 0}.detail-link span{font-size:21px}.story{height:440svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:#08090a;isolation:isolate}.stage-grid{position:absolute;inset:0 4.5%;border-left:1px solid #ffffff07;border-right:1px solid #ffffff07;z-index:1;pointer-events:none}.nineteen{position:absolute;left:3%;top:0;font:300 clamp(300px,43vw,720px)/1 Georgia,serif;letter-spacing:-.09em;color:#ffffff09;z-index:0;user-select:none}.dart-layer{position:absolute;width:60%;height:112%;right:-1%;top:-5%;z-index:0;transform-origin:55% 55%;will-change:transform,opacity;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 87%,transparent)}.dart-layer img{width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:grayscale(.72) saturate(.7) brightness(.7) contrast(1.2)}.room-layer{position:absolute;inset:0;opacity:0;will-change:clip-path,transform,opacity;clip-path:inset(44% 0 44% 0)}.room-layer img{width:100%;height:100%;object-fit:cover;filter:grayscale(.65) saturate(.65) brightness(.46);object-position:center}.friends-layer{position:absolute;inset:12% 8%;opacity:0;transform:scale(.94);will-change:clip-path,transform,opacity;clip-path:inset(50% 0 50% 0)}.friends-layer img{width:100%;height:100%;object-fit:contain;filter:grayscale(.62) saturate(.6) brightness(.60) contrast(1.05)}.veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#08090a 0%,#08090a30 30%,transparent 65%,#08090a70),linear-gradient(90deg,#08090a70,transparent 65%)}.scene{position:absolute;z-index:4;will-change:transform,opacity,filter}.scene:not(.intro){opacity:0;pointer-events:none}.intro{left:8%;right:5%;bottom:15%;}.overline{font:11px/1.5 Arial,sans-serif;letter-spacing:.2em;color:#b4bbc0;margin:0 0 25px}.overline span{padding:0 13px}h1{font:600 clamp(70px,12.5vw,180px)/.9 Arial,sans-serif;letter-spacing:-.07em;margin:0 0 32px;transform:translateX(-.055em)}.hero-line{font-size:clamp(21px,2.6vw,35px);line-height:1.7;letter-spacing:.09em;font-weight:300;margin:0 0 25px}.begin{padding:0;border:0;background:none;display:flex;align-items:center;gap:16px;text-align:left;font-size:15px;letter-spacing:.08em;min-height:60px}.play-symbol{display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;width:52px;height:52px;font-size:24px;padding-left:3px;transition:background .3s,color .3s}.begin:hover .play-symbol{background:#e2e8e8;color:#08090a}.button-note{display:block;font-size:11px;color:var(--muted);letter-spacing:.06em;margin-top:3px}.scroll-note{font-size:11px;color:#929799;margin-top:19px;letter-spacing:.04em}.scroll-note span{margin-left:12px}.memory-line{left:9%;right:7%;top:53%;transform:translateY(-50%)}h2{font-weight:300;font-size:clamp(29px,4.5vw,62px);line-height:1.7;letter-spacing:.04em;margin:0}.understatement{font-size:15px;color:#c8cdce;letter-spacing:.06em;margin-top:30px}.finale{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:85px 24px}.finale .overline{font-size:10px}.years{display:flex;align-items:center;gap:20px;font:20px Georgia,serif;color:var(--silver);margin:0 0 40px}.years i{width:75px;height:1px;background:#808d9470}.finale h2{font-size:clamp(29px,4.2vw,58px)}.finale>p:not(.years):not(.overline){font-size:15px;line-height:2.1;margin-top:28px;color:#c8cdce}.letter-link{font-size:14px;text-decoration:none;border-bottom:1px solid #818c9290;padding-bottom:10px;margin-top:25px}.letter-link span{margin-left:30px}.stage-footer{position:absolute;bottom:28px;left:4.5%;right:4.5%;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#959ea3;font:10px/1.3 Arial,sans-serif;letter-spacing:.13em}.playback{margin-left:auto;display:flex;gap:12px}.playback button{border:1px solid #ffffff45;background:#101214b0;min-height:42px;padding:7px 13px;font-size:12px;letter-spacing:0}.timeline{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0c;z-index:8}.timeline i{display:block;height:100%;width:0;background:#b8cbd7;box-shadow:0 0 15px #accbde80}.letter{padding:150px 9%;display:grid;grid-template-columns:1fr 2fr;gap:70px;background:#0c0e0f;border-top:1px solid #ffffff10}.letter-side{position:relative}.letter-number{font:160px/.9 Georgia,serif;color:#ffffff10;display:block;margin-top:60px;letter-spacing:-.1em}.letter-body h2{font-size:clamp(23px,2.7vw,36px);line-height:1.9;letter-spacing:.025em;margin-bottom:45px}.letter-copy{font-size:16px;font-weight:300;line-height:2.4;color:#b5b9bb}.letter-copy p{margin:0 0 26px}.signature{font:14px Arial,sans-serif;letter-spacing:.25em;margin-top:45px;color:#dfe2e2}.invitation{background:#e8eae8;color:#181c1d;padding:110px 9% 100px;display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.invitation .overline{color:#61696b}.invite-heading h2{font-size:clamp(34px,4vw,56px);line-height:1.6}.invite-sub{font-size:14px;margin-top:27px;color:#5b6162}.date-row{display:flex;flex-direction:column;align-items:flex-start}.year{font:20px Arial,sans-serif;letter-spacing:.12em}.date{font:300 clamp(70px,8vw,110px)/1.1 Arial,sans-serif;letter-spacing:-.075em;margin:6px 0 8px}.date span{color:#829296}.day{font:12px/1.7 Arial,sans-serif;letter-spacing:.13em}.time{font:400 28px Arial,sans-serif;letter-spacing:-.01em;margin:28px 0 9px}.time span{padding:0 8px;color:#8a9294}.fine{font-size:13px;color:#63696a;margin:0 0 33px}dl{margin:0}dl>div{padding:22px 0;border-top:1px solid #bfc5c5;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}dt{font-size:13px;color:#616768;flex-shrink:0;padding-top:6px}dd{margin:0;font-size:20px;line-height:1.6;text-align:right}dd strong{font-size:29px;font-weight:400;letter-spacing:-.03em}dd>span{font-size:14px;margin-left:4px}dd small{display:block;font-size:13px;color:#5b6364;margin-top:4px}.reply{border-top:1px solid #7f898c;margin-top:15px;padding-top:28px;display:flex;gap:25px}.reply-index{font:10px Arial,sans-serif;letter-spacing:.15em;color:#61696b;padding-top:8px}.reply h3{font-size:17px;font-weight:500;line-height:1.8;margin:0 0 9px}.reply p{font-size:14px;line-height:2;color:#606869;margin:0}footer{padding:65px 8% 40px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:30px}.footer-mark{font:500 clamp(50px,9vw,120px)/.9 Arial,sans-serif;letter-spacing:-.07em;color:#e1e5e3}footer p{font-size:13px;color:#b2b8ba;margin:0 0 15px}footer a{font-size:12px;color:#929a9d;text-decoration:none}.footer-year{width:100%;font:10px Arial,sans-serif;letter-spacing:.2em;margin-top:32px;color:#697074}.js .reveal{opacity:.1;transform:translateY(20px);transition:opacity 1.3s,transform 1.3s}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:700px){.site-header{padding:20px 23px}.wordmark{font-size:15px}.detail-link{font-size:12px;gap:14px}.stage{min-height:620px}.story{height:410svh}.nineteen{font-size:82vw;top:9%;left:2%;color:#ffffff0c}.dart-layer{width:112%;height:86%;right:-23%;top:-1%;mask-image:linear-gradient(90deg,transparent 1%,#000 27%,#000 88%,transparent)}.dart-layer img{object-fit:cover;object-position:50% 45%;filter:grayscale(.72) saturate(.7) brightness(.66) contrast(1.2)}.veil{background:linear-gradient(0deg,#08090a 1%,#08090a65 27%,transparent 65%,#08090a40)}.intro{left:7%;right:6%;bottom:12%;}.intro .overline{font-size:9px;letter-spacing:.17em;margin-bottom:21px}h1{font-size:21vw;margin-bottom:21px}.hero-line{font-size:23px;line-height:1.7;margin-bottom:20px}.begin{gap:14px}.play-symbol{width:46px;height:46px}.scroll-note{font-size:10px;margin-top:14px}.stage-footer{bottom:18px;left:7%;right:7%;font-size:8px;letter-spacing:.06em}.edition{display:none}.room-layer img{object-position:60% center}.friends-layer{inset:20% 0 13%}.friends-layer img{object-fit:contain;filter:grayscale(.62) saturate(.6) brightness(.56)}.memory-line{left:8%;right:6%;top:57%}.memory-line h2{font-size:28px;line-height:1.8;letter-spacing:.02em}.memory-line .overline{font-size:10px}.understatement{font-size:12px;letter-spacing:0;line-height:2;margin-top:22px}.finale h2{font-size:29px}.finale>p:not(.years):not(.overline){font-size:14px}.years{font-size:20px;margin-bottom:35px}.letter{display:block;padding:80px 8% 65px}.letter-side .overline{margin-bottom:33px}.letter-number{display:none}.letter-body h2{font-size:23px;line-height:1.9;margin-bottom:34px;letter-spacing:0}.letter-copy{font-size:15px;line-height:2.3}.letter-copy br{display:none}.letter-copy p{margin-bottom:25px}.invitation{display:block;padding:68px 8% 60px}.invite-heading{padding-bottom:45px}.invite-heading h2{font-size:38px}.invite-sub{font-size:13px;margin-top:18px}.invite-details{border-top:1px solid #bfc5c5;padding-top:30px}.date{font-size:92px}.time{font-size:29px}.fine{font-size:12px}dl>div{gap:12px}dt{font-size:12px}dd{font-size:18px}.reply{gap:16px}.reply h3{font-size:16px}.reply p{font-size:13px}footer{padding:45px 8% 30px;gap:25px}.footer-mark{font-size:19vw}.footer-year{margin-top:12px}}
@media(max-height:690px) and (min-width:701px){.intro{bottom:13%}.hero-line{font-size:24px}h1{font-size:100px;margin-bottom:20px}.begin{min-height:48px}.scroll-note{margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.story{height:100svh}.js .reveal{opacity:1;transform:none}.button-note,.scroll-note{display:none}}

#sound-toggle{position:fixed;right:20px;bottom:max(18px,env(safe-area-inset-bottom));z-index:40;border:1px solid #ffffff38;border-radius:30px;background:#101214e8;color:#e4e7e7;padding:10px 16px;font-size:12px;letter-spacing:.08em;min-height:44px;backdrop-filter:blur(12px)}.stage-footer{bottom:78px}.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}@media(max-width:700px){.stage-footer{bottom:78px}#sound-toggle{right:18px}}