/* -- Above The Fold v2: transparent header over hero ---------------------- */
/* Scoped to the homepage ATF so inner-page headers (no hero behind them)     */
/* are unaffected. The header is lifted out of flow and overlays the top of   */
/* the mainstage; the hero background fills up behind it. It scrolls away      */
/* with the page (no sticky/scroll-follow).                                    */

.atf-ovlp {
	position: relative;
}

.atf-ovlp .hdr {
	position: absolute;
	inset: 0 0 auto 0; /* top:0; left:0; right:0 */
	z-index: 20;

	/* Fully transparent — the hero shows through completely. */
	background: transparent;
}

/* Fold the announcement bar into the same glass surface instead of showing
   its own opaque background box. */
.atf-ovlp .hdr .ann-bnr {
	background: transparent;
	box-shadow: none;
}

/* Over the transparent hero, force all header text white. Driven through the
   palette tokens (not element `color`) so it flows to text, links, headings
   and phone. `.ulk-bg`/`.lk-bg` are included because the announcement bar
   (`.ann-bnr .ulk-bg`) is otherwise flipped back to the light palette (dark
   text) by the color system, even though its box background is transparent. */
.atf-ovlp .hdr,
.atf-ovlp .hdr :is([data-colors], .ulk-bg, .lk-bg, .alt-bg) {
	--text-color: var(--dk-txt);
	--link-color: var(--dk-txt);
	--link-hover: var(--dk-txt);
	--fnt-phn:    var(--dk-txt);
	--title-color: var(--dk-txt);
	--fnt-t-big: var(--dk-txt);
	--fnt-t-co:  var(--dk-txt);
	--fnt-t-k:   var(--dk-txt);
	--fnt-t-1: var(--dk-txt);
	--fnt-t-2: var(--dk-txt);
	--fnt-t-3: var(--dk-txt);
	--fnt-t-4: var(--dk-txt);
	--fnt-t-5: var(--dk-txt);
	--fnt-t-6: var(--dk-txt);
}

/* Push the hero content down so it clears the overlaid transparent header.
   Overrides MainstageV1's own top-padding vars (150 desktop / 60 mobile) and
   is scoped to .atf-ovlp so landing-page MainstageV1 heroes stay unaffected.
   The two numbers below are the knobs — they interpolate responsively between
   the mobile value (at 320px wide) and the desktop value (at 1920px). */
.atf-ovlp .mstg.v1 {
	--mstg-tls-pd-v-tp: 260;     /* desktop top clearance */
	--mstg-tls-pd-v-tp-mbl: 150; /* mobile top clearance  */
}