/* NWZpro Laboratory — Header V2 */

.site-header-v2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    min-height: 142px;
    padding: 22px 6%;
    overflow: hidden;
    background: #f4f0e6;
    color: #17252d;
    border-bottom: 4px solid #d7bb64;
}

/* Subtle topographic-inspired pattern */
.site-header-v2::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .28;
    pointer-events: none;
    background:
      repeating-radial-gradient(
        ellipse at 78% -140%,
        transparent 0,
        transparent 26px,
        #c5bca8 27px,
        transparent 28px,
        transparent 48px
      );
}

.site-header-v2 > * {
    position: relative;
    z-index: 1;
}

.site-header-v2 .header-identity {
    display: flex;
    align-items: center;
    gap: 25px;
}

.site-header-v2 .header-logo {
    display: block;
    width: clamp(190px, 19vw, 260px);
    height: auto;
}

.site-header-v2 .header-divider {
    width: 1px;
    height: 68px;
    background: #8c897e;
}

.site-header-v2 .header-description {
    font-size: 10px;
    line-height: 2;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.site-header-v2 nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 25px;
}

.site-header-v2 nav a {
    margin: 0;
    color: #23333c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-decoration: none;
}

.site-header-v2 nav a:hover,
.site-header-v2 nav a:focus-visible {
    color: #a67b00;
    text-decoration: underline;
    text-underline-offset: 7px;
}

@media (max-width: 900px) {
    .site-header-v2 {
        flex-direction: column;
        align-items: flex-start;
        padding: 25px 6%;
    }

    .site-header-v2 nav {
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {
    .site-header-v2 .header-logo {
        width: 175px;
    }

    .site-header-v2 .header-description {
        font-size: 8px;
        letter-spacing: 1px;
    }

    .site-header-v2 .header-identity {
        gap: 14px;
    }

    .site-header-v2 .header-divider {
        height: 52px;
    }

    .site-header-v2 nav {
        gap: 15px;
    }
}

/* Lab V2 — hero spacing refinement */
@media (min-width: 851px) {
    .hero {
        min-height: 620px;
        padding-top: 75px;
        padding-bottom: 100px;
    }
}