/* HERO 2 ON THE LINK PAGES (field-link-hero.js): the page's own hero ([data-l7-hero]) is not a card — it stands on the page ground over
   the still map of the company's area, faded with the office's corner scrim (--l7-amb-scrim, build 214: light over the top and right,
   near-solid page colour toward the bottom-left). Layers, bottom up: the page ground, the map picture, the fade. Its name is set in the
   Hero 2 type (Geist 200, the giant light figure); its words carry a page-colour halo so they read where the map is clear. The page's own
   cards inside and below stay the working glass. Day and night follow the page. */
html.lh-on { --lh-field: var(--l7-amb-base, var(--pr-field, var(--bg, #f3f5f3))); --lh-ink: var(--pr-ink, var(--l7-amb-ink, #15201a)); }
/* gw4-web (10 Nov): this file is the ONE owner of the link hero's surface. Each page's purpose sheet paints its hero card only while the
   hero is not the link hero ([data-l7-hero]:not(.lh-hero)), so nothing here needs !important or repeated class/id weight to erase it. */
html.lh-on .lh-hero[data-l7-hero] { position: relative; isolation: isolate; background: none; box-shadow: none; border: 0; border-radius: 0;
  -webkit-backdrop-filter: none; backdrop-filter: none; overflow: visible; }
html.lh-on .lh-hero[data-l7-hero]::before, html.lh-on .lh-hero[data-l7-hero]::after { display: none; }
html.lh-on .lh-ground-host { position: relative; isolation: isolate; }
html.lh-on .lh-ground-host > .lh-ground { position: absolute; z-index: -1; top: -100px; left: 0; width: 100vw; height: 880px; pointer-events: none; overflow: hidden; opacity: 1;
  background: transparent no-repeat center top / 100vw 880px; --fh-field: var(--lh-field);
  -webkit-mask-image: linear-gradient(180deg, #000 0, #000 86%, transparent 100%); mask-image: linear-gradient(180deg, #000 0, #000 86%, transparent 100%); }
html.lh-on .lh-ground-host > .lh-ground::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to bottom left, color-mix(in srgb, var(--lh-field) 30%, transparent) 0%, color-mix(in srgb, var(--lh-field) 36%, transparent) 45%, color-mix(in srgb, var(--lh-field) 85%, transparent) 78%, color-mix(in srgb, var(--lh-field) 97%, transparent) 100%); }
html.lh-on[data-theme="dark"] .lh-ground-host > .lh-ground::after, html.lh-on.nf-night .lh-ground-host > .lh-ground::after {
  background: linear-gradient(to bottom left, color-mix(in srgb, var(--lh-field) 28%, transparent) 0%, color-mix(in srgb, var(--lh-field) 32%, transparent) 45%, color-mix(in srgb, var(--lh-field) 82%, transparent) 78%, color-mix(in srgb, var(--lh-field) 97%, transparent) 100%); }
@media (prefers-color-scheme: dark) { html.lh-on:not([data-theme="light"]) .lh-ground-host > .lh-ground::after {
  background: linear-gradient(to bottom left, color-mix(in srgb, var(--lh-field) 28%, transparent) 0%, color-mix(in srgb, var(--lh-field) 32%, transparent) 45%, color-mix(in srgb, var(--lh-field) 82%, transparent) 78%, color-mix(in srgb, var(--lh-field) 97%, transparent) 100%); } }
/* the name: the Hero 2 figure — one giant light phrase. gw6b (10 Nov): plain rules — each page's purpose sheet sets its own h1 type only
   while that h1 is not the hero's name (h1:where(:not(.lh-name))), so nothing here needs !important or a borrowed id; the name's type is all set here */
html.lh-on h1.lh-name { font-style: normal; font-variant: normal; font-stretch: normal; font-kerning: auto; font-size-adjust: none; font-optical-sizing: auto; font-weight: 200; font-size: clamp(40px, 11vw, 68px); line-height: 1.02; letter-spacing: -.045em; text-wrap: balance; padding-block: .1em; margin-block: -.1em; }   /* the letters' own box (taller than the tight line) stays inside the heading's box; the page's spacing does not move */
html.lh-on :is(.lh-hero, .lh-ground-host > :not(.card, [data-l7-surface])) :is(h1, h2, p, .sub, .k, .v, #eyebrow, [class*="eyebrow"], .lead, small):not(.card *, [data-l7-surface] *, button *, a.btn *) { text-shadow: 0 0 3px var(--lh-field), 0 0 8px var(--lh-field), 0 0 16px var(--lh-field); }
/* less transparency or more contrast: the map leaves; the hero's words stand on the plain page ground */
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) { html.lh-on .lh-ground-host > .lh-ground { display: none; } }
/* the link page's top bar (18 Oct 2026, the truck order's overlap): Settings sat in the middle of the bar, pressed against the company's
   name; it belongs at the bar's right end, as on every field screen */
html.nx-on body[data-l7-field-links] > header.l7-field-bar { display: flex; align-items: center; }
html.nx-on body[data-l7-field-links] > header.l7-field-bar > .nf-theme-btn { margin-left: auto; flex: none; }