/* ── header — fixed, transparent over the hero, white on hover/scroll ──── */
:root{--hdr-h:clamp(132px,11.25vw,216px)}

.hdr{position:fixed;inset-inline:0;top:0;z-index:60;height:var(--hdr-h);color:#fff;transition:background .3s,box-shadow .3s}
/* Figma: two stacked black→transparent gradients over the top 216px */
.hdr::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,0) 100%);transition:opacity .3s;pointer-events:none}
.hdr__bar{position:relative;height:100%;padding:clamp(14px,1.56vw,30px) clamp(16px,2.08vw,40px) 0}
.hdr__row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}

/* dual logo — centred, 242×96 @1920 */
.hdr__logo{position:absolute;top:clamp(6px,.365vw,7px);left:50%;transform:translateX(-50%);width:clamp(150px,12.63vw,242px);line-height:0}
.hdr__logo-img{width:100%;height:auto;transition:opacity .3s}
.hdr__logo-img--b{position:absolute;inset:0;opacity:0}

/* right CTA (visual left in RTL) */
.hdr__cta{padding-inline:clamp(16px,1.35vw,26px) clamp(12px,1.04vw,20px);gap:7px;height:clamp(38px,2.4vw,46px);border-width:2px}
.hdr__cta svg{width:clamp(18px,1.25vw,24px);height:clamp(18px,1.25vw,24px)}

/* phone pill */
.hdr__side{display:flex;align-items:center;gap:14px}
.hdr__phone{display:flex;align-items:center;gap:9px;height:clamp(38px,2.4vw,46px);padding-inline:clamp(12px,1.04vw,20px) clamp(16px,1.4vw,27px);border-radius:60px;background:#fff;color:var(--ink)}
.hdr__phone-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.hdr__phone-lbl{font-size:clamp(12px,.78vw,15px);line-height:1.35}
.hdr__phone-num{font-weight:700;font-size:clamp(16px,1.042vw,20px);line-height:1.25}
.hdr__phone-ic{width:clamp(16px,1.04vw,20px);height:clamp(16px,1.04vw,20px);flex:none;transform:scaleX(-1)}
.hdr__phone:hover{background:var(--gold-grad)}

/* nav */
.nav{display:flex;justify-content:center;align-items:center;gap:clamp(16px,2.4vw,46px);margin:clamp(22px,2.4vw,46px) 0 0;padding:0;list-style:none}
.nav .item{position:relative}
.nav a{display:block;font-size:clamp(14px,1.042vw,20px);line-height:18px;white-space:nowrap;position:relative}
.nav a::after{content:"";position:absolute;inset-inline:0;bottom:-7px;height:1px;background:var(--gold-grad);transform:scaleX(0);transition:transform .25s}
.nav a:hover::after{transform:scaleX(1)}

/* burger — mobile only */
.hdr__burger{display:none;width:34px;height:24px;position:relative}
.hdr__burger span,.hdr__burger::before,.hdr__burger::after{content:"";position:absolute;inset-inline:0;height:2px;background:currentColor;transition:all .25s}
.hdr__burger::before{top:2px}
.hdr__burger span{top:11px}
.hdr__burger::after{bottom:2px}

/* ── white state (hover / scrolled) ───────────────────────────────────── */
/* scrolled: the bar shrinks to its content (the 216px Figma height belongs to the
   transparent state over the hero; keeping it white leaves a big empty strip) */
@media(min-width:768px){
	.hdr.is-white{height:auto}
	.hdr.is-white .hdr__bar{padding-block:clamp(10px,1.04vw,20px) clamp(10px,.94vw,18px)}
	.hdr.is-white .nav{margin-top:clamp(14px,1.35vw,26px)}
	.hdr.is-white .hdr__logo{top:clamp(4px,.26vw,5px);width:clamp(128px,10.4vw,200px)}
}
.hdr.is-white,.hdr:hover{background:#fff;color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.12)}
.hdr.is-white::before,.hdr:hover::before{opacity:0}
.hdr.is-white .hdr__logo-img--w,.hdr:hover .hdr__logo-img--w{opacity:0}
.hdr.is-white .hdr__logo-img--b,.hdr:hover .hdr__logo-img--b{opacity:1}
.hdr.is-white .hdr__cta,.hdr:hover .hdr__cta{color:var(--ink)}
.hdr.is-white .hdr__cta:hover,.hdr:hover .hdr__cta:hover{color:var(--ink)}
.hdr.is-white .hdr__phone,.hdr:hover .hdr__phone{background:var(--gold-grad)}

/* ── mobile ───────────────────────────────────────────────────────────── */
@media(max-width:767px){
	:root{--hdr-h:60px}
	.hdr__bar{padding:0 16px;display:flex;align-items:center}
	.hdr__row{width:100%;align-items:center}
	.hdr__logo{position:relative;top:auto;left:auto;transform:none;width:113px;margin-inline-start:auto}
	.hdr__cta,.hdr__phone,.nav{display:none}
	.hdr__logo{margin-inline-end:-5px}
	/* 26px gold burger, short middle bar flush right (Figma 1026:5045) */
	.hdr__burger{display:block;width:26px;height:21px;top:-2px;margin-inline-start:-4px}
	.hdr__burger span,.hdr__burger::before,.hdr__burger::after{height:2px;border-radius:1px;background:var(--gold-grad)}
	.hdr__burger::before{top:0}
	.hdr__burger span{top:9.5px;inset-inline:0 auto;width:18px}
	.hdr__burger::after{bottom:0}
}