.hero{min-height:68vh;display:flex;align-items:center;justify-content:center;padding:116px 24px 56px;background-color:#f7f3eb;background-image:url('../assets/img/papel-amassado.png');background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}
.official-logo{display:block;width:min(900px,92vw);height:auto;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(63,9,25,.08))}
.welcome{width:100%;max-width:100%;overflow:hidden;background-color:#714233;background-image:linear-gradient(rgba(60,34,27,.42),rgba(60,34,27,.42)),url('../assets/img/papel-amassado-vermelho-apagado.png');background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--paper);padding:clamp(64px,9vw,128px) max(24px,8vw);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(48px,7vw,112px);align-items:center}
.welcome>*{min-width:0;max-width:100%}
.copy{width:100%;max-width:43rem;min-width:0;font-size:clamp(1.1rem,1.8vw,1.42rem);line-height:1.7}
.copy p:not(.signature){text-align:justify;text-justify:inter-word;hyphens:auto}
.copy p+p{margin-top:1.5rem}
.signature{color:#fff;font-family:var(--font-script);font-size:clamp(2.5rem,4vw,3.8rem);font-weight:400;line-height:1.08;white-space:nowrap}
.countdown-wrap{text-align:center;border:1px solid rgba(255,255,255,.22);padding:clamp(32px,5vw,64px);background:rgba(255,255,255,.045);box-shadow:0 25px 60px rgba(25,7,8,.12)}
.countdown-wrap h1{text-transform:uppercase;letter-spacing:.16em;font-size:clamp(1.8rem,4vw,3rem);font-weight:500}
.kicker{letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;opacity:.74;margin-bottom:1rem}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:2rem}
.countdown div{padding:1.1rem .4rem;border-right:1px solid rgba(255,255,255,.22)}
.countdown div:last-child{border:0}
.countdown strong{display:block;font-weight:400;font-size:clamp(2rem,5vw,4rem);font-variant-numeric:tabular-nums;line-height:1}
.countdown span{display:block;margin-top:.55rem;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;opacity:.72}
.cta{display:inline-flex;margin-top:2.25rem;border-bottom:1px solid;padding:.45rem .15rem;text-transform:uppercase;letter-spacing:.13em;font-size:.82rem;transition:.2s}
.cta:hover{opacity:.72;transform:translateY(-2px)}
.road{height:min(52vw,42rem);min-height:22rem;background:url('../assets/img/estrada-aquarela.jpg') center/cover no-repeat;position:relative}
.road::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--paper),transparent 20%)}
@media(max-width:800px){.hero{min-height:58vh;padding:104px 18px 42px}
.official-logo{width:min(760px,96vw)}
.welcome{grid-template-columns:minmax(0,1fr)}
.copy{order:2}
.signature{max-width:100%;font-size:clamp(2.05rem,7vw,3.4rem);line-height:1.12}
.countdown-wrap{order:1}
.road{height:25rem}
}
@media(max-width:480px){.hero{min-height:46vh;padding:92px 8px 28px}
.official-logo{width:100%}
.welcome{padding-inline:20px}
.signature{max-width:100%;font-size:clamp(1.8rem,7.5vw,3rem);line-height:1.15;letter-spacing:-.01em}
.countdown-wrap{padding:32px 16px}
.countdown{gap:0}
.countdown strong{font-size:1.85rem}
.countdown span{font-size:.58rem}
}