/* ══════════════════════════════════════════
   FOOTER — two-tier: brand + link columns, then baseline
   ══════════════════════════════════════════ */
.footer {
    position: relative;
    z-index: 1;
    background: #100F0E;
    border-top: 1px solid rgba(255, 255, 255, 0.28);
}

.footer_main {
    display: flex;
    justify-content: space-between;
    gap: 48px;
    flex-wrap: wrap;
    padding: 28px 0 26px;
}

/* Brand block — logo, socials, copyright evenly stacked */
.footer_brand {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 340px;
}
.footer_logo img {
    height: 30px;
    width: auto;
    display: block;
}
.footer_socials {
    display: flex;
    gap: 10px;
    /* Center the 40px round buttons on the owl circle of the logo
       (logo circle center sits 15px from the left edge) */
    margin-left: -5px;
}

/* Link columns */
.footer_cols {
    display: flex;
    gap: 72px;
    flex-wrap: wrap;
}
.footer_col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer_col_head {
    font-family: 'Source Sans 3', system-ui, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 2px;
}
.footer_col a {
    font-family: 'Source Sans 3', system-ui, sans-serif;
    font-size: 14px;
    color: rgba(232, 224, 212, 0.5);
    text-decoration: none;
    transition: color 0.2s;
    width: fit-content;
}
.footer_col a:hover {
    color: #FFFFFF;
}

.footer_copyright {
    font-family: 'Source Sans 3', system-ui, sans-serif;
    font-size: 13px;
    color: rgba(232, 224, 212, 0.35);
}

/* ══════════════════════════════════════════
   FOOTER RESPONSIVE
   ══════════════════════════════════════════ */
@media (max-width: 900px) {
    .footer_main {
        flex-direction: column;
        gap: 28px;
        padding: 26px 0 24px;
    }
    .footer_cols {
        gap: 24px 56px;
    }
}

@media (max-width: 560px) {
    .footer_cols {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 28px 24px;
    }
    .footer_bottom {
        padding: 16px 0;
    }
    .footer_copyright {
        font-size: 12px;
    }
}