@media (max-width:1024px){

    .site-header__top{
        padding:4px 18px 0;
    }

    .site-header__hero{
        height:150px;
        border-radius:22px 22px 0 0;
    }

    .logo{
        width:165px;
    }

    .header-nav-wrap__inner{
        min-height:56px;
        padding:0 18px;
    }

    .sticky-brand{
        left:18px;
    }

    .sticky-brand__logo{
        width:52px;
    }

    .mobile-menu-toggle{
        right:18px;
    }

    .nav{
        gap:14px;
    }

    .nav a{
        font-size:13px;
    }
}

@media (max-width:900px){

    .site-header__top{
        padding:4px 14px 0;
    }

    .site-header__hero{
        height:130px;
        border-radius:18px 18px 0 0;
    }

    .logo{
        width:145px;
    }

    .subtitle{
        font-size:10px;
        margin-top:6px;
    }

    .header-nav-wrap__inner{
        min-height:54px;
        padding:0 14px;
        justify-content:center;
    }

    .sticky-brand{
        left:14px;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
    }

    .header-nav-wrap.is-compact .sticky-brand{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .sticky-brand__logo{
        width:92px;
    }

    .nav--desktop{
        display:none;
    }

    .mobile-menu-toggle{
        display:block;
        right:14px;
    }

    .mobile-menu-panel{
        display:block;
        position:fixed;
        top:64px;
        right:14px;
        width:min(320px, calc(100vw - 28px));
        background:#111;
        border-radius:18px;
        padding:12px;
        box-shadow:0 24px 60px rgba(0,0,0,0.28);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-10px);
        transition:opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
        z-index:501;
    }

    .mobile-menu-panel.is-open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0);
    }

    .nav--mobile{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:8px;
    }

    .nav--mobile a{
        display:block;
        padding:11px 12px;
        background:#1a1a1a;
        border-radius:12px;
        color:#f0f0f0;
        font-size:13px;
    }

    .nav--mobile a:hover{
        background:#232323;
    }
}

@media (max-width:560px){

    .site-header__top{
        padding:2px 12px 0;
    }

    .site-header__hero{
        height:115px;
        border-radius:16px 16px 0 0;
    }

    .logo{
        width:132px;
    }

    .header-nav-wrap__inner{
        min-height:50px;
        padding:0 12px;
    }

    .sticky-brand{
        left:12px;
    }

    .sticky-brand__logo{
        width:82px;
    }

    .mobile-menu-toggle{
        width:40px;
        height:40px;
        right:12px;
    }

    .mobile-menu-toggle span:nth-child(1){
        top:13px;
    }

    .mobile-menu-toggle span:nth-child(2){
        top:20px;
    }

    .mobile-menu-toggle span:nth-child(3){
        top:27px;
    }

    .mobile-menu-toggle.is-open span:nth-child(1),
    .mobile-menu-toggle.is-open span:nth-child(3){
        top:20px;
    }

    .mobile-menu-panel{
        top:58px;
        right:10px;
        width:calc(100vw - 20px);
        border-radius:16px;
        padding:10px;
    }
}