.header{
    min-height:84px;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 72px;
    border-bottom:1px solid #ececec;
    background:white;
}

.logo a{
    text-decoration:none;
    display:flex;
    align-items:center;
}

/* Hide text but keep accessible name */
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

/* Crop the square PNG to remove whitespace */
.logo-crop{
    display:block;
    width:160px;
    height:44px;
    overflow:hidden;
}

.logo-img{
    width:160px;
    height:160px;
    display:block;
    object-fit:cover;
    object-position:center;
    transform:translateY(-58px);
}

.right{
    display:flex;
    align-items:center;
    gap:18px;
}

.right-mobile{
    display:none;
}

.email{
    color:#475569;
    font-size:1rem;
}

.link{
    color:#475569;
    text-decoration:none;
    font-size:1rem;
}

button.link{
    border:0;
    background:transparent;
    padding:0;
    cursor:pointer;
    font:inherit;
    color:#475569;
}

.link:hover,
button.link:hover{
    color:#111827;
}

.cta{
    text-decoration:none;
    background:#050816;
    color:white;
    padding:14px 22px;
    border-radius:10px;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.cta:hover{ opacity:.9; }

/* Burger */
.burger{
    position:relative;
}

.burger-btn{
    list-style:none;
    cursor:pointer;
    border:1px solid #e2e8f0;
    background:white;
    border-radius:12px;
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.burger-btn::-webkit-details-marker{ display:none; }

.burger-icon{
    position:relative;
    width:18px;
    height:2px;
    background:#0f172a;
    border-radius:2px;
}

.burger-icon::before,
.burger-icon::after{
    content:"";
    position:absolute;
    left:0;
    width:18px;
    height:2px;
    background:#0f172a;
    border-radius:2px;
}

.burger-icon::before{ top:-6px; }
.burger-icon::after{ top:6px; }

.burger-panel{
    position:absolute;
    right:0;
    top:54px;
    min-width:220px;
    border:1px solid #e2e8f0;
    background:white;
    border-radius:14px;
    padding:12px;
    box-shadow:0 10px 25px rgba(15,23,42,.08);
    display:flex;
    flex-direction:column;
    gap:12px;
    z-index:30;
}

.burger[open] .burger-btn{
    border-color:#cbd5e1;
}

.burger-sep{
    height:1px;
    background:#eef2f7;
}

.burger-email{
    font-size:.95rem;
    color:#64748b;
    word-break:break-word;
}

/* =======================
RESPONSIVE
======================= */

@media(max-width:900px){
    .header{ padding:0 24px; }
}

@media(max-width:640px){
    .email{ display:none; }
    .link{ font-size:.95rem; }
    .cta{ padding:12px 16px; }
}

@media(max-width:480px){
    .header{
        padding:12px 16px;
        align-items:flex-start;
    }

    .logo-crop{ width:132px; height:40px; }
    .logo-img{ width:132px; height:132px; transform:translateY(-46px); }

    .right-desktop{ display:none; }
    .right-mobile{ display:flex; }

    .burger-panel .cta{ width:100%; }
}