*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#777b67;color:#39372e;font-family:Inter,sans-serif}main{max-width:900px;margin:auto;padding:40px 55px}.hero,.story,.events,.details,.gallery,.rsvp,.gift,.thanks{background:#f7f1e5;border-radius:26px;margin:26px 0;padding:55px;box-shadow:0 18px 50px #45483855}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.hero h1{font:500 68px/1 'Cormorant Garamond'}.hero h1 em{display:block;font:42px Parisienne}.hero p{font:32px Parisienne}.hero figure{margin:0;height:520px;border-radius:180px 180px 20px 20px;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;border:1px solid #8f7a54;color:#594d37;padding:11px 22px;border-radius:999px;text-decoration:none}.date{font:25px 'Cormorant Garamond';margin:20px 0}.countdown{display:grid;grid-template-columns:1.5fr repeat(4,1fr);background:#f7f1e5;border-radius:22px;padding:25px;text-align:center}.countdown span{font:28px 'Cormorant Garamond'}.countdown b{display:block;font:34px '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:.8fr 1.2fr;gap:45px;align-items:center}.story figure{height:390px;margin:0;border-radius:160px 160px 20px 20px;overflow:hidden}.story h2,.events h2,.details h2,.gallery h2,.rsvp h2,.gift h2,.thanks h2{font:45px 'Cormorant Garamond';margin:10px 0}.events header{text-align:center}.event-grid{position:relative}.event-grid:before{content:"";position:absolute;left:88px;top:0;bottom:0;width:1px;background:#c4ad7f}.event-grid article{display:grid;grid-template-columns:80px 1fr;padding:20px 0 20px 115px;position:relative}.event-grid article b{position:absolute;left:0;font:25px 'Cormorant Garamond'}.event-grid article:before{content:"";position:absolute;left:83px;top:29px;width:11px;height:11px;border-radius:50%;background:#9e8657}.details{display:grid;grid-template-columns:1fr 1fr;gap:40px}.swatches i{display:inline-block;width:36px;height:36px;border-radius:50%;margin:5px;background:#7b806a}.swatches i:nth-child(2){background:#8f4d4f}.swatches i:nth-child(3){background:#bb765e}.swatches i:nth-child(4){background:#d8c8ae}.swatches i:nth-child(5){background:#a8b3ae}.gallery{text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;height:210px}.rsvp,.gift,.thanks{text-align:center}.gift{background:#6c705d;color:#fff}.demo-brand{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;padding:22px}.demo-brand span{font-size:10px;letter-spacing:2px}.demo-brand img{height:36px;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}}