/* Preserve Arena's artwork, serif type and gold controls; fit the call to action. */
[data-section="hero"] .hero {
    min-height: 100svh;
    padding-top: clamp(100px, 13vh, 148px);
    padding-bottom: 92px;
    justify-content: center;
}
[data-section="hero"] .hero__box {
    max-width: min(580px, 46vw);
    gap: 0;
}
[data-section="hero"] .hero__logotype { margin-bottom: 20px; }
[data-section="hero"] .hero__logotype .logos {
    width: auto;
    height: auto;
    max-width: 310px;
    max-height: 128px;
    object-fit: contain;
}
[data-section="hero"] .hero__title {
    font-size: clamp(28px, 2.8vw, 42px);
    line-height: 1.16;
    text-wrap: balance;
}
[data-section="hero"] .hero__subtitle {
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.55;
    margin-top: 20px;
}
[data-section="hero"] .hero__subtitle p { margin: 0; }
[data-section="hero"] .hero__btns { margin-top: 26px; }
[data-section="hero"] .hero__btns .btn {
    min-width: 230px;
    min-height: 58px;
    white-space: nowrap;
    font-size: 16px;
}
[data-section="hero"] .hero__countdownbox { margin-top: 20px; }
@media (min-width: 1025px) and (max-height: 800px) {
    [data-section="hero"] .hero { padding-top: 92px; padding-bottom: 78px; }
    [data-section="hero"] .hero__logotype { margin-bottom: 14px; }
    [data-section="hero"] .hero__logotype .logos { max-width: 250px; max-height: 100px; }
    [data-section="hero"] .hero__title { font-size: clamp(28px, 2.5vw, 36px); }
    [data-section="hero"] .hero__subtitle { margin-top: 16px; font-size: 15px; line-height: 1.45; }
    [data-section="hero"] .hero__btns { margin-top: 20px; }
}
@media (max-width: 1024px) {
    [data-section="hero"] .hero { padding-top: 112px; padding-bottom: 48px; }
    [data-section="hero"] .hero__box { max-width: min(640px, 100%); }
    [data-section="hero"] .hero__subtitle { font-size: 16px; }
}
@media (max-width: 600px) {
    [data-section="hero"] .hero { min-height: 100svh; padding-top: 112px; padding-bottom: 36px; }
    [data-section="hero"] .hero__box { max-width: 100%; }
    [data-section="hero"] .hero__logotype .logos { max-width: 230px; max-height: 92px; }
    [data-section="hero"] .hero__title { font-size: 28px; line-height: 1.18; }
    [data-section="hero"] .hero__subtitle { font-size: 14px; line-height: 1.5; margin-top: 16px; }
    [data-section="hero"] .hero__btns { margin-top: 22px; }
}