@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
:root{--ink:#332d2a;--muted:#766b64;--paper:#f8f4ee;--accent:#9a8065;--line:#ded3c5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:1.8}.locked{display:none}
.cover{min-height:100svh;display:grid;place-items:center;text-align:center;position:relative;background:radial-gradient(circle at 50% 30%,#eee2d3,#cbb8a4 70%,#8f7966);color:#fff;overflow:hidden}.cover:before{content:"";position:absolute;inset:5%;border:1px solid #ffffff80;border-radius:50% 50% 0 0}.cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0002,#0005)}.cover-content{position:relative;z-index:1;padding:30px;max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:11px;margin:0 0 14px}.cover h1,.hero h2,.footer h2{font:500 clamp(48px,11vw,92px)/.9 "Cormorant Garamond",serif;margin:12px 0}.cover h1 span,.hero h2 span{font-style:italic}.date{letter-spacing:.18em;font-size:12px}.guest{margin:40px auto 22px;padding:16px 25px;border-top:1px solid #fff7;border-bottom:1px solid #fff7;display:grid;gap:5px}.guest strong{font:500 26px "Cormorant Garamond",serif}.open-btn,.calendar,.event-card a,.rsvp button{border:1px solid currentColor;background:transparent;color:inherit;padding:10px 24px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;cursor:pointer;text-decoration:none}
.section{max-width:760px;margin:auto;padding:100px 24px;text-align:center}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.hero h2{font-size:clamp(60px,13vw,110px);margin:10px 0}.save{margin-top:45px;font:italic 28px "Cormorant Garamond",serif}.countdown{display:flex;justify-content:center;gap:15px;margin:25px 0 35px}.countdown div{min-width:70px;padding:12px 5px;border-bottom:1px solid var(--line)}.countdown b{display:block;font:500 32px "Cormorant Garamond",serif}.countdown small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.quote{background:#eee7de;max-width:none;padding-left:8%;padding-right:8%}.arabic{font-size:26px;line-height:2.2;font-family:serif}.intro{font:italic 20px/1.8 "Cormorant Garamond",serif}.couple{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.photo{width:220px;height:280px;margin:auto;border-radius:120px 120px 8px 8px;background:linear-gradient(145deg,#cbb9a6,#8f7b68);display:grid;place-items:center;color:#fff;font:60px "Cormorant Garamond",serif}.person h2{font:500 34px "Cormorant Garamond",serif;line-height:1.05}.amp{font:italic 55px "Cormorant Garamond",serif}.events{display:grid;gap:20px}.event-card{border:1px solid var(--line);padding:35px 25px;background:#fffaf5}.event-card h2{font:500 29px "Cormorant Garamond",serif}.event-card h3{font-size:16px}.event-card a{display:inline-block;color:var(--ink);margin-top:10px}.rsvp{background:#eee7de;max-width:none}.rsvp h2{font:500 35px "Cormorant Garamond",serif}.rsvp form{max-width:560px;margin:30px auto;display:grid;gap:12px}.rsvp input,.rsvp select,.rsvp textarea{width:100%;border:1px solid var(--line);background:#fffaf5;padding:13px;font:inherit;color:var(--ink)}.rsvp textarea{min-height:130px;resize:vertical}.rsvp button{background:var(--ink);color:#fff;border-color:var(--ink)}#formMsg{font-size:12px}.comment{background:#fffaf5;text-align:left;padding:16px;margin:10px auto;max-width:560px;border-left:2px solid var(--accent)}.comment strong{font-size:13px}.comment small{color:var(--muted);margin-left:8px}.footer{padding-bottom:130px}.music{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border:0;border-radius:50%;background:#332d2a;color:#fff;z-index:10;cursor:pointer}
@media(max-width:650px){.section{padding:75px 20px}.couple{grid-template-columns:1fr;gap:15px}.amp{line-height:1}.photo{width:180px;height:235px}.countdown{gap:5px}.countdown div{min-width:60px}.arabic{font-size:21px}.person h2{font-size:31px}}