.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(17,60,93,.08);
}

.site-header__bar {
    color: #fff;
    background: var(--gcik-navy);
}

.site-header__bar-inner {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    font-size: .69rem;
    font-weight: 700;
    letter-spacing: .035em;
}

.site-header__bar-inner p {
    margin: 0;
    color: rgba(255,255,255,.78);
}

.site-header__bar-inner a {
    color: #fff;
}

.site-header__main {
    min-height: 88px;
    display: grid;
    grid-template-columns: 245px 1fr auto;
    align-items: center;
    gap: 30px;
}

.site-brand {
    display: inline-flex;
    align-items: center;
}

.site-brand img,
.site-brand .custom-logo {
    width: min(100%, 230px);
    max-height: 62px;
    object-fit: contain;
    object-position: left center;
}

.primary-nav {
    justify-self: center;
}

.primary-nav__menu {
    display: flex;
    align-items: center;
    gap: clamp(16px, 1.7vw, 28px);
    margin: 0;
    padding: 0;
    list-style: none;
}

.primary-nav__menu li {
    position: relative;
}

.primary-nav__menu a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--gcik-ink);
    font-size: .78rem;
    font-weight: 750;
}

.primary-nav__menu a:hover,
.primary-nav__menu a:focus-visible {
    color: var(--gcik-red);
}

.primary-nav__menu .current-menu-item > a {
    color: var(--gcik-red);
}

.nav-toggle {
    display: none;
    width: 46px;
    height: 46px;
    padding: 10px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border: 1px solid var(--gcik-border);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
}

.nav-toggle__line {
    width: 22px;
    height: 2px;
    background: var(--gcik-ink);
    transition: transform .2s ease, opacity .2s ease;
}


/* Phase 03 brand hardening */
.site-brand {
    width: 230px;
    min-width: 0;
    overflow: hidden;
}

.site-brand > img {
    display: block;
    width: 100%;
    height: 62px;
    object-fit: contain;
    object-position: left center;
}

.site-brand .custom-logo-link,
.site-brand .custom-logo {
    display: none !important;
}


/* Phase 04 — social top bar */
.site-social {
    display: flex;
    align-items: center;
    gap: 7px;
}

.site-social__link {
    display: inline-grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    color: #fff;
    background: rgba(255,255,255,.06);
    transition:
        transform .2s ease,
        background-color .2s ease,
        border-color .2s ease;
}

.site-social__link svg {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

.site-social__link:hover,
.site-social__link:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.48);
    background: rgba(255,255,255,.16);
}

.site-social__link--pending {
    cursor: default;
    opacity: .62;
}

.site-social__link--pending:hover {
    transform: none;
    border-color: rgba(255,255,255,.18);
    background: rgba(255,255,255,.06);
}

.site-social__link .social-dot {
    fill: currentColor;
    stroke: none;
}

@media (max-width: 900px) {
    .site-header__bar {
        display: block;
    }

    .site-header__bar-inner {
        min-height: 32px;
    }

    .site-header__bar-inner p {
        font-size: .62rem;
    }

    .site-social__link {
        width: 25px;
        height: 25px;
    }
}

@media (max-width: 560px) {
    .site-header__bar-inner {
        gap: 12px;
    }

    .site-header__bar-inner p {
        max-width: 58%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .site-social {
        gap: 5px;
    }

    .site-social__link {
        width: 23px;
        height: 23px;
    }
}


/* Phase 23 — code-owned premium navigation */
.gcik-nav-parent{display:flex;align-items:center}.gcik-submenu-toggle{display:grid;width:22px;height:34px;place-items:center;margin-left:-5px;padding:0;border:0;background:transparent;cursor:pointer}.gcik-submenu-toggle span{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);color:var(--gcik-ink)}.primary-nav__menu .sub-menu{position:absolute;top:calc(100% + 8px);left:-18px;z-index:50;width:260px;margin:0;padding:10px;list-style:none;border:1px solid var(--gcik-border);border-radius:15px;background:#fff;box-shadow:0 22px 48px rgba(10,45,68,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}.primary-nav__menu .sub-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:14px}.primary-nav__menu .gcik-nav-parent:hover>.sub-menu,.primary-nav__menu .gcik-nav-parent:focus-within>.sub-menu,.primary-nav__menu .gcik-nav-parent.is-submenu-open>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.primary-nav__menu .sub-menu li{display:block}.primary-nav__menu .sub-menu a{display:block;min-height:0;padding:10px 11px;border-radius:9px;color:#28495e;font-size:.72rem;font-weight:700;line-height:1.35}.primary-nav__menu .sub-menu a:hover{background:#f3f7f9;color:var(--gcik-red)}.primary-nav__menu .sub-menu a strong{display:block;color:#15384f;font-size:.77rem}.primary-nav__menu .sub-menu a small{display:block;margin-top:3px;color:#7a8d98;font-size:.62rem;font-weight:550}.primary-nav__menu .gcik-mega-menu{left:50%;display:grid;width:min(760px,70vw);grid-template-columns:repeat(3,minmax(0,1fr));transform:translate(-50%,8px)}.primary-nav__menu .gcik-nav-parent:hover>.gcik-mega-menu,.primary-nav__menu .gcik-nav-parent:focus-within>.gcik-mega-menu,.primary-nav__menu .gcik-nav-parent.is-submenu-open>.gcik-mega-menu{transform:translate(-50%,0)}.gcik-mega-menu__lead{grid-column:1/-1;border-bottom:1px solid var(--gcik-border);margin-bottom:4px;padding-bottom:5px}.site-header__main{grid-template-columns:225px 1fr auto;gap:22px}.primary-nav__menu{gap:clamp(11px,1.3vw,21px)}

.site-social__link--pending{display:none!important}