/* A brief drape opening accompanies each section as it enters the viewport. */
main > section.section-drapes{position:relative;isolation:isolate;overflow:hidden}
main > section.section-drapes::before,main > section.section-drapes::after{content:"";position:absolute;top:0;bottom:0;width:50.3%;z-index:12;pointer-events:none;background:linear-gradient(90deg,#200610bd,#772036a8 20%,#a94657aa 27%,#390b19cc 48%,#781b37b5 70%,#22060fc9),url('../resources/reception-mandap.png') center/auto 100%;box-shadow:inset 0 0 38px #18030b;transition:transform 1.25s cubic-bezier(.65,0,.22,1)}
main > section.section-drapes::before{left:0;border-right:2px solid #d9b777}
main > section.section-drapes::after{right:0;border-left:2px solid #d9b777}
main > section.section-drapes.unveiled::before{transform:translateX(-103%)}
main > section.section-drapes.unveiled::after{transform:translateX(103%)}
.reception-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.reception-gallery-grid .reception-gallery-portrait{grid-row:span 2}
.reception-gallery-grid .reception-gallery-portrait img{height:100%;min-height:440px;object-fit:cover}
.reception-gallery-grid .reception-gallery-collage img,.reception-gallery-grid .reception-gallery-third img{height:210px;object-fit:cover}
.reception-gallery-grid .reception-gallery-third img{object-position:center 54%}
.reception-timer{width:min(100%,620px);margin:34px auto 0;padding:26px clamp(14px,4vw,30px) 20px;border:1px solid rgba(216,181,116,.35);background:linear-gradient(180deg,#d8b5740d,#ffffff03);box-sizing:border-box;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 18px 55px #0003}
.reception-timer .countdown-kicker,.reception-timer .countdown-caption{margin:0;font:500 9px/1.6 Manrope,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#cdb589}
.reception-timer .countdown-days{margin-top:16px}
.reception-timer .countdown-days>span{display:block;color:#f3e7cf;font:400 clamp(68px,11vw,104px)/.82 "Cormorant Garamond",serif;font-variant-numeric:tabular-nums}
.reception-timer .countdown-days small{display:block;margin-top:12px;color:#c8ad7e;font:500 9px/1.4 Manrope,sans-serif;letter-spacing:.25em;text-transform:uppercase}
.reception-timer .countdown-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(78%,390px);margin:20px auto 0;color:#b79b68}
.reception-timer .countdown-divider span{height:1px;background:#d8b57455}
.reception-timer .countdown-divider i{font:18px/1 "Cormorant Garamond",serif}
.reception-timer .countdown-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.reception-timer .countdown-unit{min-width:0;padding:4px 2px}
.reception-timer .countdown-unit>span{display:block;color:#f2e6ce;font:400 clamp(36px,6vw,58px)/.9 "Cormorant Garamond",serif;font-variant-numeric:tabular-nums}
.reception-timer .countdown-unit small{display:block;margin-top:10px;color:#ab9573;font:500 8px/1.3 Manrope,sans-serif;letter-spacing:.25em;text-transform:uppercase}
.reception-timer .countdown-caption{margin-top:19px;font-size:8px;color:#99866a}
.reception-timer.is-complete .countdown-days,.reception-timer.is-complete .countdown-row,.reception-timer.is-complete .countdown-divider{display:none}
.closing-actions{justify-content:center;margin-top:25px}.rsvp-venue-link{display:inline-block;margin-top:18px}.rsvp-actions{justify-content:center}
@media(max-width:560px){.reception-gallery-grid{grid-template-columns:1fr}.reception-gallery-grid .reception-gallery-portrait{grid-row:auto}.reception-gallery-grid .reception-gallery-portrait img{min-height:0;height:auto;max-height:520px}.reception-gallery-grid .reception-gallery-collage img,.reception-gallery-grid .reception-gallery-third img{height:auto;max-height:320px}.reception-timer{padding:20px 10px 18px;max-width:100%}.reception-timer .countdown-row{gap:4px}.reception-timer .countdown-unit>span{font-size:clamp(34px,12vw,48px)}.reception-timer .countdown-unit small{font-size:7px}.reception-timer .countdown-caption{font-size:7px;letter-spacing:.14em}}
@media(prefers-reduced-motion:reduce){main > section.section-drapes::before,main > section.section-drapes::after{display:none}}
html{max-width:100%;overflow-x:clip}
.rsvp-actions .button{display:inline-flex;justify-content:center;align-items:center;text-align:center}
