/*
============================================================
P029M23B — HOME HEADER PROFESSIONAL
Paint safe:
no blur / no filter / no radial / no animation
============================================================
*/


/* ========================================================
   HEADER SURFACE
   ======================================================== */

.ph-header {
    position: relative;

    z-index: 50;

    background:
        linear-gradient(
            180deg,
            #061720 0%,
            #06151d 100%
        ) !important;

    border-bottom:
        1px solid rgba(105,220,237,.10);

    box-shadow:
        0 1px 0 rgba(255,255,255,.02) !important;
}


.ph-header::before {
    display:none !important;
}


/* ========================================================
   INNER GRID
   ======================================================== */

.ph-header-inner {
    min-height:
        clamp(76px,6vw,88px);

    display:grid !important;

    grid-template-columns:
        minmax(155px,auto)
        minmax(0,1fr)
        minmax(150px,auto);

    align-items:center;

    column-gap:
        clamp(28px,4vw,64px);
}


/* ========================================================
   LOGO
   ======================================================== */

.ph-brand {
    display:flex !important;

    align-items:center;

    min-width:0;
}


.ph-brand-logo {
    width:
        clamp(148px,11vw,176px) !important;

    max-width:none !important;

    height:auto;

    filter:none !important;

    transform:none !important;
}


/* ========================================================
   NAVIGATION
   ======================================================== */

.ph-nav {
    display:flex !important;

    align-items:center;

    justify-content:center;

    gap:
        clamp(24px,2.8vw,44px);

    min-width:0;
}


.ph-nav a {
    position:relative;

    min-height:44px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:
        0 2px 2px;

    color:
        rgba(236,245,248,.78) !important;

    font-size:
        clamp(13.5px,1vw,15px) !important;

    font-weight:
        680 !important;

    line-height:1;

    letter-spacing:0;

    text-decoration:none;

    white-space:nowrap;
}


.ph-nav a:hover,
.ph-nav a:focus-visible {
    color:#7ce5ee !important;
}


/* existing underline simplified */

.ph-nav a::after {
    height:1px !important;

    bottom:7px !important;

    background:#68dce8 !important;

    box-shadow:none !important;
}


/* ========================================================
   PRIMARY CTA
   ======================================================== */

.ph-header-cta {
    min-width:
        clamp(142px,11vw,166px);

    min-height:46px;

    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    padding:
        0 18px !important;

    border:
        1px solid rgba(105,225,239,.34) !important;

    border-radius:
        10px !important;

    background:
        linear-gradient(
            180deg,
            #73e3ec,
            #55ccd8
        ) !important;

    color:
        #06212a !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    text-decoration:none;

    box-shadow:none !important;

    transform:none !important;
}


.ph-header-cta:hover,
.ph-header-cta:focus-visible {
    background:
        linear-gradient(
            180deg,
            #82eaf1,
            #64d9e3
        ) !important;

    transform:none !important;
}


/* ========================================================
   07 — MULTIMEDIA NUMBER
   ======================================================== */

.ph-teaser-heading-meta {
    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:24px;

    margin-bottom:15px;
}


.ph-teaser-heading-meta .ph-teaser-kicker {
    margin-bottom:0 !important;
}


.ph-teaser-number {
    color:
        #d7b35e;

    font-size:
        clamp(42px,5vw,68px);

    font-weight:
        300;

    line-height:.9;

    letter-spacing:-.04em;
}


/* ========================================================
   MOBILE / TABLET
   ======================================================== */

@media (max-width:960px) {

    .ph-header-inner {
        grid-template-columns:
            auto 1fr auto;

        column-gap:20px;
    }

    .ph-nav {
        gap:20px;
    }

    .ph-nav a {
        font-size:13px !important;
    }

    .ph-header-cta {
        min-width:132px;
    }
}


@media (max-width:760px) {

    .ph-header-inner {
        min-height:70px;

        grid-template-columns:
            1fr auto;

        column-gap:16px;
    }

    .ph-nav {
        display:none !important;
    }

    .ph-brand-logo {
        width:
            clamp(132px,34vw,150px) !important;
    }

    .ph-header-cta {
        min-width:126px;

        min-height:42px;

        padding:
            0 14px !important;

        font-size:
            12px !important;
    }

    .ph-teaser-number {
        font-size:46px;
    }
}


@media (max-width:430px) {

    .ph-header-inner {
        column-gap:10px;
    }

    .ph-brand-logo {
        width:122px !important;
    }

    .ph-header-cta {
        min-width:112px;

        padding:
            0 11px !important;
    }
}


/* END P029M23B */