@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Montserrat:wght@300;400;500&family=Parisienne&display=swap");:root{--ink:#292629;--paper:#f2ece6;--gold:#c5a36a;--dark:#1d1f1c;--serif:"DM Serif Display",serif;--script:"Parisienne",cursive;--sans:Montserrat,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ddd8d3;color:var(--ink);font-family:var(--sans);font-weight:300}a,button,input,select{font:inherit}.opening{position:fixed;inset:0;z-index:20;background:radial-gradient(circle,#cbb8a7,#302c2d 72%,#111);display:grid;place-content:center;text-align:center;color:#fff;transition:1s}.opening.hide{opacity:0;visibility:hidden}.envelope{width:min(560px,88vw);aspect-ratio:1.52;position:relative;filter:drop-shadow(0 30px 30px #0007)}.paper{position:absolute;z-index:4;inset:7% 8%;background:#faf6f1;color:var(--ink);display:grid;place-content:center;gap:8px;transition:1.2s}.paper span,.paper small{font-size:7px;letter-spacing:3px}.paper strong{font:52px var(--script)}.flap{position:absolute;inset:0;background:#b59d8c;clip-path:polygon(0 0,100% 0,50% 63%);transform-origin:top;transition:1.2s;z-index:6}.pocket{position:absolute;inset:0;background:#9d8776;clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);z-index:7}.envelope.open .flap{transform:rotateX(-180deg)}.envelope.open .paper{transform:translateY(-65%);z-index:10}.opening button{position:absolute;z-index:12;left:50%;top:57%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid #fff;border-radius:50%;background:var(--dark);color:#fff;font-size:22px;cursor:pointer}.opening p{font-size:8px;letter-spacing:3px;text-transform:uppercase}#bar{position:fixed;z-index:10;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;opacity:0;transition:1s}#bar.show{opacity:1}#bar button,#bar a{background:none;border:0;color:#fff;text-shadow:0 2px 10px #000;letter-spacing:2px;font-size:9px;text-decoration:none;cursor:pointer}#site{visibility:hidden}#site.live{visibility:visible}.hero{height:100svh;min-height:600px;position:relative;color:#fff;overflow:hidden}.hero img,.countdown>img,.experience>img{position:absolute;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:#1118}.heroText{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.heroText span,.intro>span,.details>span,.galleryTitle>span,.experience span,.rsvp span{font-size:9px;letter-spacing:5px}.heroText i{display:block;width:70px;height:1px;background:var(--gold);margin:18px auto}.hero h1{font:clamp(65px,9vw,125px) var(--script);margin:0}.heroText b{letter-spacing:9px;font-size:18px}.heroText small{letter-spacing:4px;font-size:9px;margin-top:15px}.heroText em{font-style:normal;font-size:8px;letter-spacing:3px;margin-top:65px}.intro,.details{text-align:center;background:var(--paper);padding:80px 9%}.intro h2{font:clamp(32px,4vw,55px) var(--serif);max-width:850px;margin:20px auto}.intro p{max-width:720px;margin:auto;font:15px/1.8 var(--serif)}.intro strong,.script{display:block;font:32px var(--script);margin-top:25px}.intro small{display:block;color:var(--gold);letter-spacing:4px;font-size:8px;margin-top:10px}.countdown{height:240px;position:relative;color:#fff;display:grid;place-items:center;text-align:center;overflow:hidden}.countdown .shade{background:#111b}.clock{display:flex;gap:20px;margin-top:20px}.clock b{width:100px;height:100px;border:1px solid #c7a56b99;border-radius:50%;display:grid;place-content:center}.clock i{font:38px var(--serif);font-style:normal}.clock small{font-size:7px;letter-spacing:2px}.grid{max-width:900px;margin:35px auto 25px;border-block:1px solid #d4ccc2;display:grid;grid-template-columns:repeat(3,1fr)}.grid article{padding:30px;border-right:1px solid #d4ccc2;font-size:8px;letter-spacing:3px}.grid article:last-child{border:0}.grid strong{display:block;font:20px/1.3 var(--serif);letter-spacing:0;margin-top:10px}.button{display:inline-block;border:1px solid var(--gold);padding:11px 18px;color:var(--ink);text-decoration:none;font-size:8px;letter-spacing:2px}.details p{font:18px var(--serif);margin-top:40px}.gallery{display:grid;grid-template-columns:1fr 2.7fr;min-height:310px;background:var(--dark);color:#fff}.galleryTitle{display:grid;place-content:center;text-align:center;padding:30px}.galleryTitle h2{font:35px var(--serif)}.galleryTitle button{background:none;color:#fff;border:1px solid var(--gold);padding:10px;letter-spacing:2px;font-size:8px}.photos{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.photos img{width:100%;height:100%;min-height:310px;object-fit:cover;transition:1s}.photos img:hover{transform:scale(1.05)}.experience{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--paper);min-height:280px}.experience>div{padding:55px 30px;text-align:center;display:grid;place-content:center;border-right:1px solid #d4ccc2}.experience>img{position:relative;min-height:280px}.experience strong{border:1px solid var(--gold);padding:10px;margin:15px auto;font-size:8px;letter-spacing:2px}.experience h3{font:28px var(--serif)}.rsvp{display:grid;grid-template-columns:42% 58%;padding:70px 10%;background:#e7e1db}.rsvp h2{font:42px var(--serif);font-weight:400}.rsvp p{font-size:11px}.rsvp form{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.rsvp input,.rsvp select{padding:14px;border:1px solid #bdb5a9;background:#f8f4ee;font-size:9px}.rsvp button{grid-column:1/-1;padding:14px;border:0;background:var(--dark);color:#fff;font-size:8px;letter-spacing:2px}.rsvp output{grid-column:1/-1;text-align:center;font-size:9px}.ticket{padding:60px 20px;background:#d9d4cf}.ticketCard{max-width:700px;margin:auto;background:#f8f4ee;border:1px solid #cfc6b8}.ticketCard header,.ticketCard footer{padding:13px 18px;border-bottom:1px dashed #aaa;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px}.ticketCard footer{border-top:1px dashed #aaa;border-bottom:0}.ticketBody{padding:28px;display:flex;justify-content:space-between;align-items:center}.ticketBody small{display:block;font-size:7px;letter-spacing:2px}.ticketBody strong{display:block;font:42px var(--script);margin:7px 0}.qr{width:105px;height:105px;background:repeating-conic-gradient(#222 0 8%,#f8f4ee 0 16%);border:8px solid #f8f4ee;outline:1px solid #222}.end{text-align:center;background:var(--paper);padding:35px;font-size:8px;letter-spacing:3px}.modal{display:none;position:fixed;inset:0;z-index:30;background:#111e;padding:50px 25px;overflow:auto}.modal.show{display:block}.modal>button{position:fixed;right:20px;top:10px;background:none;border:0;color:#fff;font-size:35px}.modal>div{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.modal img{width:100%}@media(max-width:850px){.grid,.experience,.rsvp,.gallery{grid-template-columns:1fr}.grid article{border-right:0;border-bottom:1px solid #d4ccc2}.experience>div{border-right:0;border-bottom:1px solid #d4ccc2}.photos{grid-template-columns:repeat(3,80vw);overflow-x:auto}.rsvp form{grid-template-columns:1fr}.rsvp button,.rsvp output{grid-column:1}.ticketBody{display:block}.qr{margin-top:20px}}@media(max-width:560px){.paper strong{font-size:40px}.hero h1{font-size:75px}.clock{gap:5px}.clock b{width:72px;height:72px}.clock i{font-size:27px}.intro,.details{padding:60px 7%}.modal>div{grid-template-columns:1fr}}