:root{--paper:#f4eee5;--warm-white:#fff9f3;--ink:#27221e;--soft-ink:#675f58;--midnight:#17202a;--vermilion:#a74743;--dusty-rose:#d8aaa6;--hairline:#d8cec2;--scroll-progress:0%;--font-display:"Iowan Old Style", Baskerville, "Times New Roman", Times, serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--midnight)}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0}body,button,a{-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}img{max-width:100%;display:block}a{color:inherit}::selection{background:var(--dusty-rose);color:var(--ink)}:focus-visible{outline:3px solid var(--vermilion);outline-offset:4px}.section-shell{width:min(100% - 48px,1220px);margin-inline:auto}.distance-thread{z-index:30;pointer-events:none;background:#a747432e;width:1px;position:fixed;top:0;bottom:0;left:20px}.distance-thread__fill{height:var(--scroll-progress);background:var(--vermilion);position:absolute;inset:0 0 auto}.distance-thread__heart{top:var(--scroll-progress);width:22px;height:22px;color:var(--vermilion);place-items:center;font-size:11px;transition:top .12s linear;display:grid;position:absolute;left:50%;transform:translate(-50%,-50%)}.hero{isolation:isolate;min-height:100svh;color:var(--warm-white);background:var(--midnight);align-items:end;display:grid;position:relative;overflow:hidden}.hero__image,.hero__scrim{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero__image{object-fit:cover;object-position:60% 42%;animation:1.5s cubic-bezier(.2,.65,.2,1) both hero-settle}.hero__scrim{z-index:-1;background:linear-gradient(90deg,#0d1116d1 0%,#0d111678 42%,#0000 76%),linear-gradient(#0000 52%,#0d1116b8 100%),linear-gradient(#0d111657 0%,#0000 24%)}.hero__topline{top:max(28px, env(safe-area-inset-top));letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;left:44px;right:44px}.hero__topline p{opacity:.82;margin:0}.wordmark{min-height:44px;color:var(--warm-white);font-family:var(--font-mono);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.wordmark span{color:#e88780}.hero__content{width:min(100% - 88px,1220px);padding:170px 0 max(82px, calc(64px + env(safe-area-inset-bottom)));margin-inline:auto;animation:.9s ease-out .15s both hero-copy}.hero h1,.letter-card h2,.section-heading h2,.closing h2{font-family:var(--font-display);letter-spacing:-.045em;font-weight:400}.hero h1{text-wrap:balance;max-width:9ch;margin:0 0 38px;font-size:clamp(3.7rem,7.8vw,7.3rem);line-height:.9}.hero__cta{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #fff9f399;align-items:center;gap:18px;min-height:48px;font-size:12px;font-weight:650;text-decoration:none;transition:gap .18s,border-color .18s;display:inline-flex}.hero__cta:hover{border-color:var(--warm-white);gap:25px}.letter-shell{padding-block:clamp(82px,11vw,150px)}.letter-card{border:1px solid var(--hairline);background:linear-gradient(#ffffff42,#ffffff42),repeating-linear-gradient(0deg,#0000 0 27px,#675f580a 28px);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:72px;max-width:900px;margin-inline:auto;padding:clamp(40px,7vw,82px);display:grid;position:relative;box-shadow:0 30px 90px #3e312817}.letter-card:before{content:"";background:#d8aaa64d;width:72px;height:18px;position:absolute;top:18px;left:50%;transform:translate(-50%)rotate(-1.5deg)}.letter-card h2{margin:0 0 28px;font-size:clamp(2.9rem,5vw,4.7rem);line-height:.95}.letter-copy{max-width:610px;color:var(--soft-ink);font-family:var(--font-display);font-size:clamp(1.18rem,1.8vw,1.45rem);line-height:1.7}.letter-copy p{margin:0}.letter-copy .signature{color:var(--ink);margin-top:32px;font-size:1.08em;font-style:italic}.letter-seal{border:2px solid var(--vermilion);width:108px;height:108px;color:var(--vermilion);text-align:center;border-radius:50%;place-content:center;display:grid;transform:rotate(7deg)}.letter-seal span{font-family:var(--font-display);font-size:23px}.letter-seal small{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin-top:3px;font-size:8px}.memories-section{padding-bottom:clamp(100px,12vw,180px)}.section-heading{margin-bottom:50px}.section-heading h2{margin:0;font-size:clamp(4rem,8vw,7.4rem);line-height:.88}.memory-unlocks{color:#1f23269e;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin-top:18px;font-size:9px;display:flex}.memory-unlocks__hearts{color:#bc554e5c;letter-spacing:0;gap:4px;font-size:13px;display:inline-flex}.memory-unlocks__heart{text-align:center;width:11px;display:inline-block}.memory-unlocks__heart.is-unlocked{color:var(--vermilion)}.memory-grid{column-count:4;column-gap:12px}.memory-card{break-inside:avoid;cursor:zoom-in;background:#ddd2c7;border:0;width:100%;margin:0 0 12px;padding:0;display:block;overflow:hidden}.memory-card img{width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.65,.2,1),opacity .22s}.memory-card:hover img{transform:scale(1.018)}.memory-card:active img{opacity:.88}.closing{isolation:isolate;min-height:84svh;color:var(--warm-white);background:var(--midnight);align-items:end;display:grid;position:relative;overflow:hidden}.closing>img,.closing__scrim{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.closing>img{object-fit:cover;object-position:50% 38%}.closing__scrim{z-index:-1;background:linear-gradient(90deg,#0d1116e0 0%,#0d111694 55%,#0d111633 100%),linear-gradient(#0000 45%,#0d1116c2 100%)}.closing__content{padding-block:clamp(120px,17vw,210px) 120px}.closing h2{max-width:750px;margin:0;font-size:clamp(3.8rem,7vw,6.7rem);line-height:.9}.closing__content p{color:#fff9f3d1;max-width:540px;margin:30px 0 22px;font-size:1.05rem;line-height:1.7}.closing__content strong{font-family:var(--font-display);font-size:1.55rem;font-style:italic;font-weight:400}.closing footer{color:#fff9f3ad;font-family:var(--font-mono);letter-spacing:.14em;text-align:center;text-transform:uppercase;border-top:1px solid #fff9f338;padding-top:18px;font-size:10px;position:absolute;bottom:30px;left:42px;right:42px}.closing footer span{color:#e88780}.lightbox{z-index:100;color:var(--warm-white);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e12f5;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:16px;padding:74px 28px 28px;animation:.18s ease-out both lightbox-in;display:grid;position:fixed;inset:0}.lightbox__close{min-width:88px;min-height:44px;color:var(--warm-white);cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid #fff9f34d;justify-content:center;align-items:center;gap:12px;padding:0 12px;font-size:9px;display:inline-flex;position:absolute;top:18px;right:22px}.lightbox__nav{width:52px;height:52px;color:var(--warm-white);cursor:pointer;background:0 0;border:1px solid #fff9f33d;border-radius:50%;place-items:center;font-size:20px;display:grid}.lightbox__figure{grid-template-rows:minmax(0,1fr) auto;min-width:0;max-width:min(100%,1080px);max-height:calc(100svh - 112px);margin:auto;display:grid}.lightbox__figure img{object-fit:contain;width:100%;height:100%;min-height:0}.lightbox__figure figcaption{color:#e6a9a4;font-family:var(--font-mono);letter-spacing:.08em;text-align:center;padding-top:14px;font-size:9px}@keyframes hero-settle{0%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes hero-copy{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@media (width<=940px){.memory-grid{column-count:3}}@media (width<=640px){.section-shell{width:min(100% - 30px,1220px)}.distance-thread{left:8px}.hero__topline{left:18px;right:18px}.hero__topline p{display:none}.hero__image{object-position:64% 38%}.hero__scrim{background:linear-gradient(#0d111624 0%,#0d111680 45%,#0d1116e0 100%),linear-gradient(90deg,#0d11166b,#0000 82%)}.hero__content{width:min(100% - 36px,1220px);padding:180px 0 max(52px, calc(34px + env(safe-area-inset-bottom)))}.hero h1{max-width:9.5ch;margin-bottom:28px;font-size:clamp(3.35rem,16vw,4.8rem)}.letter-card{grid-template-columns:1fr;gap:34px;padding:50px 26px 32px}.letter-seal{justify-self:end;width:88px;height:88px}.memory-grid{column-count:2;column-gap:8px}.memory-card{margin-bottom:8px}.closing{min-height:88svh}.closing>img{object-position:48% 30%}.closing__scrim{background:linear-gradient(#0d11162e 0%,#0d11169e 36%,#0d1116f0 100%)}.closing__content{padding-block:150px 110px}.closing h2{max-width:9ch;font-size:clamp(3.2rem,15vw,4.5rem)}.closing__content p{max-width:92%;margin-top:24px;font-size:.98rem}.closing footer{left:18px;right:18px}.lightbox{grid-template-columns:48px minmax(0,1fr) 48px;gap:3px;padding:70px 8px 20px}.lightbox__nav{width:44px;height:44px}}@media (width<=360px){.memory-grid{column-count:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}