:root{--wine:#641f32;--wine2:#3f1724;--blush:#d8a6a5;--cream:#f7efe5;--paper:#fffaf2;--ink:#402c2c;--gold:#b18a59;--demo-panel:#fff8ef;--demo-ink:#402c2c;--demo-muted:#725e5d;--demo-accent:#8e3049;--demo-button:#641f32;--demo-focus:#d19a8e;--demo-radius:999px;--demo-title-font:400 2rem/1 Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:300 1rem/1.65 Arial,sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit}button,a{font:inherit}.overline{margin:0 0 18px;color:var(--wine);font-size:.64rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.script{margin:0;color:var(--wine);font:italic 1.5rem Georgia,serif}.opening{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#5d1d31,#2b111b);overflow:hidden;transition:opacity .8s,visibility .8s}.opening.opened{opacity:0;visibility:hidden}.envelope-back{position:absolute;left:50%;bottom:-28%;width:min(900px,125vw);aspect-ratio:1.55;background:#b86e75;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);transform:translateX(-50%);transition:transform .9s}.opened .envelope-back{transform:translate(-50%,55%)}.letter{position:relative;z-index:2;width:min(620px,94vw);padding:clamp(48px,8vw,86px);background:linear-gradient(110deg,#fffaf2,#f0e2d4);box-shadow:0 35px 90px #1d071260;transform:rotate(-1deg);transition:transform .9s}.opened .letter{transform:translateY(-30px) rotate(0)}.letter:before{content:"";position:absolute;inset:17px;border:1px solid #a96a7566;pointer-events:none}.letter h1{margin:18px 0;font:400 clamp(2.5rem,7vw,5rem)/.98 Georgia,serif;letter-spacing:-.04em}.letter p{overflow-wrap:anywhere}.signature{display:block;margin:24px 0;color:var(--wine);font:italic 2rem Georgia,serif}.letter button,.rsvp a{display:inline-flex;padding:14px 25px;color:white;background:var(--wine);border:1px solid var(--wine);border-radius:999px;text-decoration:none;font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.letter small{display:block;margin-top:24px;letter-spacing:.16em}.music-control{position:fixed;right:18px;bottom:18px;z-index:1000;display:flex;gap:9px;align-items:center;padding:11px 16px;color:var(--wine);background:#fff8efee;border:1px solid #c89b9b;border-radius:999px;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.music-control[hidden]{display:none}.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;padding:100px 7vw 65px;background:linear-gradient(90deg,#f7efe5 0 65%,#ead1cc 65%)}.hero nav{position:absolute;top:28px;left:7vw;right:7vw;display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #9d7d7666;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.hero nav a{text-decoration:none}.portrait{position:relative;min-height:720px;background:linear-gradient(145deg,#a67072,#4b1d2c);clip-path:polygon(0 4%,95% 0,100% 94%,9% 100%);box-shadow:25px 28px 0 #d9b4ad}.portrait:before{content:"";position:absolute;inset:8%;background:linear-gradient(140deg,transparent 0 48%,#f2d8d12e 49% 51%,transparent 52%),radial-gradient(circle at 65% 30%,#e5bfc0,#6a293c 42%,#2f101c 72%);clip-path:polygon(12% 0,100% 8%,84% 100%,0 88%)}.portrait span{position:absolute;z-index:2;left:26px;bottom:23px;color:white;font-size:.58rem;letter-spacing:.18em}.hero-copy h2{margin:18px 0 30px;font:400 clamp(4.2rem,9vw,9rem)/.72 Georgia,serif;letter-spacing:-.07em}.hero-copy h2 i{color:var(--wine);font-weight:400}.date{font-weight:600;letter-spacing:.18em}.hero-copy>[data-guest-message]{max-width:43ch;overflow-wrap:anywhere}.hero-copy>[data-pass-message]{display:block;margin-top:12px;color:var(--wine);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.margin-note{position:absolute;right:2%;bottom:6%;font-size:.56rem;letter-spacing:.18em;writing-mode:vertical-rl}.love-note{padding:clamp(110px,15vw,210px) 14vw;background:var(--paper)}.love-note blockquote{max-width:1000px;margin:25px auto;font:italic 400 clamp(2.7rem,6vw,6rem)/1.05 Georgia,serif;letter-spacing:-.045em}.love-note>p:last-child{max-width:42ch;margin:35px 0 0 auto}.countdown-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:end;padding:110px 8vw;color:white;background:var(--wine2)}.countdown-intro h2,.story h2,.venues h2,.dress-gifts h2,.rsvp h2{margin:10px 0 28px;font:400 clamp(2.8rem,6vw,6rem)/.95 Georgia,serif;letter-spacing:-.055em}.countdown-intro a{font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;text-underline-offset:7px}.countdown{display:grid;grid-template-columns:repeat(4,1fr)}.countdown div{padding:18px 10px;border-left:1px solid #ffffff42}.countdown strong{display:block;font:400 clamp(2rem,5vw,4rem) Georgia,serif}.countdown span{font-size:.5rem;letter-spacing:.1em;text-transform:uppercase}.story{display:grid;grid-template-columns:1.2fr repeat(3,.75fr);gap:0;padding:130px 6vw;background:#f1dfda}.story-title{padding-right:5vw}.story article{padding:25px 28px;border-left:1px solid #b5918a}.story article span{color:var(--wine);font:italic 1.2rem Georgia,serif}.story h3{font:400 1.8rem Georgia,serif}.venues{display:grid;grid-template-columns:1fr 1fr}.venue-card{min-height:620px;padding:110px 8vw;background:var(--paper)}.venue-card.featured{color:white;background:linear-gradient(145deg,#7e3d4d,#3c1421)}.venue-card p{max-width:38ch}.venue-card a,.dress-gifts a{display:inline-block;margin-top:24px;font-size:.67rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;text-underline-offset:7px}.photo-story{position:relative;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:18px;padding:140px 5vw 180px;background:#fff8f0}.photo-story div{display:flex;align-items:end;min-height:520px;padding:24px;color:white;background:linear-gradient(145deg,#b98283,#5b2333);clip-path:polygon(0 3%,96% 0,100% 96%,5% 100%)}.photo-story div:nth-child(2){min-height:390px;align-self:center;background:linear-gradient(145deg,#d6b0a8,#8b4c5a);transform:rotate(-2deg)}.photo-story div:nth-child(3){background:linear-gradient(145deg,#6d3242,#2f111c);transform:translateY(45px) rotate(1deg)}.photo-story span{font-size:.61rem;letter-spacing:.13em;text-transform:uppercase}.caption{position:absolute;right:8vw;bottom:70px;color:var(--wine);font:italic 1.3rem Georgia,serif}.dress-gifts{display:grid;grid-template-columns:1fr 1fr}.dress-gifts article{min-height:560px;padding:100px 8vw;background:#ead1cc}.dress-gifts article+article{background:#f8eee4}.dress-gifts p{max-width:43ch}.palette{display:flex;gap:10px;margin-top:28px}.palette i{width:36px;height:36px;border:3px solid #ead1cc;border-radius:50%;background:#641f32}.palette i:nth-child(2){background:#b9797c}.palette i:nth-child(3){background:#d6b78b}.palette i:nth-child(4){background:#c6b8aa}.small-notes{display:flex;justify-content:space-between;gap:30px;padding:34px 7vw;color:white;background:var(--wine)}.small-notes p{margin:0}.small-notes a{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.rsvp{display:grid;place-items:center;min-height:760px;padding:100px 24px;text-align:center;background:var(--paper)}.rsvp p:not(.script){max-width:45ch}.rsvp .script{font-size:2rem}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 6vw;color:#f7efe5;background:var(--wine2)}footer span,footer small{display:block;letter-spacing:.14em}.demo-legend{margin:0;text-align:right}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid var(--blush);outline-offset:4px}
@media(max-width:730px){.letter{padding:58px 25px 38px}.letter h1{font-size:2.65rem}.hero{grid-template-columns:1fr;padding:88px 22px 58px;background:linear-gradient(#f7efe5 0 62%,#ead1cc 62%)}.hero nav{left:22px;right:22px}.hero nav a:first-of-type{display:none}.portrait{min-height:48svh;box-shadow:12px 14px 0 #d9b4ad}.hero-copy h2{font-size:clamp(4.2rem,20vw,6.5rem)}.margin-note{display:none}.love-note{padding:100px 25px}.countdown-wrap{grid-template-columns:1fr;padding:85px 20px}.countdown{margin-inline:-6px}.countdown div{padding:10px 6px}.countdown strong{font-size:8vw}.countdown span{font-size:.47rem}.story{grid-template-columns:1fr;padding:90px 24px}.story article{padding:25px 0;border-left:0;border-top:1px solid #b5918a}.venues,.dress-gifts{grid-template-columns:1fr}.venue-card{min-height:470px;padding:85px 24px}.photo-story{grid-template-columns:1fr 1fr;padding:90px 18px 140px}.photo-story div{min-height:370px}.photo-story div:nth-child(2){min-height:320px}.photo-story div:nth-child(3){grid-column:1/-1;min-height:320px;transform:translateY(20px)}.dress-gifts article{min-height:auto;padding:90px 24px}.small-notes{align-items:flex-start;flex-direction:column}.rsvp{min-height:78svh}footer{align-items:flex-start;flex-direction:column}.demo-legend{text-align:left}}
@media(max-width:390px){.letter h1{font-size:2.35rem}.hero-copy h2{font-size:4rem}.portrait{min-height:43svh}.countdown span{letter-spacing:.04em}.photo-story{grid-template-columns:1fr}.photo-story div:nth-child(3){grid-column:auto}.love-note blockquote{font-size:2.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.romance-film{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;padding:120px 9vw;color:#5c2030;background:#f6e8e2}.romance-film h2,.romance-itinerary h2{margin:6px 0 28px;font:400 clamp(3rem,6vw,6rem)/.9 Georgia,serif}.film-letter{position:relative;min-height:600px;display:grid;place-items:center;background:linear-gradient(145deg,#fff9ef,#dfb9b4);box-shadow:0 25px 70px #5c203033;rotate:2deg}.film-letter:before{content:"";position:absolute;inset:26px;border:1px solid #8b3e50}.film-letter span{font:italic clamp(4rem,9vw,8rem) Georgia,serif}.film-letter small{position:absolute;right:36px;bottom:34px;letter-spacing:.18em}.romance-film.is-playing .film-letter{animation:letterFloat 1.8s ease-in-out infinite alternate}.romance-itinerary{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;padding:120px 9vw;background:#742b40;color:#fff5ea}.romance-itinerary ol{list-style:none;margin:0;padding:0;border-top:1px solid #fff5ea66}.romance-itinerary li{display:grid;grid-template-columns:110px 1fr;padding:23px 0;border-bottom:1px solid #fff5ea66}.romance-itinerary time{color:#e9bfc1;font:italic 1.3rem Georgia,serif}.romance-itinerary span{font:1.3rem Georgia,serif}@keyframes letterFloat{to{rotate:-1deg;translate:0 -8px}}
@media(max-width:730px){.romance-film,.romance-itinerary{grid-template-columns:1fr;padding:90px 24px}.film-letter{min-height:440px}.romance-itinerary li{grid-template-columns:90px 1fr}}
.letter-pass{position:relative;z-index:1;width:min(620px,100%);margin:34px auto;text-align:left}.letter-pass-tabs{display:flex;justify-content:center;gap:18px;margin-bottom:12px}.letter-pass-tabs button{padding:8px 3px;color:var(--wine);background:transparent;border:0;border-bottom:1px solid transparent;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.letter-pass-tabs button[aria-pressed=true]{border-color:var(--wine)}.letter-pass article{position:relative;min-height:230px;padding:38px 44px;background:linear-gradient(110deg,#fffaf2,#f0e2d4);box-shadow:0 24px 55px #5c203026;rotate:-1deg}.letter-pass article:before{content:"";position:absolute;inset:14px;border:1px solid #a96a7555;pointer-events:none}.letter-pass article[hidden]{display:none}.letter-pass strong,.letter-pass small,.letter-pass i{position:relative;display:block}.letter-pass strong{margin:12px 0;color:var(--wine);font:400 2rem Georgia,serif}.letter-pass small{margin-top:25px;letter-spacing:.16em}.letter-seal{position:absolute;right:30px;bottom:26px;display:grid;place-items:center;width:55px;aspect-ratio:1;color:#fff;background:var(--wine);border-radius:50%;font:italic 1rem Georgia,serif}@media(max-width:600px){.letter-pass article{padding:34px 28px}.letter-seal{position:relative;right:auto;bottom:auto;margin-top:20px}}
.reveal{opacity:0;transform:translateY(18px) rotate(-.35deg);transform-origin:50% 0;transition:opacity .9s,transform 1s cubic-bezier(.2,.75,.25,1)}.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* Final layout polish */
.envelope-back,.portrait:before,.letter-seal{pointer-events:none}
.hero-copy,.love-note,.rsvp>*{position:relative;z-index:2}
.letter-pass article{min-width:0;overflow-wrap:anywhere}
@media(max-width:730px){.hero nav{align-items:center}.hero nav a{padding-block:7px}.photo-story{overflow:hidden}.letter-pass-tabs{flex-wrap:wrap}}
@media(max-width:390px){.letter{max-height:none}.letter-pass article{padding:32px 23px}}