@layer pages {
    /* critical */
    .staldia-top-hero {
        --divisor: 1.75;
        padding-top: calc(var(--layout-site-header-height) / var(--divisor));
        min-height: 100svh;
        grid-template-rows: minmax(0, 1fr) auto;
        overflow: clip;
    }
    .staldia-top-hero-header {
        --padding-vertical: calc(var(--layout-padding-horizontal-base) * 1.5);
        padding: var(--padding-vertical) var(--layout-padding-horizontal-base);
        order: 9;
        width: 100%;
    }
    .staldia-top-hero-header-container {
        gap: .75rem;
    }
    .staldia-top-hero-title {
        font-size: min(calc(var(--font-size-xl) * 2), 8.8vw);
        line-height: 1.6;
    }
    .staldia-top-hero-content {
        letter-spacing: .1em;
        line-height: 1.6;
    }
    .staldia-font-top-catch-phrase {
        font-family: var(--font-serif-en);
        font-weight: 600;
        font-size: 20vw;
        text-align: center;
        line-height: 1.1;
        color: rgb(var(--color-text-on-accent-rgb) / .3333);
        letter-spacing: .015rem;
    }
    .staldia-top-hero-deco-line:before {
        content: attr(data-phrase);
    }
    @media (orientation: landscape) {
        .staldia-top-hero {
            --divisor: 1;
            grid-template-columns: max-content minmax(0, 1fr);
            grid-template-rows: unset;
            align-items: center;
        }
        .staldia-top-hero-header {
            --padding-vertical: 0;
            order: unset;
        }
        .staldia-font-top-catch-phrase {
            font-size: calc((100vw - 400px) / 6);
        }
    }

    /* async */
    .staldia-top-hero {
        background: var(--color-bg-sub);
    }
}