/* Fluid corrections for laptop and embedded-preview widths. */
.worlds-page main,
.worlds-footer {
    width: min(1280px, 100%);
}

/* site.css positions the homepage h1 absolutely; the Worlds title belongs
   inside its own centered hero and must participate in normal flow. */
.worlds-intro h1 {
    position: static;
    inset: auto;
    width: auto;
    text-align: center;
}

@media (min-width: 901px) and (max-width: 1300px) {
    .worlds-header { width: 100%; }
    .worlds-logo { left: clamp(28px, 5vw, 70px); }
    .worlds-header nav {
        left: 42%;
        padding: 0 clamp(28px, 5vw, 64px);
        gap: clamp(18px, 2.5vw, 36px);
    }
    .worlds-intro {
        height: 430px;
        padding: 60px 30px 0;
    }
    .worlds-intro h1 { font-size: clamp(44px, 4.1vw, 53px); }
    .realm-grid {
        padding: 0 clamp(32px, 5vw, 80px) 76px;
        gap: 28px clamp(20px, 2.5vw, 32px);
    }
    .realm-card { padding: 32px clamp(22px, 2.5vw, 32px); }
    .realm-card p { font-size: 14px; line-height: 20px; }
    .realm-card a { left: clamp(22px, 2.5vw, 32px); }
    .worlds-footer {
        padding-left: clamp(40px, 6vw, 80px);
        padding-right: clamp(40px, 6vw, 80px);
    }
}