.countdown-section{width:100%;background-color:var(--invitation-section-bg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--invitation-section-padding);gap:2.5rem}.invitation-reveal.is-visible .countdown-section .countdown-header{animation:invitation-fade-in var(--invitation-fade-duration, .65s) cubic-bezier(.25,1,.5,1) .15s both}.invitation-reveal.is-visible .countdown-section .countdown-timer{animation:invitation-fade-in var(--invitation-fade-duration, .65s) cubic-bezier(.25,1,.5,1) .3s both}.countdown-section .countdown-header{text-align:center;display:flex;flex-direction:column;gap:.25rem}.countdown-section .countdown-title{font-family:var(--font-primary);font-weight:400;font-size:.75rem;letter-spacing:.3em;color:var(--invitation-text-muted);text-transform:uppercase}.countdown-section .countdown-subtitle{font-family:var(--font-secondary);font-size:clamp(2.2rem,6vw,2.8rem);color:var(--invitation-text-secondary);margin:0;font-weight:400}.countdown-section .countdown-timer{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,2.2vw,1rem)}.countdown-section .time-pair{display:grid;grid-template-columns:repeat(2,auto);gap:clamp(.75rem,2.2vw,1rem)}.countdown-section .time-unit{display:flex;flex-direction:column;align-items:center;gap:.75rem}.countdown-section .time-box{background:var(--invitation-overlay-bg-soft);border-radius:8px;width:clamp(86px,24vw,100px);height:clamp(86px,24vw,100px);padding:clamp(.75rem,2.6vw,1rem);box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:var(--invitation-card-shadow-soft)}.countdown-section .time-value{font-family:var(--font-primary);font-weight:300;font-size:clamp(2rem,6vw,2.8rem);color:var(--invitation-text-secondary)}.countdown-section .time-label{font-family:var(--font-primary);font-weight:400;font-size:.65rem;letter-spacing:.2em;color:var(--invitation-text-muted);text-transform:uppercase}@media(prefers-reduced-motion:reduce){.invitation-reveal.is-visible .countdown-section .countdown-header,.invitation-reveal.is-visible .countdown-section .countdown-timer{animation:none;opacity:1;transform:none}}
