@media(max-width:1020px){
    .nav-toggle{
        position:relative;
        width:48px;
        height:48px;
        padding:0;
    }

    .nav-toggle span{
        position:absolute;
        left:12px;
        width:24px;
        height:1.5px;
        margin:0;
        background:currentColor;
        transform-origin:center;
        transition:top .24s ease,transform .24s ease,opacity .18s ease;
    }

    .nav-toggle span:nth-child(1){top:15px}
    .nav-toggle span:nth-child(2){top:23px}
    .nav-toggle span:nth-child(3){top:31px}

    .site-header .nav-toggle[aria-expanded="true"],
    .site-header:has(+ main .hero--editorial) .nav-toggle[aria-expanded="true"]{
        color:#fff;
    }

    .nav-toggle[aria-expanded="true"] span:nth-child(1){
        top:23px;
        transform:rotate(45deg);
    }

    .nav-toggle[aria-expanded="true"] span:nth-child(2){
        opacity:0;
        transform:scaleX(.35);
    }

    .nav-toggle[aria-expanded="true"] span:nth-child(3){
        top:23px;
        transform:rotate(-45deg);
    }
}

@media(prefers-reduced-motion:reduce){
    .nav-toggle span{transition:none}
}