.site-header {
    background: rgba(15, 51, 47, .97);
    border-bottom-color: rgba(255, 255, 255, .1);
}

.brand-wordmark {
    align-items: baseline;
    color: #fff;
    display: inline-flex;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
}

.brand-wordmark .brand-metrics {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 31px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: -1.8px;
}

.brand-wordmark .brand-factory {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 29px;
    font-style: normal;
    font-weight: 750;
    letter-spacing: -1.8px;
    margin-left: 4px;
}

.brand-wordmark i {
    background: #ef7653;
    height: 9px;
    margin-left: 4px;
    width: 9px;
}

.site-header nav a { color: #fff; }
.site-header .nav-cta { background: #ef7653; color: #132525; }
.site-header .nav-toggle span { background: #fff; }

@media (max-width: 850px) {
    .site-header nav { background: #0f332f; }
}

@media (max-width: 560px) {
    .brand-wordmark .brand-metrics { font-size: 27px; }
    .brand-wordmark .brand-factory { font-size: 25px; }
}