*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f0e9;color:#202020;font-family:Inter,sans-serif}main{max-width:1200px;margin:auto;border-left:1px solid #bbb;border-right:1px solid #bbb}.hero{display:grid;grid-template-columns:1.2fr .8fr;padding:50px 80px;border-bottom:1px solid #999;align-items:center}.hero h1{font:500 clamp(60px,7vw,104px)/.9 Italiana,serif;text-transform:uppercase}.hero h1 em{display:block;font:36px 'Cormorant Garamond';font-style:normal}.hero p{letter-spacing:3px;text-transform:uppercase;font-size:10px}.hero figure{height:600px;margin:0;border:1px solid #222;border-radius:220px 220px 0 0;overflow:hidden}.hero img,.story img,.gallery img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.hero a,.events a,.details a,.rsvp a{display:inline-block;background:#242424;color:#fff;padding:12px 24px;text-decoration:none;font-size:11px;letter-spacing:2px}.date{font:26px 'Cormorant Garamond';margin:20px 0}.countdown{display:grid;grid-template-columns:2fr repeat(4,1fr);border-bottom:1px solid #aaa;background:#ddd5c9}.countdown>*{padding:20px;text-align:center;border-right:1px solid #bbb}.countdown span{font:30px Italiana}.countdown b{display:block;font:36px 'Cormorant Garamond'}.countdown small,.hero small,.story small,.details small,.gallery small,.rsvp small,.gift small{letter-spacing:3px;font-size:9px}.story{display:grid;grid-template-columns:1fr 1.2fr;padding:70px 100px;gap:70px;align-items:center}.story figure{height:420px;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:44px Italiana;margin:10px 0;text-transform:uppercase}.events{background:#282828;color:#fff;padding:55px 80px}.events header{text-align:center}.event-grid{display:grid;grid-template-columns:repeat(3,1fr)}.event-grid article{padding:25px;border-left:1px solid #555}.details{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #aaa}.details>div{padding:60px 70px;border-right:1px solid #aaa}.swatches i{display:inline-block;width:26px;height:26px;border-radius:50%;margin:5px;background:#222}.swatches i:nth-child(2){background:#9d8f7d}.swatches i:nth-child(3){background:#c8bba9}.swatches i:nth-child(4){background:#ded8ce}.swatches i:nth-child(5){background:#eee}.gallery{text-align:center;padding:55px 70px;border-bottom:1px solid #aaa}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;height:190px}.rsvp,.gift,.thanks{text-align:center;padding:60px;border-bottom:1px solid #aaa}.gift{background:#e1d9ce}.demo-brand{display:flex;align-items:center;justify-content:center;gap:12px;background:#222;color:#fff;padding:18px}.demo-brand span{font-size:10px;letter-spacing:2px}.demo-brand img{height:34px;max-width:150px;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}}