/* Home page only. */
.matchband{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;text-decoration:none;background:var(--card);border:1.5px solid var(--ink);border-radius:6px;padding:20px clamp(20px,3vw,32px);margin-bottom:48px}
.matchband .mbt{display:flex;flex-direction:column;gap:4px;min-width:0}
.matchband .who{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.matchband .big{font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:clamp(24px,3vw,34px);line-height:.95;text-wrap:balance}
.matchband .btn{margin:0}
@media (hover:hover) and (pointer:fine){.matchband:hover{background:var(--orange-wash)}.matchband:hover .btn{transform:translateX(4px)}}
.matchband:active .btn{transform:scale(.97)}
.doors{padding-bottom:14px}
.nots{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.nots div{border-top:1.5px solid var(--ink);padding-top:14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.nots strong{font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:30px;line-height:1}
.nots p{color:var(--soft)}
@media (max-width:820px){.nots{grid-template-columns:1fr}}
/* Spanish headline: the orange part is longer, so the type is a step smaller to keep it on two lines */
html[lang="es"] .hero h1{font-size:clamp(56px,10.2vw,142px)}
html[lang="es"] .hero h1 em{white-space:nowrap}
@media (max-width:560px){html[lang="es"] .hero h1{font-size:11vw;line-height:.86}}