h1 span{
    display: block;
    font-size: .618em;
}

#bg1{
    width: 100%;
    -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)19%,rgba(0,0,0,1)75%,rgba(0,0,0,0)100%);
    mask-image: linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)19%,rgba(0,0,0,1)75%,rgba(0,0,0,0)100%);
    margin-block: -13% -21%;
    position: relative;
    z-index: -1
}
:is(.sda,.sda-pf) #bg1{margin-block: -21% -8%}

@media(min-aspect-ratio:1/1){
    #bg1{
        -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)10%,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)10%,rgba(0,0,0,1)70%,rgba(0,0,0,0)100%);
        margin-block: -17% -21%;
    }
    :is(.sda,.sda-pf) #bg1{margin-block: -27% -10%}
}

#rpc header + p.h3{
    margin-block: -2lh 0;
    position: relative
}

:is(.sda,.sda-pf) #rpc header + p.h3{margin-block: 1lh}
@media(max-width:24rem){#rpc h2{text-align: right}}
#rpc header.pq{mask-image: linear-gradient(to top,rgba(0,0,0,0)0%,rgba(0,0,0,1)13vh)}
#rpc header.pq img{object-position: 8%}
#fg-w-bashir{margin-bottom: 1lh}

#aic{
    -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)50%,rgba(0,0,0,1)75%,rgba(0,0,0,0)100%);
    mask-image: linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)50%,rgba(0,0,0,1)75%,rgba(0,0,0,0)100%);
    margin-top: -21%;
    position: relative;
    z-index: -1;
    animation: none!important
}

#aic-2007{margin: -13% auto 0}
#aic-2007+p.h3{margin-top: 1lh}

@media(min-width:calc(100ch + 2em)){
    #rpc>div:first-of-type{
        position: relative;
        margin-top: 0;
    }
    
    #rpc :is(header,figure:not(#burned-church),p){
        position: relative;
        z-index: 2
    }
    
    #rpc header.pq{
        padding-bottom: 2.618em;
        width: 100%!important;
        align-items: flex-start;
        -webkit-mask-image: linear-gradient(to top,rgba(0,0,0,0)0%,rgba(0,0,0,1)21vh);
        mask-image: linear-gradient(to top,rgba(0,0,0,0)0%,rgba(0,0,0,1)21vh);
    }
    
    #rpc hgroup{
        width: min(100% - 2em,100ch)!important;
        margin-right: auto!important;
        margin-top: 13vh!important;
    }
    
    #fg p.h4{margin-top: 2.618em}
    .grid.two + .grid.two{margin-top: 2lh}
    
    #aic{
        margin-top: -38%;
        position: relative;
        z-index: -1
    }
    
    #aic-2007{margin: -17% auto 0}
}
  
/*PARALLAX*/
#loruba.pq{
    margin-block:-17vh -21vh;
    z-index: -1
}
:is(.sda,.sda-pf) #loruba.pq{margin-block:-21vh -13vh}
#loruba img{object-position: 25%}

@media(min-aspect-ratio:1/1) and (min-width:calc(100ch + 2em)){
    @keyframes aic-out{to{transform: translateY(21vh)}}
    :is(.sda,.sda-pf) #loruba.pq{margin-top: -5lh}
    :is(.sda,.sda-pf) #rpc header + p.h3{margin-block: 0}
    #new-gen header{align-items: flex-start}
    
    #new-gen hgroup{
        width: 62vw;
        margin-top: 1lh;
        margin-right: 5vw
    }
}