/* Homepage artwork and registration layout from the supplied event reference. */
.homepage-banner-layout .micro-hero-grid {
    width: min(1490px, calc(100% - 80px));
    grid-template-columns: minmax(0, 1.64fr) minmax(360px, 1fr);
    gap: 14px;
    align-items: start;
    padding-block: 40px;
}
.homepage-banner-layout .micro-intro { width: 100%; max-width: none; }
.homepage-event-banner { display: block; width: 100%; height: auto; }
.homepage-banner-layout .micro-register {
    position: static;
    width: 100%;
    margin-top: 40px;
    padding: 24px;
    border-color: #e0e3e8;
    border-radius: 18px;
}
.homepage-banner-layout .micro-field input,
.homepage-banner-layout .micro-field select { border-color: #d9dfe5; }
.homepage-banner-layout .micro-country-clocks {
    width: 72%;
    margin: 14px 28px 0 auto;
}
@media (max-width: 1200px) and (min-width: 901px) {
    .homepage-banner-layout .micro-hero-grid {
        width: calc(100% - 40px);
        grid-template-columns: minmax(0, 1.4fr) minmax(350px, 1fr);
    }
    .homepage-banner-layout .micro-register { margin-top: 0; padding: 20px; }
    .homepage-banner-layout .micro-country-clocks { width: 100%; margin-right: 0; }
}
@media (max-width: 900px) {
    .homepage-banner-layout .micro-hero-grid {
        width: calc(100% - 32px);
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        padding-block: 24px;
    }
    .homepage-banner-layout .micro-register { margin-top: 0; max-width: 600px; }
    .homepage-banner-layout .micro-country-clocks { width: 100%; margin-right: 0; }
}
@media (max-width: 575px) {
    .homepage-banner-layout .micro-register { padding: 18px; }
    .homepage-banner-layout .micro-country-clocks { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .homepage-banner-layout .micro-country-clocks time { font-size: 12px; }
    .homepage-banner-layout .micro-country-clocks span { font-size: 10px; }
    .homepage-banner-layout .micro-country-clocks small { font-size: 8px; }
}