main{color:#333}
blockquote,h1,h2,h3,h4,a[class]{font-family: 'roboto flex',roboto,system-ui;}
header.no-img{padding-block: 2.618em!important}

blockquote>*{
    text-align: center;
    display: block
}

blockquote{
    margin-block:0;
    border: none;
    padding: 0;
    line-height: .6
}

blockquote p{
    font-weight: 610!important;
    font-stretch: 55%;
    text-transform: uppercase;
    color: #333;
    font-variation-settings:"GRAD" -144;
}

blockquote p b{
    font-weight: 610;
    font-variation-settings:"GRAD" 144;
}
            
blockquote span span{
    font-weight: 610;
    font-variation-settings:"GRAD" -144;
}

blockquote footer{
    font-stretch: 144%;
    text-align: center
}

main :is(ul,ol){margin-top: 0}

h1,h2,h3,h4{
    font-stretch: 144%;
    font-weight: 610!important;
}

h2{
    font-variation-settings:"GRAD" 144;
}

.primary{
    font-weight: 377;
    font-stretch: 144%;
}

main :is(strong,h1,h2,h3,h4,summary){color:#000}      
:where(main>:last-child) {padding-bottom: 4.236em}
section:not(:first-of-type) .card h3{font-size: var(--h4)}
section:not(:first-of-type) .card p{font-size: var(--small)}

main>footer{
    background: #222!important;
    color:#ddd;
    font-weight: 300;
}

.sticky-sidebar .card{
    text-align: left
}

.sticky-sidebar .card p{
    font-size: var(--small);
}

.sticky-sidebar .card p:first-of-type{margin-top: .618em}

main>footer h3{color: #ddd}
section:last-of-type{padding-bottom: 2.618em}
section:last-of-type figure{width: 100%}
section:last-of-type figure p{
    text-align: center;
    text-wrap:balance;
    font-stretch: 144%;
}

section:last-of-type figcaption{
    margin: 0;
    padding: 0;
    text-align: center;
    font-stretch: 144%
}