:root{--wine:#4b1425;--wine-dark:#270a14;--rose:#d7a3ad;--ivory:#f5efe5;--paper:#fbf7f0;--gold:#c39a4a;--emerald:#174d42;--ink:#28181d;--serif:"Italiana",Georgia,serif;--sans:"DM Sans",sans-serif;--page-scroll:0px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.75;overflow-x:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--paper);padding:.7rem 1rem}.skip:focus{top:1rem}.progress{position:fixed;inset:0 0 auto;height:3px;z-index:100;background:transparent}.progress span{display:block;height:100%;width:0;background:var(--gold)}.topbar{position:absolute;z-index:20;top:0;left:0;width:100%;padding:1.3rem 5vw;display:flex;justify-content:space-between;align-items:center;color:white}.monogram{text-decoration:none;font-family:var(--serif);font-size:1.15rem;letter-spacing:.14em}.monogram i{color:var(--gold);font-weight:400}.topbar nav{display:flex;gap:2rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.topbar nav a{text-decoration:none;opacity:.78}.topbar nav a:hover{opacity:1}.menu-button{display:none;background:none;border:0;color:white;text-transform:uppercase;letter-spacing:.12em}.section{padding:clamp(6rem,10vw,10rem) max(6vw,calc((100vw - 1240px)/2))}.eyebrow{margin:0 0 1.25rem;color:var(--wine);font-size:.69rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.eyebrow.light{color:#e5c787}.hero{position:relative;min-height:100svh;color:white;display:flex;align-items:flex-end;overflow:hidden}.hero-photo{position:absolute;inset:0;object-position:center 47%;transform:scale(1.015);animation:heroIn 2.2s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,4,11,.8) 0%,rgba(24,4,11,.38) 48%,rgba(24,4,11,.12) 72%),linear-gradient(0deg,rgba(22,4,10,.66),transparent 48%)}.hero-copy{position:relative;z-index:2;width:min(760px,86vw);margin:0 0 13vh max(6vw,calc((100vw - 1240px)/2))}.hero h1{font:400 clamp(4rem,8vw,8.3rem)/.86 var(--serif);letter-spacing:-.035em;margin:0}.hero h1 em{color:#efd8d9;font-style:normal}.hero-note{max-width:550px;font-size:clamp(1rem,1.55vw,1.22rem);line-height:1.65;margin:2rem 0 0}.hero-date,.scroll-cue{position:absolute;z-index:2;bottom:2rem;margin:0;font-size:.67rem;letter-spacing:.16em;text-transform:uppercase}.hero-date{left:5vw}.hero-date span{display:inline-block;width:42px;height:1px;background:var(--gold);margin:0 .7rem;vertical-align:middle}.scroll-cue{right:5vw;text-decoration:none}.scroll-cue span{color:var(--gold);font-size:1rem;margin-left:.5rem}@keyframes heroIn{from{transform:scale(1.09);filter:brightness(.7)}to{transform:scale(1.015);filter:brightness(1)}}.counters{position:relative;margin:-1px auto 0;padding:4rem max(6vw,calc((100vw - 1240px)/2));background:var(--wine-dark);color:white;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center}.counter{text-align:center}.counter p,.counter small{margin:0;color:#d9bcc3;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.counter strong{display:block;margin:.8rem auto;font:400 clamp(1.2rem,2vw,1.8rem)/1.35 var(--serif);color:#fff}.counter-thread{height:1px;background:linear-gradient(90deg,transparent,#be203d,transparent)}.chapter{display:flex;align-items:center;gap:1rem;margin-bottom:4rem}.chapter span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;font-size:.65rem}.chapter p{margin:0;color:var(--wine);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em}.opening-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,8vw,9rem);align-items:start}.display{font:400 clamp(2.7rem,5vw,5.6rem)/1.05 var(--serif);letter-spacing:-.025em;color:var(--wine);margin:0}.body-copy{max-width:560px;font-size:1.03rem}.body-copy p:first-child{margin-top:0}.wide-memory{margin:8rem 0 0;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.6fr);min-height:520px;background:var(--paper);border-radius:32px;overflow:hidden;box-shadow:0 24px 70px rgba(64,26,35,.09)}.wide-memory img{min-height:520px;object-position:center 44%}.wide-memory figcaption{padding:3rem;display:flex;flex-direction:column;justify-content:flex-end;color:var(--wine);font:400 clamp(1.5rem,2.6vw,2.5rem)/1.25 var(--serif)}.wide-memory figcaption span{font:600 .7rem var(--sans);letter-spacing:.2em;color:var(--gold)}.timeline{position:relative;background:linear-gradient(180deg,var(--ivory),#f0e2dc 48%,var(--ivory));overflow:hidden}.timeline-line{position:absolute;top:10rem;bottom:8rem;left:calc(max(6vw,(100vw - 1240px)/2) + 132px);width:1px;background:linear-gradient(var(--gold),var(--rose),transparent)}.time-item{position:relative;display:grid;grid-template-columns:132px 1fr;gap:clamp(2rem,5vw,6rem);margin-bottom:8rem}.time-item time{padding-top:.45rem;font-size:.7rem;letter-spacing:.17em;color:var(--wine);font-weight:600}.time-item>div{max-width:710px}.time-item>div>span{color:var(--gold);font-size:.68rem;text-transform:uppercase;letter-spacing:.18em}.time-item h2{font:400 clamp(2.25rem,4vw,4.2rem)/1.08 var(--serif);color:var(--wine);margin:.8rem 0 1.3rem}.time-item p{max-width:580px}.feature{margin-bottom:5rem}.date-photos{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:3rem}.date-photos figure{margin:0;position:relative;overflow:hidden;border-radius:24px;aspect-ratio:4/5}.date-photos figcaption,.dream-photo span{position:absolute;bottom:1rem;left:1rem;background:rgba(31,7,15,.74);color:white;padding:.45rem .7rem;border-radius:99px;font-size:.61rem;letter-spacing:.15em}.after-yes{position:relative;margin:0 0 9rem auto;width:min(82%,960px);height:min(68vw,650px);border-radius:36px;overflow:hidden}.after-yes img{object-position:center 35%}.after-yes figcaption{position:absolute;left:2rem;right:2rem;bottom:2rem;padding:1.5rem 1.7rem;background:rgba(39,10,20,.82);backdrop-filter:blur(10px);border-radius:22px;color:white;max-width:560px}.after-yes figcaption span{font-size:.65rem;color:#e4c16f;letter-spacing:.15em}.after-yes figcaption p{margin:.4rem 0 0}.final-date{margin-bottom:0}.red-thread{position:relative;background:var(--wine-dark);color:#f9eee7;overflow:hidden}.thread-art{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.thread-art path{fill:none;stroke:#a51d35;stroke-width:2;stroke-dasharray:5 11}.thread-inner{position:relative;display:grid;grid-template-columns:1fr .72fr;gap:clamp(4rem,9vw,10rem);align-items:center}.thread-copy h2,.dream-copy h2,.shared h2{font:400 clamp(2.6rem,5vw,5rem)/1.03 var(--serif);letter-spacing:-.02em;margin:0 0 2rem}.thread-copy p{max-width:670px}.thread-photo{margin:0;position:relative;height:min(64vw,760px);border-radius:48% 48% 28px 28px;overflow:hidden}.thread-photo img{object-position:center}.thread-photo figcaption{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;padding:1.2rem;background:rgba(35,7,14,.72);border-radius:18px;font-size:.78rem}.dreamgirl{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(4rem,9vw,10rem);align-items:center}.dream-photo{position:relative;height:min(70vw,780px);border-radius:240px 240px 28px 28px;overflow:hidden}.dream-copy h2,.shared h2{color:var(--wine)}.dream-copy p{max-width:620px}.handwritten{margin-top:2rem!important;color:var(--emerald);font:400 clamp(1.7rem,3vw,2.5rem)/1.3 var(--serif)}.shared{padding-top:4rem}.shared-heading{max-width:900px;margin:0 auto 6rem;text-align:center}.shared-heading>p:not(.eyebrow){max-width:720px;margin:1rem auto}.photo-river{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,2rem);align-items:start}.photo-river figure{position:relative;margin:0;overflow:hidden;border-radius:26px;background:#dccfc2;box-shadow:0 18px 55px rgba(56,22,31,.09)}.photo-river img{transition:transform .8s ease}.photo-river figure:hover img{transform:scale(1.025)}.photo-river figcaption{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;padding:.65rem .85rem;border-radius:14px;color:white;background:linear-gradient(90deg,rgba(38,8,16,.85),rgba(38,8,16,.35));font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.photo-river figcaption span{float:right;text-transform:none;letter-spacing:0;font-size:.7rem}.river-wide{grid-column:span 7;aspect-ratio:16/10}.river-tall{grid-column:span 5;aspect-ratio:4/5}.river-small{grid-column:span 6;aspect-ratio:4/3}.photo-river figure:nth-child(5),.photo-river figure:nth-child(6){grid-column:span 8}.photo-river figure:nth-child(7),.photo-river figure:nth-child(8){grid-column:span 4}.music{background:radial-gradient(circle at 80% 15%,#315c51 0,transparent 28%),linear-gradient(135deg,#0d322d,#081f1d 68%);color:white}.music-intro{display:grid;grid-template-columns:.75fr 1.25fr;column-gap:clamp(3rem,9vw,10rem);max-width:1100px}.music-intro .eyebrow{grid-column:1}.music-intro h2{grid-column:1;grid-row:2/5;margin:0;font:400 clamp(4.5rem,8vw,8.5rem)/.8 var(--serif)}.music-intro h2 i{font-size:.55em;color:#e4c16f}.music-intro>p:not(.eyebrow){grid-column:2;margin:0 0 1.2rem;max-width:600px}.vinyl-stage{margin-top:6rem;padding:clamp(2rem,4vw,4rem);border-radius:36px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}.vinyl-copy{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:2rem;margin-bottom:2rem}.vinyl-copy small{grid-column:1/3;color:#d0b069;text-transform:uppercase;letter-spacing:.18em}.vinyl-copy h3{font:400 clamp(2rem,4vw,4rem)/1 var(--serif);margin:.8rem 0 0}.vinyl-copy p{grid-row:3;margin:.5rem 0 0}.vinyl-copy a{grid-column:2;grid-row:2/4;text-decoration:none;border:1px solid #d0b069;border-radius:99px;padding:.7rem 1rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.vinyl-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem 1.2rem}.vinyl-card{border:0;background:none;color:white;padding:0;cursor:pointer;text-align:center;font-family:inherit}.vinyl-disc{position:relative;display:block;width:min(100%,190px);aspect-ratio:1;margin:auto;border-radius:50%;padding:8%;background:repeating-radial-gradient(circle,#141414 0 3px,#252525 4px 6px);box-shadow:4px 14px 30px rgba(0,0,0,.35);transition:transform .35s ease}.vinyl-disc img{border-radius:50%;object-fit:cover}.vinyl-disc i{position:absolute;width:11%;aspect-ratio:1;border-radius:50%;background:#111;left:44.5%;top:44.5%;box-shadow:0 0 0 3px rgba(255,255,255,.5)}.vinyl-card:hover .vinyl-disc{transform:translateY(-6px) rotate(8deg)}.vinyl-card.active .vinyl-disc{animation:spin 8s linear infinite;box-shadow:0 0 0 2px #d0b069,4px 14px 35px rgba(0,0,0,.5)}.vinyl-label{display:block;margin-top:1rem}.vinyl-label b,.vinyl-label small{display:block}.vinyl-label b{font-size:.78rem;font-weight:500}.vinyl-label small{font-size:.65rem;color:#b8cbc7}.playlist-note{text-align:center;color:#b8cbc7;font-size:.8rem;margin:3rem 0 0}@keyframes spin{to{transform:rotate(360deg)}}.closing{position:relative;min-height:100svh;height:auto;padding:clamp(8rem,13vw,13rem) max(6vw,calc((100vw - 1240px)/2));display:flex;align-items:center;color:white;overflow:hidden}.closing>img,.closing-shade{position:absolute;inset:0}.closing>img{object-position:center 48%}.closing-shade{background:linear-gradient(90deg,rgba(28,5,12,.9) 0%,rgba(28,5,12,.75) 48%,rgba(28,5,12,.18) 100%),linear-gradient(0deg,rgba(22,4,10,.65),transparent 50%)}.closing-copy{position:relative;z-index:2;max-width:780px}.closing-copy h2{font:400 clamp(3rem,6vw,6.5rem)/.98 var(--serif);margin:0 0 2.2rem}.closing-copy>p:not(.eyebrow){font-size:clamp(.98rem,1.4vw,1.13rem);max-width:650px}.signature{margin-top:3rem;color:#f0c7ce;font-size:1rem}.signature i{display:inline-block;margin-top:.2rem;color:white;font:400 clamp(2.7rem,5vw,5rem)/1 var(--serif)}footer{padding:2rem 5vw;background:#17050b;color:#d8c3c5;display:flex;justify-content:space-between;align-items:center;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}footer span{font:400 1.25rem var(--serif);color:#d0b069}footer a{text-decoration:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:780px){.topbar{padding:1.15rem 1.2rem}.menu-button{display:block}.topbar nav{position:absolute;right:1rem;top:3.8rem;padding:1.2rem;display:none;flex-direction:column;gap:1rem;background:rgba(30,5,13,.94);border-radius:16px}.topbar nav.open{display:flex}.section{padding:5.5rem 1.25rem}.hero{min-height:92svh}.hero-photo{object-position:58% center}.hero-shade{background:linear-gradient(0deg,rgba(24,4,11,.86) 0%,rgba(24,4,11,.34) 68%,rgba(24,4,11,.2))}.hero-copy{margin:0 1.25rem 8rem;width:auto}.hero h1{font-size:clamp(3.5rem,17vw,5.4rem)}.hero-note{font-size:.92rem;line-height:1.55}.hero-date{left:1.25rem;bottom:2rem}.scroll-cue{display:none}.counters{padding:3.5rem 1.25rem;grid-template-columns:1fr;gap:2rem}.counter-thread{width:60%;margin:auto}.counter strong{font-size:1.22rem}.opening-grid,.thread-inner,.dreamgirl,.music-intro{grid-template-columns:1fr}.chapter{margin-bottom:2.5rem}.display{font-size:2.8rem}.body-copy{margin-top:2rem}.wide-memory{margin-top:4rem;grid-template-columns:1fr;min-height:0;border-radius:24px}.wide-memory img{height:380px;min-height:0;object-position:57% center}.wide-memory figcaption{padding:1.8rem;font-size:1.55rem}.timeline-line{left:1.55rem;top:6rem}.time-item{grid-template-columns:1fr;gap:.7rem;margin-left:1.5rem;margin-bottom:5rem;padding-left:1.2rem}.time-item h2{font-size:2.35rem}.date-photos{gap:.6rem}.date-photos figure{border-radius:16px}.after-yes{width:calc(100% - 1.5rem);height:520px;margin-bottom:6rem;border-radius:24px}.after-yes figcaption{left:1rem;right:1rem;bottom:1rem}.thread-inner{gap:3.5rem}.thread-copy h2,.dream-copy h2,.shared h2{font-size:2.75rem}.thread-photo{height:520px;border-radius:180px 180px 24px 24px}.dreamgirl{gap:3.5rem}.dream-photo{height:560px}.shared{padding-top:2rem}.shared-heading{text-align:left;margin-bottom:3rem}.photo-river{gap:.8rem}.photo-river figure,.photo-river figure:nth-child(n){grid-column:span 12;aspect-ratio:4/3;border-radius:18px}.photo-river .river-tall{aspect-ratio:4/5}.photo-river figcaption span{float:none;display:block;margin-top:.1rem}.music-intro h2,.music-intro>p:not(.eyebrow),.music-intro .eyebrow{grid-column:1;grid-row:auto}.music-intro h2{font-size:4.3rem;margin-bottom:2rem}.vinyl-stage{padding:1.4rem;border-radius:24px;margin-top:3rem}.vinyl-copy{grid-template-columns:1fr}.vinyl-copy small,.vinyl-copy h3,.vinyl-copy p,.vinyl-copy a{grid-column:1;grid-row:auto}.vinyl-copy a{justify-self:start;margin-top:1rem}.vinyl-shelf{grid-template-columns:repeat(2,1fr);gap:2rem .6rem}.vinyl-disc{max-width:145px}.closing{min-height:0;padding:7rem 1.25rem}.closing>img{object-position:60% center}.closing-shade{background:linear-gradient(90deg,rgba(28,5,12,.93),rgba(28,5,12,.64))}.closing-copy h2{font-size:3.15rem}.closing-copy>p:not(.eyebrow){font-size:.95rem}footer{gap:1rem;flex-wrap:wrap}footer p{order:3;width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* A quieter, more dimensional product-story finish */
body{font-size:16px;-webkit-font-smoothing:antialiased}
.topbar{position:fixed;border-bottom:1px solid transparent;transition:padding .45s ease,background .45s ease,border-color .45s ease,backdrop-filter .45s ease}
.scrolled .topbar{padding-top:.82rem;padding-bottom:.82rem;background:rgba(26,7,13,.66);border-color:rgba(255,255,255,.11);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.hero-photo{inset:-4%;width:108%;height:108%;transform:scale(1.015) translateY(calc(var(--page-scroll) * .055));will-change:transform}
.scrolled .hero-photo{animation:none}
.time-item>div{padding:clamp(1.2rem,2.5vw,2.2rem);margin-top:-1.2rem;border-radius:28px;background:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.date-photos{perspective:1000px}.date-photos figure{box-shadow:0 24px 55px rgba(62,18,32,.16);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.date-photos figure:hover{transform:translateY(-9px) rotateX(1.5deg)}
.vinyl-stage{position:relative;border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border-color:rgba(255,255,255,.16);box-shadow:0 40px 100px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);overflow:hidden}
.vinyl-stage:after{content:"";position:absolute;right:-8rem;top:-12rem;width:28rem;height:28rem;border-radius:50%;background:rgba(215,163,173,.11);filter:blur(25px);pointer-events:none}
.vinyl-shelf{position:relative;z-index:1;display:flex;gap:1.4rem;overflow-x:auto;padding:.5rem .3rem 1.8rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d0b069 rgba(255,255,255,.08);mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%)}
.vinyl-card{flex:0 0 clamp(140px,16vw,190px);scroll-snap-align:start;opacity:.72;transition:opacity .35s ease,transform .35s ease}.vinyl-card:hover,.vinyl-card.active{opacity:1}.vinyl-card.active{transform:translateY(-4px)}
.vinyl-label em,.vinyl-label b,.vinyl-label small{display:block}.vinyl-label em{font-style:normal;font-size:.75rem;color:#d0b069;letter-spacing:.16em;margin-bottom:.2rem}
.reveal{transform:translateY(40px) scale(.985);filter:blur(5px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1),filter 1s ease}.reveal.visible{filter:none}
.memory-side{padding:3rem;display:flex;flex-direction:column;justify-content:flex-end;color:var(--wine)}.memory-side time{font:600 .7rem var(--sans);letter-spacing:.2em;color:var(--gold)}.memory-side p{margin:1.25rem 0 0;font:400 clamp(1.5rem,2.6vw,2.5rem)/1.3 var(--serif)}.after-yes figcaption{right:auto;padding:.55rem .8rem;border-radius:999px}.thread-photo figcaption{right:auto;padding:.55rem .8rem;border-radius:999px;letter-spacing:.15em;text-transform:uppercase}
@media(max-width:780px){.scrolled .topbar{padding:.75rem 1.2rem}.time-item>div{margin-top:0;padding:1.1rem;border-radius:20px}.memory-side{padding:1.8rem}.memory-side p{font-size:1.55rem}.vinyl-shelf{display:flex;gap:1rem;margin-left:-.6rem;margin-right:-.6rem}.vinyl-card{flex-basis:145px}.vinyl-stage{border-radius:26px}.hero-photo{inset:-3%;width:106%;height:106%}}
@media(prefers-reduced-motion:reduce){.hero-photo{transform:none}.reveal{filter:none}}
.photo-river{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;align-items:stretch}.photo-river figure:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eadfd3,#dfd0c3)}.photo-river figure:nth-child(7),.photo-river figure:nth-child(8){aspect-ratio:4/5}.photo-river img{width:100%;height:100%;object-fit:contain}.photo-river figure:hover img{transform:none}
@media(max-width:780px){.photo-river{grid-template-columns:1fr}.photo-river figure:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:auto}.photo-river img{width:100%;height:auto}}