main>header~:nth-child(odd),
main>header~:nth-child(even){
    background-color: rgba(0,0,0,0);
    border: none
}

main>*>*{margin-inline: max(1em,((100% - 62ch) / 2))}

@media(min-width:calc(100ch + 2em)){
    main>*>*{margin-inline: max(1em,((100% - 100ch) / 2))}
}


hgroup h1, hgroup p {
    font-family:merriweather;
}

h1 span{
    font-size: var(--h3);
    font-weight: 500;
    color: #555;
    display: block
}

blockquote{
    border: none!important;
    padding: 0!important;
}

blockquote:last-child{margin-bottom: 0}

blockquote p{
    font-family: georgia,serif;
    font-style: italic;
}

.response{background-color: #fff}
section:nth-of-type(1){padding-bottom: 0}
section:has(.full-bleed){clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}

.card article{
    padding: 1em
}

aside li{
    display: flex;
    align-items: flex-end;
    gap: .5ch;
    line-height: 1;
    text-align: left
}

aside .number{
    font-family: 'roboto flex';
    font-size: var(--h1);
    line-height: .7;
    font-stretch: 50%;
    font-weight: 800
}

aside .desc{
    font-family: 'roboto mono';
    font-size: .75em;
    text-transform: uppercase;
}

section:has(.full-bleed){clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}

.full-bleed{
    width: 100%!important;
    margin-inline: 0
}

.full-bleed img,
.content-trigger-img img{
    aspect-ratio: 1;
    width: 100%!important
}

*:has(+.full-bleed),
.full-bleed+*{
    position: relative;
    z-index: 3
}

#crowd{
    margin-top: -30vw;
    -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)55%,rgba(0,0,0,1)70%,rgba(0,0,0,0)100%);
    mask-image:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)55%,rgba(0,0,0,1)70%,rgba(0,0,0,0)100%);
}

#crowd+*{margin-top: -15vw}

#women{
    margin-top: -5vw;
    -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)30%,rgba(0,0,0,1)100%,rgba(0,0,0,0)100%);
    mask-image:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)30%,rgba(0,0,0,1)100%,rgba(0,0,0,0)100%);
}

.content-trigger-img,
.content-trigger{
    width: min(100%, var(--ch-unit,.56125em)*62);
    margin-inline:auto
}

/*
.above-the-top .action-container>div{
    font-size: .75em;
}
*/

@media (min-width: calc(100ch + 2em)){
    /*.above-the-top .action-container>div{right: max(1em,((100vw - var(--ch-unit,.56125em)*100) / 2))}*/
    
    /*.grid.half img{display: none}*/
    #crowd+*{margin-top: -10vw}
    
    #women{
        margin-top: -20vw;
        -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)40%,rgba(0,0,0,1)100%,rgba(0,0,0,0)100%);
        mask-image:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)40%,rgba(0,0,0,1)100%,rgba(0,0,0,0)100%);
    }
    
    .grid.half{gap:2.618em}
    
    .content-trigger-img,
    .content-trigger{
        width: calc((100ch - 2.618em)/2)!important;
        width: min(50%,((100ch - 2.618em)/2))!important;
        margin-inline:auto
    }
    
    div:has(.content-trigger){position: relative}
    .content-trigger-img{
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        height: 100%;
        padding: 0.618em;
    }
    
    .content-trigger-img img{
        position: sticky;
        top: calc((100vh - ((100ch - 2.618em)/2))/2);
        transition: opacity .5s linear;
        opacity: 0;
    }
    
    .content-trigger-img:has(+.content-trigger.visible) img{
        opacity: 1
    }
    
    .content-trigger{margin-inline:0;}
    
    #samar{padding-top: 0!important}
    #malik{padding-bottom: 0!important}
}

.sub-nav{display:none!important}