@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&display=swap');
:root{--paper:#f5efe6;--ink:#634b39;--terra:#a2644c;--muted:#887766;--line:#d9c8b3;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--terra);outline-offset:6px}main{overflow:hidden}header{height:80px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}header>a:last-child{font-size:12px}.brand{font:30px var(--serif)}.brand i{font-size:23px;color:var(--terra)}.eyebrow{display:block;font:10px var(--sans);letter-spacing:3px;line-height:1.8}.hero{min-height:810px;height:calc(100svh - 80px);max-height:1100px;position:relative;display:grid;place-items:center;text-align:center;background:var(--paper) url('assets/florals.jpg') center/cover}.hero-content{position:relative;padding:65px 20px}.script{font:italic 36px var(--serif);margin:38px 0 15px;color:var(--terra)}h1{font:500 clamp(75px,8vw,118px)/.84 var(--serif);margin:0;letter-spacing:-3px}.amp{display:block;font:italic 57px/1.2 var(--serif);color:var(--terra);margin:10px 0}.date{display:grid;gap:13px;margin:35px 0 26px}.date span{font-size:10px;letter-spacing:3px}.date strong{font:400 27px var(--serif);letter-spacing:5px}.intro{font:21px/1.5 var(--serif)}.text-link{display:inline-block;padding:12px 0;border:0;border-bottom:1px solid var(--terra);background:none;font:11px var(--sans);letter-spacing:1px;margin-top:15px}.text-link span{padding-left:16px}.hero-side{position:absolute;right:25px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px}.countdown-section{text-align:center;padding:85px 20px;background:#e9dfd1}h2{font:400 clamp(44px,5vw,65px)/1.05 var(--serif);margin:18px 0 25px;letter-spacing:-1px}.countdown{display:flex;justify-content:center;gap:28px;margin:35px 0 15px}.countdown div{min-width:65px}.countdown b{font:400 55px var(--serif);font-variant-numeric:tabular-nums}.countdown span{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.countdown em{font:25px var(--serif);margin-top:18px;color:#b89b85}.celebration{text-align:center;padding:100px 25px}.celebration>p,.venue>p,.closing>p{font:21px/1.5 var(--serif)}.events{max-width:870px;display:grid;grid-template-columns:1fr 1fr;margin:55px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}article{position:relative;padding:45px 20px 50px}article+article{border-left:1px solid var(--line)}.event-number{position:absolute;top:20px;left:25px;font:italic 18px var(--serif);color:var(--muted)}svg{width:66px;height:66px;fill:none;stroke:var(--terra);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}h3{font:400 32px var(--serif);margin:18px 0}.time{font:400 48px var(--serif);margin:14px 0}.time span{font:23px var(--serif)}.event-date{font-size:11px;letter-spacing:1px;color:var(--muted)}.venue{text-align:center;padding:85px 25px 95px;background:#785943;color:var(--paper);position:relative}.venue:before,.venue:after{content:'✳';position:absolute;top:50%;font:160px var(--serif);color:#ccb29c33;transform:translateY(-50%)}.venue:before{left:8%}.venue:after{right:8%}.venue h2{font-size:75px}.button{position:relative;display:inline-flex;gap:45px;justify-content:center;padding:18px 30px;border:1px solid #d9c8b3;font-size:12px;margin-top:18px;transition:background .2s}.button:hover{background:#ffffff18}.closing{text-align:center;padding:85px 20px 70px;background:var(--paper) url('assets/florals.jpg') center/cover}.little-flower{color:var(--terra);font-size:40px;margin-bottom:35px}.closing h2{font-size:65px}.closing .signature{font:italic 34px var(--serif);margin:45px 0 15px}.rsvp-note{margin:35px auto 0;max-width:360px;padding:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rsvp-note>span{font:24px var(--serif)}.rsvp-note p{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:0}footer{padding:24px;text-align:center;font-size:8px;letter-spacing:2px;border-top:1px solid var(--line)}.envelope{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:var(--paper) url('assets/florals.jpg') center/cover;text-align:center;transition:opacity .8s,transform 1s;overflow:auto}.envelope-inner{padding:35px 20px;display:flex;align-items:center;flex-direction:column}.monogram{font:500 95px var(--serif);margin:30px 0 5px}.monogram i{font-size:60px;color:var(--terra)}.fine-line{display:block;width:65px;border-top:1px solid var(--terra);margin:12px auto}.envelope p{font:italic 26px/1.4 var(--serif)}.seal{display:flex;justify-content:center;align-items:center;gap:3px;width:95px;height:95px;border-radius:50%;border:4px double #c28c71;color:#f7e4ce;background:radial-gradient(at 30% 30%,#b88062,#8c4f39);box-shadow:0 6px 16px #694e3233,inset 0 0 0 5px #a56a4c;font:30px var(--serif);margin:22px 0;transition:transform .3s}.seal:hover{transform:scale(1.07)}.seal span{font-style:italic;font-size:20px}.instruction{font-size:8px;letter-spacing:2px}.envelope small{margin-top:42px;letter-spacing:3px;font-size:9px}.envelope.opened{opacity:0;transform:translateY(-20px);pointer-events:none}body.locked{overflow:hidden}@media(min-width:850px){.hero,.envelope,.closing{background-size:auto 130%;background-repeat:no-repeat;background-color:#f3eee6}}@media(max-width:600px){header{height:65px;padding:0 24px}.hero{min-height:740px;height:calc(100svh - 65px);background-size:cover}.hero-content{padding:55px 16px}.hero .eyebrow{font-size:8px;letter-spacing:2px}.hero-side{display:none}h1{font-size:83px}.script{margin-top:32px;font-size:30px}.intro{font-size:20px}.countdown-section{padding:65px 14px}.countdown{gap:12px}.countdown div{min-width:49px}.countdown b{font-size:43px}.countdown span{font-size:8px;letter-spacing:1px}.countdown em{font-size:19px;margin-top:13px}.celebration{padding:75px 22px}.events{grid-template-columns:1fr;margin-top:40px}article+article{border-left:0;border-top:1px solid var(--line)}article{padding:40px 15px}.venue{padding:70px 20px}.venue h2{font-size:61px}.venue:before,.venue:after{font-size:70px;top:37%}.venue:before{left:-20px}.venue:after{right:-20px}.closing{padding:65px 20px}.closing h2{font-size:55px}.monogram{font-size:80px}.envelope .eyebrow{letter-spacing:2px}.envelope p{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.hero,.envelope,.closing{background-image:linear-gradient(rgba(245,239,230,.50),rgba(245,239,230,.50)),url('assets/florals.jpg')}
.envelope[hidden]{display:none}