.header-scale hgroup{transform: translateY(calc(var(--width)*.5625 - 2.618em))scale(1)}

#church-ls{
    -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: -65% 0;
    position: relative;
    z-index: -1
}

#mtns{margin-top: -5vh}
#kuku.pq{margin-block: -13vh 0}

@keyframes pq-out{
    70%{opacity: 1}
    85%{opacity: 0}
    100%{
        opacity: 0;
        transform: translateY(13vh);
    }
}

#kuku.pq .bg{
    -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)35%);
    mask-image: linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)35%);
}

:is(.sda,.sda-pf) #kuku.pq .bg{
    margin-block: -21vh 0;
    transform: translateY(3vh);
    animation: pq-bg linear both;
    animation-timeline: view(block);
    animation-range: cover 0% cover 100%;
}

@keyframes pq-bg{to{transform: translateY(8vh)}}

#hill{
    margin-top: -8vh;
    position: relative
}

:is(.sda,.sda-pf) #hill{margin-top: -5vh}
section section hgroup{width: min(100% - 2em,var(--ch-unit)*100)}
#hill h2{text-wrap:balance}
:is(.sda,.sda-pf) #mtns{margin-top: 0}

@media(min-aspect-ratio:1/1) and (min-width:calc(100ch + 2em)){
    #kuku.pq{margin-block: -18vh 0}
    :is(.sda,.sda-pf) #kuku.pq{margin-block: -28vh 0}
    :is(.sda,.sda-pf) #kuku.pq .bg{transform: translateY(5vh)}
    @keyframes pq-bg{to{transform: translateY(13vh)}}
    #hill{margin-top: -18vh}
    :is(.sda,.sda-pf) #hill{margin-top: -8vh}
    #mtns{margin-top: -21vh}
    :is(.sda,.sda-pf) #mtns{margin-top: -13vh}
}

@media(min-aspect-ratio:1/1){
    #church-ls{
        -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,1)50%,rgba(0,0,0,1)80%,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)80%,rgba(0,0,0,0)100%);
        margin-block: -55% 0;
    }
}