/* Palette grid */
.brand-palette{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr)); /* mobile: 2 cols */
    gap: 0;
    font-family: adelle-sans, sans-serif;
}
@media (min-width:1024px){
    .brand-palette{
        grid-template-columns: repeat(4, minmax(0,1fr)); /* desktop: 4 cols */
    }
    .brand-palette .s1,
    .brand-palette .s2,
    .brand-palette .s3,
    .brand-palette .s4{
        grid-column: span 2;
    }
}
.swatch{
    padding: 1rem 1rem 4rem 1rem;
    min-height: 120px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    box-sizing:border-box;
}
.text-white{ color:#fff; }
.text-blue{ color:#005499; }
.swatch span{
    display:block;
    font-size: .925rem;
    line-height: 1.5;
    font-family: adelle-sans, sans-serif;
}
.swatch span strong{ display:inline-block; margin-right:.25em; }
.s1{ background:#004c9d; }
.s2{ background:#00205b; }
.s3{ background:#9BD3DD; }
.s4{ background:#8D9093; }
.s5{ background:#00ad50; }
.s6{ background:#878CB4; }
.s7{ background:#E1CD00; }
.s8{ background:#F87C56; }