:root{--ivory:#f7f2ea;--cream:#efe6da;--charcoal:#181617;--burgundy:#542b35;--rose:#a96f78;--peach:#d9a58d;--champagne:#c9a878;--terracotta:#b7654f;--fig:#6d3d5f;--sage:#8d9b7d;--blue-night:#202b3f;--lavender-mist:#d9ccd8;--night:#111014;--ink-soft:#4f4647;--line:#542b352e;--shadow:0 28px 80px #1816172e;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:Georgia, "Times New Roman", serif;font-family:var(--sans);color:var(--charcoal);background:var(--ivory);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--champagne);outline-offset:5px}img,video{max-width:100%;display:block}p,h1,h2,h3{margin:0}#root{background:radial-gradient(circle at 12% 10%, #b7654f2e, transparent 24rem), radial-gradient(circle at 88% 2%, #8d9b7d29, transparent 26rem), radial-gradient(circle at 50% 0%, #c9a8782e, transparent 32rem), var(--ivory);min-height:100svh}main{overflow:hidden}.story-nav{z-index:20;color:var(--ivory);mix-blend-mode:difference;grid-template-columns:minmax(3rem,1fr) minmax(9rem,18rem) minmax(4rem,1fr);align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);display:grid;position:fixed;top:0;left:0;right:0}.brand,.date-mark,.eyebrow,.progress-wrap,figcaption,.film-cell>span{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;line-height:1.2}.date-mark{justify-self:end}.progress-wrap{align-items:center;gap:.7rem;display:flex}.progress-track{transform-origin:0;background:#f7f2ea52;width:100%;height:1px;position:relative}.progress-fill{transform-origin:0;background:currentColor;position:absolute;inset:0}.section{min-height:100svh;padding:clamp(5.5rem,11vw,10rem) clamp(1.1rem,5vw,6rem);position:relative}.hero-section{background:radial-gradient(circle at 85% 18%, #a96f783d, transparent 26rem), radial-gradient(circle at 20% 82%, #b7654f38, transparent 24rem), linear-gradient(135deg, var(--night), var(--charcoal) 48%, #25191d);color:var(--ivory);grid-template-columns:minmax(0,.86fr) minmax(18rem,1fr);align-items:center;gap:clamp(2rem,5vw,6rem);display:grid}.hero-copy{max-width:42rem}.eyebrow{color:var(--burgundy);margin-bottom:1rem;font-weight:700}.night-section .eyebrow,.hero-section .eyebrow{color:var(--champagne)}h1,h2{letter-spacing:0;font-weight:500;line-height:.93}h1{text-transform:uppercase;font-size:clamp(4.1rem,14vw,12rem)}h2{font-size:clamp(2.6rem,8vw,7.5rem)}h3{color:var(--burgundy);font-size:clamp(1.35rem,2vw,2.2rem);font-weight:500;line-height:1.15}.hero-subtitle,.year-range{color:#f7f2eab8;margin-top:1.3rem;font-size:clamp(1rem,2vw,1.35rem)}.year-range{color:var(--champagne)}.hero-image{aspect-ratio:16/9;min-height:auto;box-shadow:var(--shadow);align-self:center}.hero-image .memory-photo{background:var(--night)}.hero-image .memory-photo img{object-fit:cover;object-position:50% 48%;min-height:0}.memory-photo,.memory-placeholder{background:var(--cream);height:100%;margin:0;position:relative;overflow:hidden}.memory-photo img{object-fit:cover;width:100%;height:100%;min-height:18rem;transition:transform .9s}.memory-photo:hover img{transform:scale(1.025)}.memory-photo figcaption{color:var(--ivory);text-shadow:0 1px 14px #00000073;position:absolute;bottom:1rem;left:1rem}.memory-placeholder{isolation:isolate;border:1px solid #542b3538;place-items:end start;min-height:24rem;padding:1.1rem;display:grid}.memory-placeholder:before{content:"";z-index:-1;background:radial-gradient(circle at 82% 14%,#8d9b7d3d,#0000 13rem),radial-gradient(circle at 15% 78%,#a96f7838,#0000 12rem),linear-gradient(135deg,#f7f2eaf0,#d9a58d57),repeating-linear-gradient(90deg,#542b3517 0 1px,#0000 1px 12px);position:absolute;inset:0}.tone-night:before{background:radial-gradient(circle at 18% 20%,#6d3d5f85,#0000 12rem),radial-gradient(circle at 88% 76%,#202b3fb8,#0000 14rem),linear-gradient(135deg,#111014f5,#542b3580),repeating-linear-gradient(90deg,#c9a87829 0 1px,#0000 1px 14px)}.tone-rose:before{background:radial-gradient(circle at 22% 18%,#d9ccd873,#0000 13rem),radial-gradient(circle at 84% 78%,#b7654f47,#0000 12rem),linear-gradient(135deg,#f7f2eaeb,#a96f7870),repeating-linear-gradient(90deg,#542b3514 0 1px,#0000 1px 14px)}.tone-peach:before{background:radial-gradient(circle at 84% 18%,#8d9b7d42,#0000 13rem),radial-gradient(circle at 18% 82%,#c9a87847,#0000 11rem),linear-gradient(135deg,#efe6dafa,#d9a58d80),repeating-linear-gradient(90deg,#542b3512 0 1px,#0000 1px 12px)}.memory-placeholder div{gap:.45rem;max-width:22rem;display:grid}.memory-placeholder span{color:#181617b8;overflow-wrap:anywhere;font-size:.75rem}.tone-night span,.tone-night strong{color:#f7f2eab8}.memory-placeholder.tone-warm:after,.memory-placeholder.tone-rose:after,.memory-placeholder.tone-peach:after{content:"";z-index:-1;background:linear-gradient(#0000,#f7f2eab8);height:42%;position:absolute;inset:auto 0 0}.scroll-cue{color:#f7f2eabf;align-items:center;gap:.45rem;font-size:.82rem;display:inline-flex;position:absolute;bottom:1.6rem;left:clamp(1.1rem,5vw,6rem)}.chapter-grid{grid-template-columns:minmax(0,.8fr) minmax(18rem,1fr);align-items:start;gap:clamp(2rem,8vw,9rem);max-width:82rem;margin:0 auto;display:grid}.beginning-section,.friendship-section,.final-letter-section,.final-screen{background:radial-gradient(circle at 9% 18%, #d9a58d2e, transparent 22rem), radial-gradient(circle at 92% 78%, #8d9b7d24, transparent 24rem), var(--ivory)}.chapter-body,.meeting-copy,.faith-copy,.letter{color:var(--ink-soft);gap:1rem;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.8;display:grid}.friendship-section{min-height:auto}.section-heading{max-width:56rem;margin:0 auto clamp(2.4rem,6vw,5rem)}.section-heading.narrow{max-width:42rem;margin-left:0}.friendship-steps{gap:0;max-width:62rem;margin:0 auto;padding:0;list-style:none;display:grid}.friendship-steps li{border-top:1px solid var(--line);grid-template-columns:4rem 1fr;align-items:center;min-height:6rem;display:grid}.friendship-steps li:last-child{border-bottom:1px solid var(--line)}.friendship-steps li:nth-child(2n) strong{color:var(--fig)}.friendship-steps li:nth-child(3n) strong{color:var(--terracotta)}.friendship-steps span,.meeting-timeline time{color:var(--champagne);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}.friendship-steps strong{font-family:var(--serif);font-size:clamp(2rem,6vw,5.2rem);font-weight:400;line-height:1}.distance-section{background:radial-gradient(circle at 18% 20%, #a96f7838, transparent 24rem), radial-gradient(circle at 84% 74%, #8d9b7d4d, transparent 26rem), linear-gradient(180deg, var(--cream), #ead9d7);place-items:center;display:grid}.distance-card{width:min(100%,58rem);color:var(--burgundy)}.distance-card svg,.calls-copy svg,.faith-copy svg,.letter svg{width:1.25rem;height:1.25rem;color:var(--champagne);margin-bottom:1rem}.distance-card p{max-width:45rem;color:var(--ink-soft);margin-top:1rem;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.8}.distance-line{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:clamp(2rem,6vw,4rem) 0;display:grid}.distance-line span{background:#542b3547;height:1px}.distance-line i{background:var(--burgundy);border-radius:999px;width:.7rem;height:.7rem;box-shadow:0 0 0 1rem #542b3514}.night-section{background:radial-gradient(circle at 12% 20%, #6d3d5f61, transparent 28rem), radial-gradient(circle at 86% 76%, #202b3f7a, transparent 30rem), linear-gradient(180deg, var(--charcoal), var(--night));color:var(--ivory)}.calls-section{grid-template-columns:minmax(16rem,.82fr) minmax(18rem,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.calls-copy{gap:1.2rem;display:grid}.calls-copy p:not(.eyebrow){color:#f7f2eab8;font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.8}.contact-sheet{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid;transform:rotate(-1.2deg)}.film-frame{background:linear-gradient(135deg,#0c0b0d,#1d1620);border:1px solid #c9a87847;padding:.7rem}.film-frame .memory-placeholder,.film-frame .memory-photo{min-height:18rem}.film-frame .memory-photo img{object-fit:cover;object-position:center}.contact-sheet>:first-child .film-frame .memory-photo img{object-position:center top}.video-strip{grid-column:1/-1}.memory-video{background:#f7f2ea0d;border:1px solid #c9a87838;position:relative;overflow:hidden}.memory-video video{aspect-ratio:16/7;object-fit:cover;width:100%}.meeting-section{grid-template-columns:minmax(18rem,1.1fr) minmax(18rem,.8fr);align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.meeting-2{background:radial-gradient(circle at 12% 22%, #b7654f33, transparent 23rem), radial-gradient(circle at 86% 80%, #d9ccd857, transparent 24rem), linear-gradient(180deg, var(--cream), #d9a58d47)}.meeting-3{background:radial-gradient(circle at 82% 18%, #a96f783d, transparent 24rem), radial-gradient(circle at 18% 88%, #8d9b7d33, transparent 26rem), linear-gradient(180deg, var(--ivory), #a96f7838)}.meeting-media{grid-template-columns:1fr .52fr;align-items:end;gap:1rem;display:grid}.meeting-primary{min-height:min(72svh,46rem);box-shadow:var(--shadow)}.meeting-secondary{min-height:22rem;transform:translateY(10%)}.meeting-copy h2{color:var(--burgundy)}.meeting-1 .meeting-primary .memory-photo img{object-position:center 42%}.meeting-2 .meeting-primary .memory-photo img{object-position:center 38%}.meeting-3 .meeting-primary .memory-photo img{object-position:center 42%}.meeting-3 .meeting-secondary .memory-photo img{object-position:center 44%}.meeting-timeline-section,.gallery-section{background:radial-gradient(circle at 10% 20%, #c9a8782e, transparent 24rem), radial-gradient(circle at 90% 82%, #a96f782e, transparent 26rem), var(--cream)}.meeting-timeline{border-left:1px solid var(--line);max-width:62rem;margin:0 auto;padding:0;list-style:none}.meeting-timeline li{gap:.65rem;padding:0 0 3rem 2rem;display:grid;position:relative}.meeting-timeline li:before{content:"";background:linear-gradient(135deg, var(--burgundy), var(--terracotta));border-radius:999px;width:.72rem;height:.72rem;position:absolute;top:.2rem;left:-.38rem}.meeting-timeline strong{color:var(--burgundy);font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.05}.meeting-timeline p{color:var(--ink-soft)}.editorial-gallery{grid-template-columns:repeat(12,1fr);grid-auto-rows:6rem;gap:clamp(.7rem,1.5vw,1.2rem);display:grid}.gallery-item .memory-photo,.gallery-item .memory-placeholder{height:100%}.item-1{grid-area:span 5/1/auto/8}.item-2{grid-area:span 3/8/auto/13}.item-3{grid-area:span 4/8/auto/13}.item-4{grid-area:span 4/2/auto/7}.item-4 .memory-photo img{object-position:center 48%}.item-5{grid-area:span 5/7/auto/12}.film-section{background:radial-gradient(circle at 18% 24%, #6d3d5f66, transparent 26rem), radial-gradient(circle at 84% 72%, #b7654f4d, transparent 26rem), linear-gradient(180deg, var(--charcoal), #221b1d);color:var(--ivory)}.film-roll{border-block:1px solid #c9a87847;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-block:1.3rem;display:grid}.film-cell{border-inline:1px solid #c9a8782e;padding:1.4rem .8rem;position:relative}.film-cell:before,.film-cell:after{content:"";background:repeating-linear-gradient(90deg,#f7f2ea40 0 .45rem,#0000 .45rem .9rem);height:.35rem;position:absolute;left:.5rem;right:.5rem}.film-cell:before{top:.35rem}.film-cell:after{bottom:.35rem}.film-cell>span{color:var(--champagne);margin-bottom:.8rem;display:block}.film-cell .memory-placeholder,.film-cell .memory-photo{min-height:22rem}.milky-section{background:radial-gradient(circle at 82% 20%, #d9ccd875, transparent 24rem), radial-gradient(circle at 8% 84%, #d9a58d33, transparent 24rem), var(--ivory);grid-template-columns:minmax(16rem,.8fr) minmax(18rem,.9fr);align-items:center;gap:clamp(2rem,8vw,8rem);display:grid}.milky-copy{gap:1rem;display:grid}.milky-copy h2{color:var(--charcoal)}.milky-copy h3{font-family:var(--serif);font-size:clamp(2.3rem,5vw,5.2rem)}.milky-copy p:not(.eyebrow){color:var(--ink-soft);font-size:1.1rem}.milky-photo{min-height:min(72svh,43rem)}.milky-photo .memory-photo img{object-position:center 45%}.poetry-section{text-align:center;background:radial-gradient(circle at 50% 20%, #6d3d5f6b, transparent 24rem), radial-gradient(circle at 70% 84%, #c9a87824, transparent 22rem), linear-gradient(180deg, var(--night), var(--blue-night));place-items:center;display:grid}.poetry-section h2{max-width:50rem;color:var(--ivory);font-family:var(--serif);font-size:clamp(3rem,8vw,8rem);line-height:1.45}.translation{color:#f7f2eaad;font-family:var(--serif);margin-top:1.5rem;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.45}.faith-section{background:radial-gradient(circle at 16% 16%, #8d9b7d2e, transparent 24rem), radial-gradient(circle at 78% 44%, #6d3d5f47, transparent 26rem), linear-gradient(180deg, var(--night) 0%, var(--blue-night) 46%, var(--ivory) 100%);place-items:center;display:grid}.faith-copy{max-width:54rem;color:var(--ivory);background:#111014c2;border:1px solid #c9a87847;padding:clamp(2rem,6vw,5rem)}.faith-copy h2{color:var(--ivory)}.faith-copy p:not(.eyebrow){color:#f7f2eac7}.final-letter-section{grid-template-columns:minmax(18rem,.9fr) minmax(18rem,.85fr);align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.final-photo{min-height:min(72svh,46rem)}.final-photo .memory-photo img{object-position:42% 45%}.letter{max-width:42rem}.letter h2,.letter strong{color:var(--burgundy)}.final-screen{text-align:center;place-items:center;min-height:78svh;display:grid}.final-screen h2{color:var(--burgundy);font-size:clamp(2.4rem,7vw,7rem)}.final-screen p{color:var(--ink-soft);margin-top:1rem;font-size:clamp(1.2rem,2vw,1.8rem)}.final-screen small{color:#1816179e;letter-spacing:.12em;text-transform:uppercase;margin-top:2.5rem;display:block}@media (width<=900px){.story-nav{grid-template-columns:auto 1fr auto;padding:.85rem 1rem}.progress-wrap{gap:.45rem}.hero-section,.chapter-grid,.calls-section,.meeting-section,.milky-section,.final-letter-section{grid-template-columns:1fr}.hero-section{align-content:center;padding-top:5rem}.hero-image,.meeting-primary,.milky-photo,.final-photo{min-height:34rem}.hero-image{aspect-ratio:16/9;min-height:auto}.meeting-media{grid-template-columns:1fr}.meeting-secondary{min-height:20rem;transform:none}.contact-sheet,.film-roll{grid-template-columns:1fr 1fr}.editorial-gallery{grid-template-columns:1fr;grid-auto-rows:auto}.item-1,.item-2,.item-3,.item-4,.item-5{grid-area:auto}.gallery-item .memory-placeholder,.gallery-item .memory-photo{min-height:27rem}}@media (width<=560px){.story-nav{grid-template-columns:auto auto}.progress-wrap{display:none}.section{min-height:auto;padding:5.5rem 1rem}.hero-section{min-height:100svh}h1{font-size:clamp(4rem,22vw,6.8rem)}h2{font-size:clamp(2.35rem,15vw,4.8rem)}.hero-image,.meeting-primary,.milky-photo,.final-photo{min-height:28rem}.hero-image{aspect-ratio:16/9;min-height:auto}.friendship-steps li{grid-template-columns:2.8rem 1fr}.contact-sheet,.film-roll{grid-template-columns:1fr}.memory-video video{aspect-ratio:4/3}.faith-copy{padding:1.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}