@font-face{font-family:TimerLight;src:url('assets/timer-light.ttf') format('truetype');font-weight:300;font-display:swap}
#invite{container-type:inline-size}
.frame:not(.hero){transform:none;opacity:1}
.patch{position:absolute;pointer-events:none}
.countdown{display:grid;grid-template-columns:repeat(4,158fr);gap:23px;gap:2.13cqw;align-items:stretch}
.countdown span{width:100%;font-family:TimerLight,Georgia,serif;font-size:7.778cqw;line-height:1;font-weight:300;background:transparent;border-radius:0;font-variant-numeric:tabular-nums;letter-spacing:0;color:#fff1d4}
.gallery{border-radius:2.62% / 2.4%;border:1px solid #bb936c}
.photo-slide{position:relative;height:100%;flex:0 0 100%;width:100%;overflow:hidden;scroll-snap-align:center}
.track .photo-slide img{display:block;width:100%;height:100%;object-fit:cover}
.track .photo-slide.rotated img{position:absolute;left:50%;top:50%;width:108.64%;height:92.05%;max-width:none;transform:translate(-50%,-50%) rotate(-90deg)}
.hotspot{min-height:0;background:transparent!important}.hotspot:hover{box-shadow:inset 0 0 0 2px #fff7}.save-date{border-radius:999px}.map{border-radius:17%}.rsvp{border-radius:8px}
.form-control{position:absolute;border:0;border-radius:1.2cqw;background:#f1e8d5;color:#10213a;padding:0 1.25cqw;font:2.6cqw Georgia,serif}.form-control::placeholder{color:#10213a;opacity:1}textarea.form-control{padding-top:1.5cqw;resize:none}
#reveal-content{position:absolute;background:#83583d;color:#fff1d4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;text-align:center;font:3.5cqw Georgia,serif}#reveal-content strong{font-size:6cqw}
#scratch{transition:opacity .8s}