:root{font-family:Arial,Helvetica,sans-serif;background:#070b17;color:#ece7e1;font-synthesis:none;text-rendering:optimizeLegibility;--gold: #cfbda3;--muted: #b0aec1;--ink: #070b17}*{box-sizing:border-box}body{margin:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,p,figure{margin:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.05em;line-height:1.03}h2{font-size:clamp(2.6rem,5vw,5.5rem);white-space:pre-line}em{font-weight:400;color:#dfcee2}p{line-height:1.65}.eyebrow{font-size:.7rem;letter-spacing:.22em;line-height:1.6;color:var(--gold);text-transform:uppercase}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:var(--ink);padding:15px}.skip:focus{top:10px}header{position:fixed;z-index:20;inset:0 0 auto;padding:26px 4%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.wordmark{text-decoration:none;font-size:.7rem;letter-spacing:.21em;pointer-events:auto}.wordmark span{display:block;margin-top:7px;font-size:.55rem;color:#9594a8;letter-spacing:.18em}.header-controls{display:flex;gap:20px;align-items:center;pointer-events:auto}.motion,.sound{border:0;background:#070b1722;font-size:.7rem;min-height:44px;padding:8px;color:var(--muted)}.film{height:2400svh;position:relative}.stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;background:#070b17;isolation:isolate}.atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.haze{position:absolute;inset:-12%;background:radial-gradient(ellipse at 28% 42%,#56558a88 0,transparent 48%),radial-gradient(ellipse at 80% 64%,#66436860 0,transparent 45%),radial-gradient(ellipse at 58% 24%,#25406766 0,transparent 50%);opacity:.5}.stars{position:absolute;inset:-15%;background-repeat:repeat;pointer-events:none}.stars-far{background-image:radial-gradient(circle at 14% 21%,#e4dbeab0 .8px,transparent 1.3px),radial-gradient(circle at 78% 61%,#bfc9e090 .7px,transparent 1.2px),radial-gradient(circle at 52% 80%,#ffffff40 .6px,transparent 1.1px);background-size:310px 270px;opacity:.5}.stars-near{background-image:radial-gradient(circle at 17% 62%,#fff0df99 1.3px,transparent 2px),radial-gradient(circle at 74% 18%,#d3d8ff80 1px,transparent 1.7px);background-size:680px 540px;opacity:.4}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse,transparent 35%,#03040b90 100%)}.grain{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.world{position:absolute;inset:0;perspective:1200px;perspective-origin:50% 46%;transform-style:preserve-3d}.scene,.memory-plane{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none}.scene button,.memory-plane button{pointer-events:auto}.opening{padding:100px 20px 85px}.opening h1{font-size:clamp(5rem,11.3vw,10.6rem);line-height:.89;margin:30px 0 35px;letter-spacing:-.07em}.opening h1 em{color:#e1d5e3}.names{font-size:.8rem;letter-spacing:.28em;color:#d7cdd7}.names span{color:var(--gold);padding:0 14px}.enter{margin-top:40px;display:flex;gap:35px;border:0;border-bottom:1px solid #d1bfd044;background:none;padding:13px 0;font-size:.8rem;letter-spacing:.035em}.enter span{color:var(--gold)}.scroll-note{margin-top:22px;font-size:.55rem;letter-spacing:.2em;color:#aaa5b6}.memory-plane{padding:100px 7% 85px;gap:20px}.memory-copy{opacity:var(--text-opacity, 0);transform:translate3d(0,var(--text-y, 0),0);pointer-events:none}.memory-copy h2{font-size:clamp(2.6rem,4.6vw,4.8rem);margin-top:12px}.memory-plane figure{max-width:min(76vw,var(--natural-width));position:relative}.photo-button{padding:0;border:0;background:none;display:block;margin:auto;position:relative;max-width:100%;line-height:0}.photo-button img{max-width:100%;width:auto;max-height:47svh;height:auto;display:block;margin:auto;object-fit:contain;box-shadow:0 0 0 1px #ead4b522}.photo-expand{position:absolute;right:10px;bottom:10px;background:#070b17aa;line-height:1;width:28px;height:28px;display:grid;place-items:center;font-size:.9rem;opacity:0}.photo-button:hover .photo-expand,.photo-button:focus-visible .photo-expand{opacity:1}figcaption{font-size:.72rem;color:#bfb6c6;line-height:1.5;margin-top:12px}.memory-plane figcaption{opacity:var(--text-opacity, 0)}.memory-words{font-size:.95rem;color:#c5bfcb;max-width:540px;white-space:pre-line;opacity:var(--text-opacity, 0);transform:translate3d(0,var(--text-y, 0),0)}.date{display:block;color:var(--gold);font-size:.8rem;margin-top:8px}.first{gap:18px}.reunion{padding-left:5%;padding-right:5%;display:grid;grid-template-columns:1fr 1.65fr;grid-template-rows:1fr auto auto 1fr;gap:0 6%;text-align:left}.reunion .memory-copy{grid-column:1;grid-row:2;align-self:end}.reunion figure{grid-column:2;grid-row:2/4;max-width:100%;align-self:center}.reunion .memory-words{grid-column:1;grid-row:3;margin-top:24px;align-self:start}.reunion img{max-height:65svh}.reunion figcaption{text-align:center}.date .memory-copy h2{font-style:italic}.small-memory .photo-button img{max-height:57svh}.small-memory .memory-copy h2{font-size:clamp(2.5rem,4vw,4rem)}.small-memory .memory-copy h2:empty{display:none}.small-memory figure{max-width:min(75vw,var(--natural-width))}.milestone{padding:90px 20px}.anniversary-number{position:absolute;font:400 clamp(9rem,24vw,24rem)/1 Georgia,serif;letter-spacing:-.075em;color:#e1d7e3;opacity:var(--number-opacity, 1);transform:scale(var(--number-scale, .3));pointer-events:none}.anniversary-words{opacity:var(--year-opacity, 0)}.anniversary-words h2{font-size:clamp(4.5rem,10vw,10rem);margin:20px 0}.anniversary-words>p:not(.eyebrow){color:var(--muted);font-family:Georgia,serif;font-size:1.1rem}.fragment{position:absolute;width:95px;right:13%;top:26%;padding:0;border:0;background:none;transform:rotate(7deg);opacity:.45}.fragment img{width:100%;height:auto;display:block}.letter-scene{padding:100px 20px 90px}.letter-scene h2{margin:30px 0 36px;font-size:clamp(3.5rem,7vw,6.2rem)}.envelope{position:relative;width:265px;height:165px;border:1px solid #bcacc244;background:linear-gradient(165deg,#26273b,#131a2a);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;overflow:hidden}.envelope-fold{position:absolute;top:-105px;width:205px;height:205px;border:1px solid #ae9ebc33;transform:rotate(45deg);pointer-events:none}.seal{display:grid;place-items:center;width:58px;height:58px;background:#272739;border:1px solid #b7a9c250;border-radius:50%;font:italic .8rem Georgia;z-index:1;color:#d9c6af}.envelope-bottom{font-size:.55rem;letter-spacing:.2em;color:var(--gold);position:absolute;bottom:17px}.letter-note{font:italic .9rem Georgia;color:var(--muted);margin-top:22px}.memory-wake{position:absolute;inset:0;pointer-events:none;opacity:0;transform-origin:center}.memory-wake>div{position:absolute;width:95px;opacity:.4}.memory-wake img{display:block;width:100%;height:auto}.ending{padding:95px 20px 90px}.two-stars{width:var(--star-gap, 270px);position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.two-stars i{width:5px;height:5px;border-radius:50%;background:#e8d6bd;box-shadow:0 0 12px #e8d6bd80}.two-stars span{height:1px;flex:1;background:#c4a9b16b;transform:scaleX(var(--line, 0));transform-origin:left}.ending-words{opacity:var(--words, 0)}.and-somehow{color:#afa7bc;font:italic 1.1rem Georgia;margin:30px 0 18px}.ending h2{font-size:clamp(3rem,6.5vw,6.3rem)}.easter-egg{background:none;border:0;padding:12px;min-width:44px;min-height:44px;color:var(--gold);font-size:1.2rem;margin-top:25px}.egg-message{height:45px;font-size:.8rem;max-width:300px;margin:auto;color:var(--muted)}.replay{background:none;border:0;border-bottom:1px solid #ffffff22;padding:10px 0;min-height:44px;color:var(--muted);font-size:.7rem}.film-controls{position:fixed;bottom:20px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:20;pointer-events:none}.film-position{display:flex;gap:12px;align-items:center;font-size:.65rem;color:var(--muted);width:130px}.position-line{width:50px;height:1px;background:#a3a0b33b}.film-controls nav{position:relative;pointer-events:auto;min-width:215px}.chapter-toggle{display:flex;justify-content:space-between;gap:25px;width:100%;border:0;background:#080d19d9;padding:13px 18px;min-height:44px;font-size:.75rem;color:#c3bdcb}.chapter-toggle>span:last-child{color:var(--gold)}.film-controls ol{position:absolute;bottom:55px;left:0;right:0;padding:8px;list-style:none;margin:0;background:#0d1220;border:1px solid #ffffff20;max-height:70svh;overflow:auto}.film-controls a{display:flex;gap:15px;text-decoration:none;min-height:44px;padding:13px 10px;font-size:.8rem;color:var(--muted)}.film-controls a[aria-current]{background:#ffffff08;color:#f0e9e1}.film-controls a span{font-size:.65rem;color:var(--gold)}.film-instruction{font-size:.55rem;letter-spacing:.2em;color:#a29ab0;min-width:130px;text-align:right}.progress-track{position:fixed;bottom:0;height:2px;width:100%;background:#ffffff08;z-index:20}.progress-track>div{height:100%;background:#c5b1be90;transform:scaleX(0);transform-origin:left}.modal{border:1px solid #ffffff20;background:#111727;color:#eee8e4;max-width:95vw;max-height:92svh;padding:65px 25px 30px;overscroll-behavior:contain}.modal::backdrop{background:#03040bef}.close{position:absolute;top:12px;right:16px;background:none;border:0;min-height:44px;padding:10px;font-size:.8rem;color:var(--gold)}.photo-modal img{display:block;max-width:85vw;max-height:70svh;width:auto;height:auto;object-fit:contain}.modal figcaption{max-width:70vw}.letter-modal{width:660px;padding:65px 60px 50px;background:#e8e2db;color:#2a2933}.letter-modal .close{color:#524451}.letter-paper .eyebrow{color:#7c6670}.letter-paper h2{font-size:2.5rem;letter-spacing:-.035em;margin:25px 0 35px}.letter-paper>p:not(.eyebrow){font-family:Georgia,serif;font-size:1.1rem;line-height:1.9;margin:0 0 23px}.letter-paper .signature{font-style:italic;font-size:1.8rem!important;margin-top:30px!important}.finish-letter{display:flex;justify-content:space-between;gap:30px;background:none;border:0;border-top:1px solid #30233730;width:100%;text-align:left;padding:22px 0 0;font-size:.85rem;color:#5e4858;margin-top:35px;min-height:44px}.quiet .grain{display:none}@media(max-width:700px){header{padding:14px 20px}.wordmark{font-size:.6rem}.wordmark span{font-size:.5rem}.motion,.sound{font-size:.65rem}.header-controls{gap:8px}.film{height:2200svh}.opening{padding:90px 20px 85px}.opening .eyebrow{font-size:.57rem;letter-spacing:.17em}.opening h1{font-size:clamp(4.9rem,21vw,7rem);margin:30px 0}.names{font-size:.65rem;letter-spacing:.18em}.enter{margin-top:35px}.grain{display:none}.stars-far{background-size:440px 440px}.stars-near{background-size:900px 900px}.haze{inset:-5%;background:radial-gradient(ellipse at 30% 40%,#514e8670,transparent 65%),radial-gradient(ellipse at 90% 80%,#66426844,transparent 60%)}.memory-plane{padding:90px 16px 85px;gap:22px}.memory-plane figure{max-width:92vw}.memory-copy h2{font-size:clamp(2.5rem,10vw,3.5rem);margin-top:12px}.eyebrow{font-size:.62rem;letter-spacing:.16em}.photo-button img{max-height:40svh;box-shadow:none}.memory-words{font-size:.9rem;line-height:1.65;max-width:350px}.memory-plane figcaption{font-size:.65rem;max-width:330px;margin:12px auto 0}.reunion{display:flex;text-align:center}.reunion .memory-words{margin-top:0}.reunion .memory-copy,.reunion figure,.reunion .memory-words{align-self:auto}.reunion figure{max-width:92vw}.small-memory figure{max-width:min(90vw,var(--natural-width))}.small-memory .photo-button img{max-height:48svh}.small-memory .memory-copy h2{font-size:2.8rem}.anniversary-number{font-size:40vw}.anniversary-words h2{font-size:20vw}.anniversary-words>p:not(.eyebrow){font-size:1rem}.fragment{position:relative;width:62px;right:auto;top:auto;margin:25px auto 0;opacity:.55}.letter-scene h2{font-size:3.4rem;margin:25px 0 30px}.envelope{width:230px;height:145px}.letter-note{font-size:.8rem}.ending{padding-bottom:95px}.two-stars{margin-bottom:40px}.ending h2{font-size:clamp(2.65rem,11vw,3.6rem)}.and-somehow{margin-top:25px}.film-controls{left:20px;right:20px;bottom:15px;gap:8px}.film-position{width:75px;gap:8px;font-size:.6rem}.position-line{width:22px}.film-controls nav{min-width:205px}.chapter-toggle{font-size:.7rem;padding:13px 12px}.film-instruction{display:none}.letter-modal{padding:60px 26px 35px}.letter-paper>p:not(.eyebrow){font-size:1rem}.letter-paper h2{font-size:2.1rem}.memory-wake>div{width:55px}.photo-modal{padding:65px 12px 25px}.egg-message{font-size:.75rem}.scroll-note{font-size:.5rem}}@media(max-height:600px)and (orientation:landscape){.opening h1{font-size:4.1rem;margin:16px 0}.opening{padding:65px 20px}.opening .enter{margin-top:10px;padding:10px}.scroll-note{display:none}.memory-plane{display:grid;grid-template-columns:1fr 1.3fr;grid-template-rows:1fr auto auto 1fr;text-align:left;gap:0 30px;padding:70px 7%}.memory-copy{grid-column:1;grid-row:2}.memory-copy h2{font-size:2.4rem}.memory-plane figure{grid-column:2;grid-row:2/4;max-width:100%}.photo-button img{max-height:62svh}.memory-words{grid-column:1;grid-row:3;margin-top:14px;font-size:.8rem}.memory-plane figcaption{text-align:center}.letter-scene{padding:65px 20px}.letter-scene h2{font-size:2.2rem;margin:12px 0}.envelope{height:100px;width:210px}.seal{width:40px;height:40px;margin-top:-15px}.letter-note{margin-top:12px}.ending{padding:65px 20px}.two-stars{margin-bottom:15px}.ending h2{font-size:2.5rem}.and-somehow{margin:10px 0}.easter-egg{margin-top:0}.egg-message{height:24px}.ending .replay{padding:0}.anniversary-words h2{font-size:5rem;margin:8px 0}.fragment{position:absolute;right:15%;top:30%;width:65px}.film-position{visibility:hidden}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:700px)and (max-height:740px)and (orientation:portrait){.memory-plane{gap:14px;padding-top:80px;padding-bottom:80px}.memory-copy h2{font-size:2.55rem}.photo-button img{max-height:33svh}.memory-words{font-size:.85rem;line-height:1.55}.memory-plane figcaption{margin-top:8px}.opening h1{font-size:5.4rem}.opening .enter{margin-top:25px}.ending h2{font-size:2.8rem}.two-stars{margin-bottom:30px}}.film{height:4800svh}.moonwash{position:absolute;inset:-15%;background:radial-gradient(ellipse at 66% 15%,#b9b8dc15 0,transparent 50%);pointer-events:none}.light-veil{position:absolute;inset:0;background:linear-gradient(125deg,transparent 35%,#7978b308 48%,transparent 65%);pointer-events:none}.haze{opacity:.65}.world{perspective:1400px}.browse-memories{font:inherit;font-size:.7rem;border:0;background:#080d1940;min-height:44px;color:var(--muted);padding:8px}.memory-field{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.memory-cluster{position:absolute;inset:0;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;pointer-events:none}.memory-tile{position:absolute;padding:0;border:0;background:transparent;line-height:0;pointer-events:auto;backface-visibility:hidden;transform-style:preserve-3d}.memory-tile img,.memory-tile video{display:block;width:100%;height:auto;max-height:62svh;object-fit:contain;border:1px solid #e4d4c422;background:#101523;box-shadow:0 5px 32px #04041044}.focus-memory{max-width:min(58vw,var(--tile-max));width:calc(57svh * var(--media-ratio));z-index:1}.satellite{width:clamp(90px,13vw,220px);opacity:.62}.satellite img{max-height:25svh}.field-heading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none;transform:translateZ(120px)}.field-heading h2{margin-top:20px;font-size:clamp(3rem,7vw,7rem)}.living-label{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,#090c1bc0);padding:28px 14px 14px;color:#fff0dc;font-size:.6rem;letter-spacing:.18em;line-height:1.3}.tile-open{position:absolute;right:8px;top:8px;width:26px;height:26px;line-height:26px;background:#070b1770;font-size:.9rem;opacity:0}.memory-tile:hover .tile-open,.memory-tile:focus-visible .tile-open{opacity:1}.memory-detail video{max-width:85vw;max-height:66svh;width:auto;height:auto;display:block;margin:auto}.memory-detail img{max-height:66svh}.memory-pagination{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:20px;color:var(--muted);font-size:.75rem;line-height:1.5}.memory-pagination button{background:none;border:0;min-height:44px;color:var(--gold);font-size:.8rem;padding:8px}.memory-detail figcaption{margin-top:15px}.quiet .satellite{opacity:.35}.quiet .memory-cluster{transform-style:flat}@media(max-width:700px){.film{height:4400svh}.focus-memory{max-width:80vw;width:calc(44svh * var(--media-ratio))}.focus-memory img,.focus-memory video{max-height:48svh}.satellite{width:95px;opacity:.4}.satellite img{max-height:16svh}.header-controls{gap:4px}.browse-memories{font-size:.6rem}.memory-pagination{gap:12px;font-size:.7rem}.memory-pagination button{font-size:.75rem}.field-heading h2{font-size:3.5rem}.living-label{font-size:.55rem}}@media(max-height:600px)and (orientation:landscape){.focus-memory{max-width:60vw;width:calc(60svh * var(--media-ratio))}.satellite img{max-height:22svh}.memory-detail video,.memory-detail img{max-height:48svh}.memory-pagination{margin-top:5px}.memory-detail figcaption{margin-top:8px}}