:root{--ivory: #FAF7F2;--warm-white: #F5F0E8;--champagne: #E8DFD0;--gold: #B8956A;--gold-light: #D4BC96;--deep-rose: #8B5E6B;--sage: #7A8E6E;--charcoal: #2C2825;--soft-black: #1A1714;--text-body: #4A4440;--text-light: #8A837D;--highlight-bg: rgba(184, 149, 106, .15);--highlight-border: rgba(184, 149, 106, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Libre Caslon Text,Georgia,serif;background:var(--soft-black);color:var(--charcoal);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:10000}.year-nav{position:fixed;right:1.8rem;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:.15rem}.year-nav:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:#ffffff14;z-index:-1}.year-nav a{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;text-decoration:none;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:.6rem;letter-spacing:.08em;color:#ffffff4d;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;border:1px solid transparent;cursor:pointer}.year-nav a:hover{color:var(--gold-light);border-color:#b8956a4d}.year-nav a.active{color:var(--gold);border-color:var(--gold);background:#b8956a1a;font-weight:400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero{height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-parallax-img{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-size:cover;background-position:center;will-change:transform}.hero-parallax-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1a171480,#1a1714d9)}.parallax-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Josefin Sans,sans-serif;font-weight:200;font-size:.55rem;letter-spacing:.35em;text-transform:uppercase;color:#ffffff1f;z-index:1;white-space:nowrap}.hero-content{position:relative;z-index:2;text-align:center;animation:fadeUp 2s cubic-bezier(.22,1,.36,1) forwards;opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-names{font-family:Cormorant Garamond,serif;font-weight:300;font-size:clamp(3.5rem,9vw,8rem);color:#fff;line-height:1.05;margin-bottom:1.5rem;text-shadow:0 2px 40px rgba(0,0,0,.3)}.hero-names .amp{display:block;font-style:italic;font-size:.45em;color:var(--gold-light);margin:.15em 0;opacity:.8}.hero-date{font-family:Josefin Sans,sans-serif;font-weight:200;font-size:.8rem;letter-spacing:.5em;text-transform:uppercase;color:#ffffff80;margin-bottom:2rem}.hero-subtitle{font-family:Cormorant Garamond,serif;font-weight:300;font-style:italic;font-size:1.3rem;color:var(--gold-light);opacity:.7}.scroll-cue{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;animation:fadeUp 2s .8s cubic-bezier(.22,1,.36,1) forwards;opacity:0}.scroll-cue span{font-family:Josefin Sans,sans-serif;font-weight:200;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:#ffffff4d}.scroll-cue .line{width:1px;height:40px;background:linear-gradient(to bottom,var(--gold-light),transparent);animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.5)}}.parallax-band{height:70vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.parallax-img{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background-size:cover;background-position:center;will-change:transform}.parallax-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#1a171466,#1a1714bf)}.band-content{position:relative;z-index:2;text-align:center;opacity:0;transform:translateY(40px);transition:all 1.4s cubic-bezier(.22,1,.36,1)}.band-content.visible{opacity:1;transform:translateY(0)}.band-year-label{font-family:Josefin Sans,sans-serif;font-weight:200;font-size:.6rem;letter-spacing:.5em;text-transform:uppercase;color:var(--gold-light);margin-bottom:.8rem;opacity:.8}.band-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:clamp(2.5rem,6vw,5rem);color:#fff;line-height:1.1;margin-bottom:.6rem;text-shadow:0 2px 30px rgba(0,0,0,.3)}.band-occasion{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:.7rem;letter-spacing:.25em;color:#ffffff73}.vow-text-area{background:var(--ivory);padding:5rem 2rem;position:relative}.vow-text-area:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:60px;background:linear-gradient(to bottom,var(--champagne),transparent)}.annotation-hint{max-width:1100px;margin:0 auto;text-align:right;padding:0 2rem;position:relative;top:-2rem}.annotation-hint span{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-light);opacity:.5;background:var(--highlight-bg);border-bottom:1px solid var(--highlight-border);padding:2px 6px;border-radius:2px;animation:hintPulse 3s ease-in-out 2s 3}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:.9}}.vow-columns{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;position:relative}.vow-columns:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(to bottom,transparent 0%,var(--champagne) 15%,var(--champagne) 85%,transparent 100%)}.vow-column{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.22,1,.36,1)}.vow-column.visible{opacity:1;transform:translateY(0)}.vow-column:nth-child(2){transition-delay:.2s}.vow-speaker{font-family:Cormorant Garamond,serif;font-weight:500;font-style:italic;font-size:1.3rem;color:var(--gold);margin-bottom:.6rem}.vow-speaker-line{width:30px;height:1px;background:var(--gold-light);margin-bottom:2rem}.vow-text{font-family:Libre Caslon Text,serif;font-size:.95rem;line-height:2;color:var(--text-body)}.vow-text p{margin-bottom:1.2em}.vow-text ol{margin:1.5em 0;padding-left:1.5em;list-style:none;counter-reset:promise}.vow-text ol>li{position:relative;margin-bottom:1em;padding-left:.5em;counter-increment:promise}.vow-text ol>li:before{content:counter(promise) ".";position:absolute;left:-1.5em;font-family:Cormorant Garamond,serif;font-style:italic;font-weight:500;color:var(--gold)}.vow-text ul{margin:.5em 0 .5em .5em;padding-left:1em;list-style:none}.vow-text ul li{position:relative;margin-bottom:.4em;padding-left:.5em}.vow-text ul li:before{content:"—";position:absolute;left:-1em;color:var(--gold-light)}.annotated{background:var(--highlight-bg);border-bottom:1.5px solid var(--highlight-border);cursor:pointer;transition:all .3s ease;padding:1px 2px;border-radius:2px}.annotated:hover{background:#b8956a40;border-bottom-color:var(--gold)}.annotated.active{background:#b8956a4d;border-bottom-color:var(--gold)}.annotation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;pointer-events:none;opacity:0;transition:opacity .35s ease}.annotation-overlay.open{pointer-events:all;opacity:1}.annotation-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a171466;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.annotation-drawer{position:absolute;right:0;top:0;bottom:0;width:min(420px,85vw);background:var(--ivory);box-shadow:-8px 0 40px #00000026;transform:translate(100%);transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;overflow-y:auto}.annotation-overlay.open .annotation-drawer{transform:translate(0)}.annotation-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--champagne);position:relative}.annotation-close{position:absolute;top:1.5rem;right:1.5rem;width:2rem;height:2rem;background:none;border:1px solid var(--champagne);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-light);transition:all .3s}.annotation-close:hover{border-color:var(--gold);color:var(--gold)}.annotation-quote{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.15rem;color:var(--gold);line-height:1.5;padding-left:1rem;border-left:2px solid var(--gold-light);padding-right:2.5rem}.annotation-body{padding:1.5rem 2rem 2.5rem;flex:1}.annotation-label{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-light);margin-bottom:1rem}.annotation-note{font-family:Libre Caslon Text,serif;font-size:.9rem;line-height:1.9;color:var(--text-body)}.annotation-note p{margin-bottom:1em}.annotation-meta{padding:1.5rem 2rem;border-top:1px solid var(--champagne);font-family:Josefin Sans,sans-serif;font-weight:200;font-size:.6rem;letter-spacing:.2em;color:var(--text-light)}.vow-footer{padding:6rem 2rem;text-align:center;background:var(--soft-black);color:var(--champagne);position:relative}.footer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1714bf;z-index:0}.footer-quote{font-family:Cormorant Garamond,serif;font-style:italic;font-weight:300;font-size:clamp(1.2rem,3vw,1.8rem);max-width:500px;margin:0 auto 2rem;line-height:1.6;opacity:.9;position:relative;z-index:1}.footer-count{font-family:Josefin Sans,sans-serif;font-weight:200;font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;opacity:.5;position:relative;z-index:1}@media (max-width: 800px){.vow-columns{grid-template-columns:1fr;gap:3rem}.vow-columns:before{display:none}.year-nav{right:.6rem}.year-nav a{width:2.2rem;height:2.2rem;font-size:.5rem}.vow-text-area{padding:3.5rem 1.5rem}.parallax-band{height:50vh}.annotation-hint{text-align:center}}