/* ── Self-hosted fonts ───────────────────────────────────────────────────── */
@font-face {
    font-family: 'Host Grotesk';
    src: url("../fonts/HostGrotesk.92cfa8e47ef4.woff2") format('woff2'),
         url("../fonts/HostGrotesk.8c1e1fa3ee43.ttf") format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Host Grotesk';
    src: url("../fonts/HostGrotesk-Italic.100a24c02b66.woff2") format('woff2'),
         url("../fonts/HostGrotesk-Italic.85fb842125b8.ttf") format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans.0ac80d04b407.woff2") format('woff2'),
         url("../fonts/OpenSans.48354b8652d3.ttf") format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-Italic.13021fb0c6fb.woff2") format('woff2'),
         url("../fonts/OpenSans-Italic.3c131d9e0053.ttf") format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* Global Styles for Logit */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    color: #101010;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Host Grotesk', sans-serif;
}

.footer-branding-red {
    background-color: #F11924;
    color: white;
    padding: 4px 12px;
    border-radius: 6px;
    display: inline-block;
    font-family: 'Host Grotesk', sans-serif;
}

.footer-text-light {
    color: #B4CEFF !important;
    font: normal normal normal 18px/24px 'Host Grotesk', sans-serif !important;
    text-decoration: none;
}

.font-host {
    font-family: 'Host Grotesk', sans-serif !important;
}

/* Blog Specific Styles */
.blog-header {
    font: normal normal bold 70px/70px 'Host Grotesk';
    letter-spacing: 0px;
    color: #111111;
}

.blog-category-btn {
    font: normal normal bold 20px/30px 'Host Grotesk';
    letter-spacing: 0.6px;
    transition: all 0.3s;
    padding-bottom: 8px;
    border-bottom: 3px solid transparent;
}

.blog-category-btn.active {
    color: #F11924;
    border-bottom: 3px solid #F11924;
}

.blog-card-title {
    font: normal normal bold 28px/35px 'Host Grotesk';
    letter-spacing: 0px;
    color: #101010;
    line-height: 1.25;
}

.blog-label-date {
    background: #DFE0E2 0% 0% no-repeat padding-box;
    border-radius: 34px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    font: normal normal medium 16px/22px 'Open Sans';
    letter-spacing: 0.48px;
    color: #1F2C44;
}

.blog-label-category {
    background: #FBD6D8 0% 0% no-repeat padding-box;
    border-radius: 34px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    font: normal normal medium 16px/22px 'Open Sans';
    letter-spacing: 0.48px;
    color: #F11924;
}

.blog-load-more {
    background: #DEDEDE 0% 0% no-repeat padding-box;
    border-radius: 34px;
    font: normal normal bold 18px/24px 'Host Grotesk';
    letter-spacing: 0.54px;
    color: #FFFFFF;
}