@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=DM+Sans:wght@300;400;500&display=swap');
:root{--ivory:#f3ecdf;--paper:#fbf7ef;--ink:#321b20;--wine:#542331;--gold:#b89556;--muted:#79696b;--line:rgba(50,27,32,.18);--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',sans-serif}*{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.7;overflow-x:hidden}.locked{overflow:hidden}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--gold);z-index:100}.opening{position:fixed;inset:0;z-index:80;background:var(--wine);color:var(--ivory);display:grid;place-items:center;text-align:center;transition:transform 1.2s cubic-bezier(.77,0,.18,1),visibility 1.2s}.opening.opened{transform:translateY(-105%);visibility:hidden}.opening:before,.opening:after{content:"";position:absolute;width:1px;height:18vh;background:linear-gradient(transparent,var(--gold),transparent);top:0;left:50%}.opening:after{top:auto;bottom:0}.opening-inner{padding:2rem}.opening h1{font:500 clamp(4.5rem,12vw,9rem)/.9 var(--serif);margin:.35em 0}.opening-note{color:#dbcfd0}.opening small{display:block;margin-top:1rem;opacity:.6}.seal{border:1px solid rgba(255,255,255,.35);background:transparent;color:white;padding:1rem 1.5rem;min-height:48px;font:500 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.seal span{margin-left:1.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.67rem;font-weight:500;color:var(--gold)}h1,h2{font-family:var(--serif);font-weight:500;line-height:.98}h2{font-size:clamp(3rem,7vw,6.8rem);margin:.25em 0}em{font-weight:500}.hero{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;position:relative;background:var(--paper)}.hero-copy{align-self:center;padding:10vw 6vw 8vw 9vw;z-index:2}.hero-copy h1{font-size:clamp(4rem,7.7vw,8rem);margin:.2em 0 .3em}.hero-copy>p:not(.eyebrow){max-width:37rem;color:var(--muted)}.hero-photo{margin:0;position:relative;overflow:hidden;min-height:100svh}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;animation:slowzoom 18s ease-out both}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,247,239,.25),transparent 30%),linear-gradient(0deg,rgba(0,0,0,.32),transparent 30%)}.hero-photo figcaption{position:absolute;bottom:2rem;left:2rem;right:2rem;color:#fff;font:italic 1rem var(--serif);z-index:2}.age-mark{position:absolute;left:48%;bottom:2vw;font:600 clamp(8rem,20vw,20rem)/.7 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(184,149,86,.35);z-index:3}.text-link{display:inline-block;margin-top:2rem;color:var(--wine);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.25rem}.section{padding:10vw 8vw}.countdown{text-align:center;background:var(--wine);color:var(--ivory)}.countdown h2{font-size:clamp(2.8rem,6vw,5rem)}.count-grid{max-width:800px;margin:4rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}.count-grid div{padding:2rem .5rem;border-right:1px solid rgba(255,255,255,.2)}.count-grid div:last-child{border:0}.count-grid strong{display:block;font:500 clamp(2.7rem,7vw,6rem) var(--serif)}.count-grid span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.65}.portrait-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.section-copy{max-width:34rem}.section-copy p:last-child,.journey-copy p,.family-copy>p{color:var(--muted)}.portrait-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.photo{border:0;padding:0;background:none;cursor:zoom-in;display:block;overflow:hidden}.photo img{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.photo:hover img{transform:scale(1.025)}.portrait-pair .photo img{aspect-ratio:4/5;object-fit:cover}.portrait-pair .offset{margin-top:6vw}.wide-heading{max-width:1100px}.journey{background:#dacdbd}.journey-grid{margin-top:6vw;display:grid;grid-template-columns:1fr .7fr 1fr;align-items:center;gap:4vw}.journey-grid .photo img{aspect-ratio:3/4;object-fit:cover}.journey-grid .photo:last-child{margin-top:10vw}.journey-copy{font:italic clamp(1.4rem,2.5vw,2.2rem)/1.5 var(--serif)}.ornament{font-size:4rem;color:var(--gold)}.family{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center;background:var(--paper)}.family-image img{width:100%;display:block}.script{font:italic 1.6rem var(--serif);color:var(--wine)!important;border-top:1px solid var(--line);padding-top:1.5rem}.letter{background:var(--wine);background-image:radial-gradient(circle at 20% 0,rgba(184,149,86,.12),transparent 35%)}.letter-paper{max-width:850px;margin:auto;background:var(--paper);padding:clamp(2rem,7vw,7rem);box-shadow:0 30px 80px rgba(20,5,8,.28)}.letter-paper h2{font-size:4rem}.letter-paper>p:not(.eyebrow){font:500 clamp(1.2rem,2vw,1.6rem)/1.65 var(--serif)}.letter-end{margin-top:3rem}.gallery{background:var(--paper)}.masonry{columns:4 230px;column-gap:1rem;margin-top:5vw}.masonry .photo{margin:0 0 1rem;break-inside:avoid}.masonry .photo:nth-child(3n) img{aspect-ratio:4/5;object-fit:cover}.closing{min-height:80svh;display:grid;place-items:center;text-align:center;color:var(--ivory);background:linear-gradient(rgba(47,19,28,.45),rgba(47,19,28,.8)),url('/assets/images/family-moon-lg.webp') center/cover}.closing-inner{max-width:900px}.closing-mark{display:block;margin-top:3rem;font:italic 1.3rem var(--serif);color:#dec493}.music-dock{position:fixed;right:1.2rem;bottom:1.2rem;z-index:30;display:flex;background:rgba(251,247,239,.92);border:1px solid var(--line);box-shadow:0 8px 30px rgba(50,27,32,.15);backdrop-filter:blur(8px)}.music-dock button{border:0;background:none;min-height:46px;padding:.7rem 1rem;color:var(--ink);cursor:pointer;font:500 .7rem var(--sans);text-transform:uppercase;letter-spacing:.1em}.music-dock button+button{border-left:1px solid var(--line)}.music-icon{font-size:1.1rem;margin-right:.5rem}.playing .music-icon{display:inline-block;animation:pulse 1.4s infinite}dialog{padding:0;border:0;background:transparent;max-width:90vw;max-height:90vh;color:white}dialog::backdrop{background:rgba(25,10,14,.93);backdrop-filter:blur(5px)}dialog img{max-width:86vw;max-height:80vh;display:block;object-fit:contain}dialog p{text-align:center}#closeLightbox{position:fixed;right:2rem;top:1rem;border:0;background:none;color:white;font-size:3rem;cursor:pointer}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}@keyframes slowzoom{from{transform:scale(1.07)}to{transform:scale(1)}}@keyframes pulse{50%{transform:scale(1.25)}}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-copy{min-height:70svh;padding:8rem 1.5rem 4rem}.hero-copy h1{font-size:clamp(3.6rem,17vw,6rem)}.hero-photo{min-height:70svh}.age-mark{left:auto;right:1rem;bottom:65svh}.section{padding:6rem 1.3rem}.portrait-story,.family{grid-template-columns:1fr}.journey-grid{grid-template-columns:1fr 1fr}.journey-copy{grid-column:1/-1;order:-1}.journey-grid .photo:last-child{margin-top:4rem}.count-grid{grid-template-columns:1fr 1fr}.count-grid div:nth-child(2){border-right:0}.count-grid div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.2)}.music-dock{right:.7rem;bottom:.7rem}.family-copy{padding-top:2rem}.masonry{columns:2 130px}.opening h1{font-size:5.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}