/* KSG Leagues — Header + Landing Hero polish */
:root{
    --ksg-header-height:68px;
    --landing-offset:112px;
}

/* Reduce nav height without reducing typography. */
.site-header{
    height:var(--ksg-header-height) !important;
    min-height:var(--ksg-header-height) !important;
    position:sticky;
    top:0;
    isolation:isolate;
    background:
        linear-gradient(rgba(255,255,255,.965),rgba(255,255,255,.965)),
        repeating-linear-gradient(
            135deg,
            rgba(215,38,56,.22) 0,
            rgba(215,38,56,.22) 1px,
            transparent 1px,
            transparent 12px
        ) !important;
    border-bottom:1px solid rgba(20,15,45,.10);
}

.site-header::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:2px;
    background:linear-gradient(90deg,#D72638 0 26%,#140F2D 26% 75%,#D72638 75% 100%);
    opacity:.9;
    pointer-events:none;
    z-index:0;
}

.site-header > *{
    position:relative;
    z-index:1;
}

.site-header .brand img{
    width:154px;
    height:auto !important;
    max-height:40px !important;
}

.site-header .main-nav a{
    height:var(--ksg-header-height) !important;
}

/* Email belongs on Profile, not in the primary navigation. */
.site-header .account-email{
    display:none !important;
}

/* Landing hero fills exactly the rest of the initial desktop viewport. */
@media (min-width:901px){
    body:has(.hero-story) .hero-story{
        height:calc(100svh - var(--landing-offset));
        min-height:520px;
        max-height:none;
    }

    body:has(.hero-story) .hero-image{
        height:100%;
    }

    body:has(.hero-story) .hero-content{
        padding-top:56px;
        padding-bottom:64px;
    }

    body:has(.hero-story) .hero-content h1{
        margin-bottom:34px !important;
    }

    body:has(.hero-story) .hero-content p{
        margin-top:0;
    }
}

@media (max-width:900px){
    .site-header{
        height:68px !important;
        min-height:68px !important;
    }

    .site-header .brand img{
        width:138px;
        max-height:38px !important;
    }

    .site-header .main-nav{
        top:68px !important;
    }
}