*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#343b22;color:#303020;font-family:Inter,sans-serif}main{max-width:1120px;margin:auto;background:#f4efe3}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding:42px;position:relative}.hero:before,.events:before{content:"✿  ❀  ✿";position:absolute;top:12px;left:30px;color:#65704a;letter-spacing:12px}.hero-copy{text-align:center}.hero small,.story small,.details small,.gallery small,.rsvp small,.gift small{letter-spacing:3px;font-size:10px}.hero h1{font:500 clamp(54px,8vw,100px)/.85 'Cormorant Garamond';text-transform:uppercase}.hero h1 em{display:block;font:400 40px Parisienne;text-transform:none}.hero p{font:34px Parisienne}.hero figure{margin:0;height:78vh;border-radius:180px 180px 16px 16px;overflow:hidden}.hero img,.story img,.gallery img{width:100%;height:100%;object-fit:cover}.hero a,.events a,.details a,.rsvp a{display:inline-block;background:#3e4728;color:#fff;padding:13px 25px;text-decoration:none;border-radius:4px}.date{font:28px 'Cormorant Garamond';margin:20px}.countdown{display:flex;justify-content:center;gap:0;background:#3e4728;color:#fff;padding:25px}.countdown>span{font:28px 'Cormorant Garamond';margin-right:35px}.countdown div{min-width:100px;text-align:center;border-left:1px solid #7b806c}.countdown b{display:block;font:35px 'Cormorant Garamond'}.countdown small{font-size:8px}.story{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:90px;align-items:center}.story figure{height:520px;margin:0;border-radius:160px 160px 0 0;overflow:hidden}.story h2,.events h2,.details h2,.gallery h2,.rsvp h2,.gift h2,.thanks h2{font:48px 'Cormorant Garamond';margin:10px 0}.events{position:relative;background:#41462e;color:#fff;padding:80px}.events header{text-align:center}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.event-grid article{text-align:center;padding:25px;border-left:1px solid #777d66}.details{display:grid;grid-template-columns:1fr 1fr;padding:70px 90px;gap:70px}.swatches i{display:inline-block;width:32px;height:32px;border-radius:50%;margin:5px;background:#41462e}.swatches i:nth-child(2){background:#9d9b7b}.swatches i:nth-child(3){background:#c9bfa8}.swatches i:nth-child(4){background:#d9d3c6}.swatches i:nth-child(5){background:#73755f}.gallery{text-align:center;padding:60px}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;height:220px}.rsvp,.gift,.thanks{text-align:center;padding:75px}.rsvp{background:#e6dfd2}.gift{background:#41462e;color:#fff}.thanks{padding-bottom:100px}.demo-brand{display:flex;align-items:center;justify-content:center;gap:12px;background:#171914;color:#fff;padding:18px}.demo-brand span{font-size:10px;letter-spacing:2px;opacity:.7}.demo-brand img{height:34px;max-width:150px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}
@media(max-width:720px){main{padding:0!important}.hero,.story,.details{grid-template-columns:1fr!important;padding:38px 22px!important}.hero figure{height:520px}.hero h1{font-size:54px}.countdown{grid-template-columns:repeat(4,1fr)!important}.countdown>span{grid-column:1/-1;margin:0 0 15px!important}.event-grid{grid-template-columns:1fr!important}.events{padding:45px 22px!important}.gallery{padding:45px 18px!important}.gallery-grid{grid-template-columns:repeat(2,1fr);height:auto}.gallery-grid img{height:190px}.details>div{padding:35px 22px!important}.story figure{height:390px}.rsvp,.gift,.thanks{padding:50px 22px!important}}