h3{margin-bottom: 0!important}
h4,h3+p{margin: 0!important}
h4+p{
    margin-block:1em 2.618em!important;
    border-bottom: 1px dotted #888;
    padding-bottom: 1.618em
}

p+p.h3{margin-top: 2.618em}

section:not(:first-of-type) p:first-of-type{
    margin:2.618em 0 4.236em;
    font-weight: 500;
    color: #333}

section p:first-of-type strong{color: #000}

section footer:not(blockquote footer){
    padding: 1em;
    width: min(100% - 2em, var(--ch-unit,.56125em)*62);
    box-shadow:0 0 1.618em rgba(0,153,255,.05),0 .09em .146em rgba(0,0,102,.05),.09em .146em .236em rgba(0,0,102,.05),.146em .236em .382em rgba(0,0,102,.05)}

/*IMAGE WIPE*/
.img-wipe-section {position: relative}

.img-wipe-container{
    margin-right: 0;
    margin-left: 0;
    height:min(100vh - 2.618em,(100vw - 2em)*1.618);}

.img-wipe-wrapper{height:100%}
.img-wipe{width: 100%}

@media (max-aspect-ratio:1/1) and (max-width:64em){
    .img-wipe-container{
        height:min(100vh - 2.618em,(100vw - 2em)*1.618);
        height: calc(100vmin - 2em)}
    
    .img-wipe-wrapper{
        padding-right: max(1em,((100% - 100ch) / 2));
        padding-left: max(1em,((100% - 100ch) / 2));
        width: 100%;
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory}

    .img-wipe {
        height: 100%;
        flex: 0 0 calc(100vw - 2em);
        position: relative;
        scroll-snap-align: center;
        scroll-snap-stop: always}
    
    .img-wipe img{
        height: min(100%,162vw);
        transition: opacity .5s}
    
    .img-wipe:not(.visible) img{opacity: .5}
        
    .img-wipe-wrapper:has(.img-wipe:first-of-type.visible) ~ button.prev,.img-wipe-wrapper:has(.img-wipe:last-of-type.visible) ~ button.next{
        opacity: 0;
        background: rgba(0,0,0,0);
        transform: scale(.75);
        pointer-events: none}
}

@media (min-aspect-ratio:1/1) and (min-width:64em){
    section:not(:first-of-type) header{margin-top: 4.236em;}
    .img-wipe-section>*:not(.img-wipe-container){
        position: relative;
        width: 50%;
        margin-right: 0;
        margin-left: 0;
        padding-right: calc(5vw - 1em);
        padding-left: calc(5vw - 1em)}
    
    .img-wipe-section:nth-of-type(even)>*{
        margin-right: 0;
        margin-left: auto}
    
    .img-wipe-container{
        margin-top: 0;
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0}
    
    section p:not(blockquote p){text-align: justify}
    .img-wipe-section:nth-of-type(odd) .img-wipe-container,.img-wipe-section:nth-of-type(odd) .img-wipe img{right: 0}
    .img-wipe-section:nth-of-type(even) .img-wipe-container,.img-wipe-section:nth-of-type(even) .img-wipe img{left: 0}
    
    .img-wipe{
        height: calc(100% / var(--img-count));
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)}
    
    .img-wipe img{
        width: 50vw;
        height: calc(100vh - 2.618em);
        position: fixed;
        top: 2.618em}
    
    .img-wipe:first-of-type{
        position: sticky;
        top: 2.618em}
    
    .img-wipe:first-of-type img{position: initial}
}



/*CUSTOM*/
@media (max-aspect-ratio:1/1) and (max-width:64em){
    #thank-you p+figure{display: block}
}

@media (min-aspect-ratio:1/1) and (min-width:64em){
    #thank-you .img-wipe-container{display: block}
    #thank-you .img-wipe img{position: sticky}
}