@media (min-width: 901px) {
    .hero {
        margin-top: 0 !important;
    }

    .site-header {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 72 !important;
        background: transparent !important;
        transition: none !important;
        transform: none !important;
        will-change: auto !important;
    }

    .site-header.is-hidden {
        transform: none !important;
        pointer-events: auto !important;
    }

    .header-shell,
    .site-header:not(.is-solid) .header-shell,
    .site-header.is-solid .header-shell,
    body.menu-open .header-shell {
        background: transparent !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .site-header:not(.is-solid) .header-shell {
        background: transparent !important;
    }

    .site-header .site-nav,
    .site-header .site-nav a,
    .site-header .brand-copy,
    .site-header .brand-meta,
    .site-header .header-phone,
    .site-header .header-phone-main,
    .site-header .header-phone-meta,
    .site-header .header-icon-link,
    .site-header .menu-toggle {
        color: rgba(255, 255, 255, 0.96) !important;
        text-shadow: 0 1px 12px rgba(0, 0, 0, 0.18) !important;
    }

    .site-header .header-phone-meta {
        color: rgba(255, 255, 255, 0.72) !important;
    }

    .site-header .header-icon-link,
    .site-header .menu-toggle {
        border-color: rgba(255, 255, 255, 0.24) !important;
        background: rgba(255, 255, 255, 0.08) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 10px 20px rgba(0, 0, 0, 0.08) !important;
    }

}

html[data-theme="dark"] .site-header .brand img {
    filter: brightness(0) invert(1) !important;
}

.brand-calligraphy-mark {
    width: auto !important;
    height: clamp(44px, 3.6vw, 64px) !important;
    max-width: none !important;
    object-fit: contain !important;
}

@media (max-width: 900px) {
    .desktop-floating-nav,
    .desktop-floating-contact {
        display: none !important;
    }
}

@media (min-width: 901px) and (max-width: 1240px) {}