@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--cream:#faf5eb;--paper:#f1e5d4;--gold:#a17e40;--orange:#af7654;--ink:#594435;--muted:#877565}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.8}h1,h2,h3,.signature{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.04;margin:0}h1{font-size:clamp(3.7rem,7vw,6.4rem);letter-spacing:-.04em}h2{font-size:clamp(2.7rem,4.5vw,4.4rem);letter-spacing:-.035em}h3{font-size:2rem}em{font-weight:400;color:var(--orange)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1100px,calc(100% - 48px));margin-inline:auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:23px;border-bottom:1px solid #a17e402b;font-size:.75rem}.nav>span,.eyebrow{font-size:.6rem;letter-spacing:.19em;font-weight:600}.eyebrow{color:var(--gold);margin:0 0 22px}.section{padding-block:95px}.opening{text-align:center;padding-top:56px;padding-bottom:42px}.opening-note{font-size:.82rem;color:var(--muted);margin:22px 0 0}.envelope-stage{position:relative;isolation:isolate;width:min(690px,100%);margin:130px auto 24px;padding:0 44px}.envelope{position:relative;width:100%;aspect-ratio:1.55;perspective:1000px;filter:drop-shadow(0 20px 25px #7250291c)}.envelope-back{position:absolute;inset:0;background:#dbc3a2;border:1px solid #b8955a;border-radius:7px;z-index:1}.envelope-front{position:absolute;inset:0;background:linear-gradient(125deg,#faf0df,#e5cfb0);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);z-index:4;border-radius:7px}.envelope-front:after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,transparent 49.7%,#c3a47688 50%,transparent 50.3%),linear-gradient(215deg,transparent 49.7%,#c3a47688 50%,transparent 50.3%);opacity:.5}.envelope-flap{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 53%);background:linear-gradient(165deg,#fff7e9,#e7d3b5);z-index:5;transform-origin:top;transition:transform .85s ease,z-index 0s .4s;backface-visibility:hidden}.envelope-ink{position:absolute;z-index:6;left:8%;right:8%;bottom:9%;pointer-events:none}.envelope-ink>span{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.1rem;color:var(--muted)}.envelope-ink>strong{display:block;font-family:'Cormorant Garamond',serif;font-weight:400;font-style:italic;font-size:clamp(3rem,7vw,4.8rem);line-height:1.1;color:var(--orange)}.envelope-ink>small{display:block;font-size:.55rem;letter-spacing:.3em;color:var(--gold);margin-top:10px}.seal{position:absolute;z-index:7;left:50%;top:40%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:48% 52% 47% 53%;border:1px solid #92692d;background:linear-gradient(120deg,#d0b374,#a47b38,#e7cd91,#ab853f);box-shadow:0 4px 9px #76542640;cursor:pointer;padding:7px;transition:top .8s,transform .3s}.seal>span{display:grid;place-items:center;width:100%;height:100%;border:1px solid #f8e3b3a8;border-radius:50%;color:#fff3d1;font-family:Georgia,serif;font-size:1.3rem}.seal:after{content:'✦';position:absolute;right:1px;top:-7px;color:#fff4ca;font-size:1.2rem;animation:twinkle 3s ease-in-out infinite}.seal:hover{transform:translate(-50%,-50%) scale(1.08)}.letter{position:absolute;z-index:2;inset:7% 7% 2%;background:#fffaf0;border:1px solid #c5a770;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 14px;transition:transform 1s .25s;box-shadow:0 0 0 6px #fffaf0,0 0 0 7px #c5a77055}.letter>span{font-size:.5rem;letter-spacing:.17em;color:var(--gold)}.letter>strong{font:italic 2rem 'Cormorant Garamond',serif;color:var(--orange);margin:6px 0}.letter>p{font-size:.7rem;margin:0}.letter>a{font-size:.65rem;border-bottom:1px solid var(--gold);margin-top:10px}.envelope.is-open .envelope-flap{transform:rotateX(180deg);z-index:0}.envelope.is-open .letter{transform:translateY(-57%)}.envelope.is-open .seal{top:61%;transform:translate(-50%,-50%) scale(.8)}.flowers{position:absolute;z-index:8;pointer-events:none;width:38%;filter:drop-shadow(2px 4px 2px #5f503013)}.flowers-left{left:-7%;bottom:-10%;transform:rotate(-16deg);animation:flowersSway 7s ease-in-out infinite}.flowers-right{right:-8%;top:-28%;transform:rotate(160deg);width:33%;animation:flowersSwayReverse 8s ease-in-out infinite}.envelope-status{font-size:.76rem;color:var(--muted);margin:24px 0 18px}.discover{display:inline-block;font-size:.55rem;letter-spacing:.14em;color:var(--gold);padding:12px}.portrait-section{background:linear-gradient(130deg,#f1e5d4,#f8efdf)}.portrait-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:center}.portrait{position:relative;margin:0;min-width:0}.portrait-border{padding:10px;border:1px solid #b19159;border-radius:220px 220px 4px 4px}.portrait-border>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;border-radius:210px 210px 0 0}.portrait-flowers{position:absolute;width:44%;left:-12%;bottom:1%;pointer-events:none;transform:rotate(-17deg)}.portrait figcaption{position:relative;text-align:center;font:italic 2.5rem 'Cormorant Garamond',serif;color:var(--orange);padding-top:20px}.portrait figcaption>span{display:block;font:500 .55rem 'DM Sans',sans-serif;letter-spacing:.2em;color:var(--gold);margin-top:8px}.story>p:not(.eyebrow){font-size:.88rem;color:var(--muted);margin-top:24px}.story .signature{font-size:2rem!important;color:var(--orange)!important}.date{display:flex;gap:18px;align-items:center;margin-top:30px}.date>strong{font:3.7rem 'Cormorant Garamond',serif;border-right:1px solid #b1915955;padding-right:18px;line-height:1}.date>span{font-size:.7rem;line-height:1.9;letter-spacing:.07em}.count-section{text-align:center}.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:650px;margin:40px auto 0}.countdown>div{position:relative;background:var(--paper);border:1px solid #b1915944;padding:26px 8px 22px;border-radius:3px}.countdown>div:after{content:'';position:absolute;left:0;right:0;top:0;height:20px;clip-path:polygon(0 0,100% 0,50% 100%);background:#e0ccaf}.countdown strong{display:block;font:3.5rem 'Cormorant Garamond',serif;color:var(--gold);line-height:1.2}.countdown span{font-size:.55rem;letter-spacing:.16em}.family{text-align:center;border-top:1px solid #b1915922}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:45px}.family-grid article>span{font-size:.6rem;letter-spacing:.17em;color:var(--gold)}.family-grid h3{margin-top:15px}.family-grid p{font-size:.82rem;color:var(--muted);max-width:310px;margin:20px auto 0}.agenda{background:#f0e2cf}.heading{text-align:center;margin-bottom:50px}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.event-envelope{position:relative;overflow:hidden;padding:45px 35px 55px;background:var(--cream);border:1px solid #b1915966;text-align:center;box-shadow:0 12px 24px #79573009}.event-envelope:after{content:'';position:absolute;pointer-events:none;bottom:0;left:0;right:0;height:36px;background:linear-gradient(145deg,#e8d4b5,#f5e8d5);clip-path:polygon(0 0,50% 100%,100% 0,100% 100%,0 100%)}.event-symbol{display:block;font:2.6rem 'Cormorant Garamond',serif;color:var(--gold);margin:10px 0 25px}.event-time{color:var(--orange);font-size:.75rem;letter-spacing:.12em}.event-envelope h4{font-size:.85rem;margin-bottom:12px}.event-envelope>p:not(.eyebrow):not(.event-time){font-size:.8rem;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:14px 24px;border:1px solid var(--gold);border-radius:3px;background:var(--orange);color:var(--cream);font-weight:500;font-size:.78rem;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#996449;transform:translateY(-2px)}.outline{background:transparent;color:var(--gold);margin-top:16px}.outline:hover{color:white;background:var(--gold)}.demo-note{font-size:.65rem;color:var(--muted);margin:20px 0 0}.centered{text-align:center}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid #b1915966;margin-top:48px;padding-top:30px;text-align:center}.timeline strong{display:block;font:2.4rem 'Cormorant Garamond',serif;color:var(--orange)}.timeline span{font-size:.52rem;letter-spacing:.12em}.details{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:35px;text-align:center}.details p:not(.eyebrow){font-size:.85rem;color:var(--muted)}.detail-star{font-size:3rem;color:var(--gold)}.rsvp{background:#e9d5be}.rsvp-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.rsvp-grid>div>p:not(.eyebrow){font-size:.85rem;max-width:350px;color:var(--muted);margin-top:24px}.mini-envelope{position:relative;border:1px solid #b1915999;width:240px;max-width:100%;margin-top:35px;padding:28px;text-align:center;background:linear-gradient(145deg,#faf0df,#e5cfb0);font:italic 1.2rem 'Cormorant Garamond',serif}.mini-envelope em{font-size:2.2rem}.rsvp-panel{background:var(--cream);border:1px solid #b1915955;padding:35px;min-width:0;box-shadow:0 14px 30px #7957300a}.rsvp-panel h3{font-size:2.8rem;margin-bottom:26px}.rsvp-panel .eyebrow{font-size:.52rem}.rsvp-panel label{display:block;font-size:.74rem;margin-bottom:8px}.rsvp-panel label>span{color:var(--muted)}input,select,textarea{display:block;width:100%;min-width:0;padding:12px;border:1px solid #cdbca3;background:#fffdf8;border-radius:3px;color:var(--ink);font-size:16px;margin-bottom:20px}textarea{resize:vertical}.rsvp-panel .button{width:100%}.result{white-space:pre-line;overflow-wrap:anywhere;margin-top:20px;background:var(--paper);padding:18px;font-size:.8rem}.closing{position:relative;overflow:hidden;text-align:center;padding-inline:20px}.closing>img{position:absolute;opacity:.35;width:150px;left:calc(50% - 300px);bottom:-80px;pointer-events:none;transform:rotate(45deg)}.closing>p:last-child{font:italic 2rem 'Cormorant Garamond',serif;color:var(--orange);margin-top:28px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b1915933;padding-block:26px;font-size:.7rem}footer>a{font-weight:600}@keyframes twinkle{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}@keyframes flowersSway{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(-12deg)}}@keyframes flowersSwayReverse{0%,100%{transform:rotate(160deg)}50%{transform:rotate(164deg)}}
@media(max-width:850px){.portrait-grid,.rsvp-grid{gap:45px}.event-envelope{padding:35px 25px 50px}.envelope-stage{max-width:610px}.story h2{font-size:3.2rem}.details{gap:20px;grid-template-columns:1fr 35px 1fr}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.nav{padding-block:18px;font-size:.72rem}.nav>span{display:none}.opening{padding-top:38px;padding-bottom:30px}h1{font-size:clamp(3.3rem,15vw,4.7rem)}.eyebrow{font-size:.52rem;letter-spacing:.13em}.opening-note{font-size:.75rem;max-width:260px;margin:20px auto 0}.envelope-stage{width:100%;padding:0 16px;margin-top:110px;margin-bottom:20px}.envelope{aspect-ratio:1.35}.envelope-ink>strong{font-size:clamp(2.6rem,12vw,3.8rem)}.envelope-ink>span{font-size:.88rem}.envelope-ink>small{font-size:.45rem;letter-spacing:.2em;margin-top:5px}.envelope-ink{bottom:8%}.seal{width:58px;height:58px;top:39%;padding:6px}.seal>span{font-size:1rem}.flowers-left{left:-5%;width:36%;bottom:-8%}.flowers-right{right:-5%;width:31%;top:-23%}.letter{padding:10px 5px;inset:6% 8% 5%}.letter>strong{font-size:1.55rem}.letter>span{font-size:.42rem}.letter>p{font-size:.58rem}.letter>a{font-size:.55rem;margin-top:6px;min-height:36px;display:flex;align-items:center}.envelope.is-open .letter{transform:translateY(-56%)}.envelope-status{font-size:.67rem;margin-top:22px}.discover{font-size:.5rem}.section{padding-block:58px}.portrait-grid,.rsvp-grid,.family-grid,.event-grid{grid-template-columns:1fr;gap:38px}.portrait{width:calc(100% - 28px);max-width:340px;margin:auto}.portrait-flowers{left:-10%;width:40%;bottom:6%}.portrait figcaption{font-size:2.2rem}.story{text-align:center}.story h2,h2{font-size:clamp(2.55rem,11vw,3.4rem)}.story>p:not(.eyebrow){font-size:.85rem}.date{justify-content:center}.countdown{gap:8px;margin-top:30px}.countdown>div{padding:22px 2px 18px}.countdown strong{font-size:clamp(2rem,9vw,2.8rem)}.countdown span{font-size:.44rem;letter-spacing:.08em}.family-grid{gap:30px;margin-top:32px}.family-grid article+article{padding-top:28px;border-top:1px solid #b1915933}.family-grid h3{font-size:1.9rem}.heading{margin-bottom:32px}.event-envelope{padding:32px 22px 50px}.event-envelope h3{font-size:2rem}.timeline{grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.timeline strong{font-size:2.1rem}.details{grid-template-columns:1fr;gap:20px}.details article{max-width:340px;margin:auto}.details .eyebrow{margin-bottom:14px}.detail-star{font-size:2rem}.rsvp-grid>div:first-child{text-align:center}.rsvp-grid>div>p:not(.eyebrow){margin-inline:auto}.mini-envelope{margin:28px auto 0}.rsvp-panel{padding:28px 20px}.rsvp-panel h3{font-size:2.5rem}.closing>img{left:-35px;width:130px;opacity:.23}footer{flex-direction:column;align-items:center;gap:8px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}