.site-header{position:fixed;inset:0 0 auto;z-index:var(--z-header);height:5.4rem;display:flex;align-items:center;border-bottom:1px solid transparent;transition:all var(--duration-base)}.site-header.is-scrolled,.site-header:has(.nav-overlay.is-open){background:color-mix(in srgb,var(--color-bg-primary) 91%,transparent);backdrop-filter:blur(18px);border-color:var(--color-border-subtle)}.nav-shell{display:flex;align-items:center;width:min(100% - 2 * var(--gutter),var(--container));margin:auto;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:1.28rem;white-space:nowrap}.brand-mark{width:2.15rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--color-brand-primary);color:var(--color-brand-primary);clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(.8rem,1.5vw,1.65rem);font-size:.86rem}.desktop-nav a:not(.button){position:relative;padding-block:.4rem}.desktop-nav a[aria-current="page"]::after,.desktop-nav a:not(.button):hover::after{content:"";position:absolute;inset:auto 0 -.25rem;height:2px;background:var(--color-brand-accent)}.header-actions{display:flex;align-items:center;gap:.5rem}.menu-toggle{display:none}.theme-toggle,.menu-toggle{border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);min-width:2.75rem;height:2.75rem;cursor:pointer}.theme-toggle{padding:0 .75rem;font-size:.72rem;font-family:var(--font-mono);text-transform:uppercase}.nav-overlay{display:none}.hero{position:relative;min-height:min(58rem,100svh);display:grid;align-items:end;padding:10rem 0 var(--space-7);overflow:hidden;background:var(--color-bg-secondary)}.hero--page{min-height:38rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(15rem,.45fr);gap:var(--space-6);align-items:end;position:relative;z-index:2}.hero h1{max-width:13ch}.hero-copy{margin-top:var(--space-5);font-size:var(--step-1);max-width:42rem}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.hero-aside{border-left:1px solid var(--color-border-strong);padding-left:var(--space-4)}.capability-list{list-style:none;counter-reset:cap}.capability-list li{counter-increment:cap;padding:.7rem 0;border-bottom:1px solid var(--color-border-subtle);font-size:.88rem}.capability-list li::before{content:"0" counter(cap);font-family:var(--font-mono);font-size:.68rem;color:var(--color-brand-accent);margin-right:1rem}.route-line{position:absolute;inset:auto -5% 15% 30%;height:42%;border:1px solid var(--color-border-strong);border-left:0;border-radius:0 50% 50% 0;opacity:.45;transform:rotate(-8deg)}.route-line::before,.route-line::after{content:"";position:absolute;width:.7rem;aspect-ratio:1;border-radius:50%;background:var(--color-brand-accent)}.route-line::before{top:-.35rem;left:35%}.route-line::after{bottom:-.35rem;right:24%}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(3rem,8vw,9rem);align-items:center}.split--reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.offset-up{transform:translateY(calc(-1 * var(--space-7)))}.site-footer{padding:var(--space-7) 0 var(--space-4);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-subtle)}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:var(--space-5)}.footer-grid h3{font-size:1rem;letter-spacing:0;margin-bottom:var(--space-3)}.footer-links{list-style:none}.footer-links a{display:inline-block;color:var(--color-text-secondary);padding:.22rem 0}.footer-bottom{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);font-size:.78rem;color:var(--color-text-muted)}

/* Premium floating navigation system */
.site-header{height:7rem;border:0;background:transparent;transition:height var(--duration-base) var(--ease)}.site-header.is-scrolled{height:5.8rem}.site-header.is-scrolled,.site-header:has(.nav-overlay.is-open){background:transparent;border:0;backdrop-filter:none}.nav-shell{position:relative;min-height:4.9rem;padding:.55rem .65rem .55rem 1rem;color:var(--color-header-text);background:color-mix(in srgb,var(--color-header-bg) 96%,transparent);border:1px solid color-mix(in srgb,var(--color-header-text) 13%,transparent);box-shadow:var(--shadow-lg);backdrop-filter:blur(22px);transition:min-height var(--duration-base) var(--ease),box-shadow var(--duration-base)}.nav-shell::before{content:"";position:absolute;left:0;top:0;width:8.5rem;height:3px;background:var(--color-brand-accent)}.nav-shell::after{content:"";position:absolute;left:8.5rem;right:0;top:0;height:1px;background:color-mix(in srgb,var(--color-header-text) 18%,transparent)}.is-scrolled .nav-shell{min-height:4.35rem;box-shadow:var(--shadow-md)}.brand{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:.8rem;font-weight:700;letter-spacing:-.04em;font-size:1.18rem;line-height:1;color:var(--color-header-text)}.brand::after{content:"Engineering • Mobility • Industry";grid-column:2;display:block;margin-top:.28rem;font:500 .5rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-header-muted)}.brand-mark{position:relative;grid-row:1/3;width:2.65rem;border:1px solid color-mix(in srgb,var(--color-header-text) 35%,transparent);color:var(--color-header-text);font-size:1.15rem;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand-primary) 45%,transparent),transparent)}.brand-mark::before,.brand-mark::after{content:"";position:absolute;background:var(--color-brand-accent)}.brand-mark::before{width:1px;inset:.35rem auto .35rem .32rem}.brand-mark::after{height:1px;inset:auto .35rem .32rem .32rem}.desktop-nav{gap:.15rem;padding:.3rem;background:var(--color-header-panel);border:1px solid color-mix(in srgb,var(--color-header-text) 9%,transparent);font-size:.75rem;font-weight:600}.desktop-nav a:not(.button){padding:.7rem .68rem;color:var(--color-header-muted);transition:color var(--duration-fast),background var(--duration-fast)}.desktop-nav a:not(.button)::before{content:"";position:absolute;left:50%;bottom:.25rem;width:0;height:2px;background:var(--color-brand-accent);transform:translateX(-50%);transition:width var(--duration-base) var(--ease)}.desktop-nav a[aria-current="page"],.desktop-nav a:not(.button):hover{color:var(--color-header-text);background:color-mix(in srgb,var(--color-header-text) 6%,transparent)}.desktop-nav a[aria-current="page"]::before,.desktop-nav a:not(.button):hover::before{width:1.15rem}.desktop-nav a[aria-current="page"]::after,.desktop-nav a:not(.button):hover::after{content:none}.header-actions .button{min-height:3rem;padding-inline:1.1rem;border-color:var(--color-brand-accent);background:var(--color-brand-accent);color:var(--color-header-text)}.header-actions .button::after{content:"↗";font-size:1rem}.theme-toggle,.menu-toggle{height:3rem;border-color:color-mix(in srgb,var(--color-header-text) 15%,transparent);background:var(--color-header-panel);color:var(--color-header-text)}.theme-toggle{padding:0 .7rem;font-size:.6rem;letter-spacing:.06em}.hero{padding-top:12rem}.site-footer .brand{display:inline-grid;color:var(--color-text-primary)}.site-footer .brand-mark{color:var(--color-brand-primary);border-color:var(--color-border-strong)}.site-footer .brand::after{color:var(--color-text-muted)}

/* Landing hero — image, editorial overlay and technical abstraction */
.hero:not(.hero--page)::before{-webkit-mask-image:linear-gradient(90deg,black,transparent 62%)}
body:not(.home-page) .hero:not(.hero--page){min-height:min(58rem,100svh);padding:12rem 0 var(--space-7);color:var(--color-text-primary);background:var(--color-bg-secondary)}body:not(.home-page) .hero:not(.hero--page)::before,body:not(.home-page) .hero:not(.hero--page)::after{content:none}body:not(.home-page) .hero:not(.hero--page) h1{color:var(--color-text-primary);text-shadow:none}body:not(.home-page) .hero:not(.hero--page) .hero-copy{color:var(--color-text-secondary)}body:not(.home-page) .hero:not(.hero--page) .hero-aside{padding-left:var(--space-4);border:0;border-left:1px solid var(--color-border-strong);background:transparent;box-shadow:none;backdrop-filter:none}
.hero:not(.hero--page){isolation:isolate;min-height:max(48rem,100svh);padding:13rem 0 clamp(4rem,8vh,7rem);color:var(--color-header-text);background-color:var(--color-header-bg);background-image:linear-gradient(90deg,color-mix(in srgb,var(--color-header-bg) 98%,transparent) 0%,color-mix(in srgb,var(--color-header-bg) 82%,transparent) 35%,color-mix(in srgb,var(--color-header-bg) 18%,transparent) 70%,color-mix(in srgb,var(--color-header-bg) 5%,transparent) 100%),linear-gradient(0deg,color-mix(in srgb,var(--color-header-bg) 82%,transparent) 0%,transparent 42%),url("../assets/images/hero.png");background-size:cover;background-position:center center;background-repeat:no-repeat}.hero:not(.hero--page)::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--color-header-text) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-header-text) 6%,transparent) 1px,transparent 1px);background-size:clamp(3rem,6vw,6rem) clamp(3rem,6vw,6rem);mask-image:linear-gradient(90deg,black,transparent 62%)}.hero:not(.hero--page)::after{content:"SYSTEMS / DELIVERY / 30+ YEARS";position:absolute;z-index:2;right:var(--gutter);bottom:1.2rem;padding-left:4rem;color:color-mix(in srgb,var(--color-header-text) 58%,transparent);font:500 .58rem/1 var(--font-mono);letter-spacing:.16em;border-left:3rem solid var(--color-brand-accent);pointer-events:none}.hero:not(.hero--page) .hero-grid{z-index:3}.hero:not(.hero--page) h1{max-width:11ch;color:var(--color-header-text);text-wrap:balance;text-shadow:0 .15rem 2rem color-mix(in srgb,var(--color-header-bg) 58%,transparent)}.hero:not(.hero--page) .hero-copy{max-width:38rem;color:color-mix(in srgb,var(--color-header-text) 78%,transparent)}.hero:not(.hero--page) .eyebrow{color:var(--color-brand-accent)}.hero:not(.hero--page) .button--ghost{color:var(--color-header-text);border-color:color-mix(in srgb,var(--color-header-text) 44%,transparent);background:color-mix(in srgb,var(--color-header-bg) 35%,transparent);backdrop-filter:blur(10px)}.hero:not(.hero--page) .button--ghost:hover{border-color:var(--color-header-text);background:color-mix(in srgb,var(--color-header-text) 10%,transparent)}.hero:not(.hero--page) .hero-aside{padding:1.25rem 1.35rem;border:1px solid color-mix(in srgb,var(--color-header-text) 20%,transparent);border-left:3px solid var(--color-brand-accent);background:color-mix(in srgb,var(--color-header-bg) 65%,transparent);box-shadow:var(--shadow-lg);backdrop-filter:blur(16px)}.hero:not(.hero--page) .hero-aside .kicker{color:var(--color-header-muted)}.hero:not(.hero--page) .capability-list li{color:var(--color-header-text);border-color:color-mix(in srgb,var(--color-header-text) 14%,transparent)}.hero:not(.hero--page) .route-line{z-index:1;inset:auto -4% 8% 38%;height:28%;border-width:1px;border-color:color-mix(in srgb,var(--color-header-text) 30%,transparent);box-shadow:0 0 2rem color-mix(in srgb,var(--color-brand-primary) 25%,transparent)}.hero:not(.hero--page) .route-line::before,.hero:not(.hero--page) .route-line::after{box-shadow:0 0 0 .45rem color-mix(in srgb,var(--color-brand-accent) 18%,transparent),0 0 1.4rem var(--color-brand-accent)}

/* Seamless header — no enclosing card */
.site-header{height:6.5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--color-header-bg) 88%,transparent) 0%,color-mix(in srgb,var(--color-header-bg) 45%,transparent) 62%,transparent 100%);border:0}.site-header.is-scrolled,.site-header:has(.nav-overlay.is-open){height:5.35rem;background:color-mix(in srgb,var(--color-header-bg) 91%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-header-text) 10%,transparent);backdrop-filter:blur(20px)}.nav-shell,.is-scrolled .nav-shell{min-height:auto;padding:0;color:var(--color-header-text);background:transparent;border:0;box-shadow:none;backdrop-filter:none}.nav-shell::before,.nav-shell::after{content:none}.brand{font-size:1.14rem}.brand::after{font-size:.47rem}.brand-mark{width:2.25rem;border:0;clip-path:none;background:transparent;font-size:1.25rem}.brand-mark::before{width:2px;inset:.2rem auto .2rem 0;box-shadow:.32rem 0 0 color-mix(in srgb,var(--color-brand-accent) 40%,transparent)}.brand-mark::after{height:2px;inset:auto .1rem .15rem 0}.desktop-nav{gap:clamp(.65rem,1.15vw,1.25rem);padding:0;background:transparent;border:0}.desktop-nav a:not(.button){padding:.75rem 0;color:var(--color-header-muted);background:transparent}.desktop-nav a[aria-current="page"],.desktop-nav a:not(.button):hover{color:var(--color-header-text);background:transparent}.desktop-nav a:not(.button)::before{bottom:.35rem;height:.32rem;width:.32rem;border-radius:50%;opacity:0}.desktop-nav a[aria-current="page"]::before,.desktop-nav a:not(.button):hover::before{width:.32rem;opacity:1}.header-actions{gap:.75rem}.header-actions .button{min-height:auto;padding:.65rem 0;border:0;background:transparent;color:var(--color-header-text)}.header-actions .button:hover{background:transparent;color:var(--color-brand-accent);transform:none}.header-actions .button::after{display:grid;place-items:center;width:2rem;aspect-ratio:1;margin-left:.2rem;border:1px solid color-mix(in srgb,var(--color-header-text) 28%,transparent);border-radius:50%;transition:border-color var(--duration-fast),transform var(--duration-fast)}.header-actions .button:hover::after{border-color:var(--color-brand-accent);transform:rotate(45deg)}.theme-toggle{display:grid;grid-template-columns:repeat(3,1.65rem);align-items:center;width:auto;min-width:0;height:2.25rem;padding:.18rem;border:1px solid color-mix(in srgb,var(--color-header-text) 16%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-header-bg) 38%,transparent);color:var(--color-header-muted);backdrop-filter:blur(10px)}.theme-option{display:grid;place-items:center;height:1.75rem;border-radius:50%;transition:color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.theme-option svg{width:.88rem;height:.88rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-option:hover{color:var(--color-header-text)}.theme-option.is-active{color:var(--color-header-bg);background:var(--color-header-text);box-shadow:var(--shadow-sm);transform:scale(1.02)}.menu-toggle{height:2.5rem;padding-inline:.2rem;border:0;background:transparent;color:var(--color-header-text)}

/* Hero contrast is independent from the navigation theme */
.home-page .hero{color:var(--color-hero-text);background-color:var(--color-hero-bg);background-image:linear-gradient(90deg,color-mix(in srgb,var(--color-hero-bg) 98%,transparent) 0%,color-mix(in srgb,var(--color-hero-bg) 82%,transparent) 35%,color-mix(in srgb,var(--color-hero-bg) 18%,transparent) 70%,color-mix(in srgb,var(--color-hero-bg) 5%,transparent) 100%),linear-gradient(0deg,color-mix(in srgb,var(--color-hero-bg) 82%,transparent) 0%,transparent 42%),url("../assets/images/hero.png")}.home-page .hero::before{background-image:linear-gradient(color-mix(in srgb,var(--color-hero-text) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-hero-text) 6%,transparent) 1px,transparent 1px)}.home-page .hero::after{color:color-mix(in srgb,var(--color-hero-text) 58%,transparent)}.home-page .hero h1{color:var(--color-hero-text);text-shadow:0 .15rem 2rem color-mix(in srgb,var(--color-hero-bg) 58%,transparent)}.home-page .hero .hero-copy{color:color-mix(in srgb,var(--color-hero-text) 78%,transparent)}.home-page .hero .button--ghost{color:var(--color-hero-text);border-color:color-mix(in srgb,var(--color-hero-text) 44%,transparent);background:color-mix(in srgb,var(--color-hero-bg) 35%,transparent)}.home-page .hero .button--ghost:hover{border-color:var(--color-hero-text);background:color-mix(in srgb,var(--color-hero-text) 10%,transparent)}.home-page .hero .hero-aside{border-color:color-mix(in srgb,var(--color-hero-text) 20%,transparent);border-left-color:var(--color-brand-accent);background:color-mix(in srgb,var(--color-hero-bg) 65%,transparent)}.home-page .hero .hero-aside .kicker{color:var(--color-hero-muted)}.home-page .hero .capability-list li{color:var(--color-hero-text);border-color:color-mix(in srgb,var(--color-hero-text) 14%,transparent)}.home-page .hero .route-line{border-color:color-mix(in srgb,var(--color-hero-text) 30%,transparent)}

/* Light navigation remains solid at the top of the page */
[data-theme="light"] .site-header{background:var(--color-header-bg);border-bottom:1px solid var(--color-header-line, var(--color-border-subtle));box-shadow:0 1px 0 color-mix(in srgb,var(--color-header-text) 4%,transparent)}[data-theme="light"] .site-header.is-scrolled,[data-theme="light"] .site-header:has(.nav-overlay.is-open){background:var(--color-header-bg);border-bottom-color:var(--color-border-subtle);box-shadow:var(--shadow-sm);backdrop-filter:none}

/* Expanded corporate navigation hierarchy */
.site-header{height:7rem}.nav-shell{gap:clamp(1rem,1.8vw,2rem)}.brand{font-size:1.3rem;letter-spacing:-.035em}.brand::after{font-size:.5rem}.brand-mark{width:2.5rem;font-size:1.4rem}.desktop-nav{counter-reset:main-nav;margin-left:auto;padding-left:clamp(1rem,1.6vw,1.75rem);gap:clamp(1rem,1.5vw,1.65rem);border-left:1px solid color-mix(in srgb,var(--color-header-text) 16%,transparent);font-size:clamp(.82rem,.72rem + .16vw,.94rem);font-weight:650}.desktop-nav a:not(.button){counter-increment:main-nav;padding:1rem 0 .8rem;letter-spacing:-.01em}.desktop-nav a:not(.button)::after{content:"0" counter(main-nav);position:absolute;left:0;top:.05rem;color:var(--color-brand-accent);font:500 .45rem/1 var(--font-mono);letter-spacing:.08em;opacity:.72}.desktop-nav a:not(.button)::before{bottom:.22rem;width:0;height:1px;border-radius:0;opacity:1}.desktop-nav a[aria-current="page"]::before,.desktop-nav a:not(.button):hover::before{width:100%}.header-actions .button{font-size:.84rem;font-weight:700;letter-spacing:.01em}.theme-control{position:relative;display:inline-flex;flex:0 0 auto}.theme-toggle{display:grid;place-items:center;grid-template-columns:1fr;width:2.65rem;height:2.65rem;padding:0;border:1px solid color-mix(in srgb,var(--color-header-text) 18%,transparent);border-radius:50%;background:color-mix(in srgb,var(--color-header-panel) 76%,transparent);color:var(--color-header-text);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast)}.theme-toggle:hover,.theme-toggle[aria-expanded="true"]{background:var(--color-header-panel);border-color:color-mix(in srgb,var(--color-header-text) 40%,transparent);transform:translateY(-1px)}.theme-current{display:grid;place-items:center}.theme-current svg,.theme-choice svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-menu{position:absolute;z-index:var(--z-modal);top:calc(100% + .7rem);right:0;width:12.5rem;padding:.45rem;background:var(--color-header-bg);border:1px solid color-mix(in srgb,var(--color-header-text) 14%,transparent);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-.45rem);transition:opacity var(--duration-fast),visibility var(--duration-fast),transform var(--duration-fast)}.theme-menu[data-open="true"]{opacity:1;visibility:visible;transform:none}.theme-menu::before{content:"Theme";display:block;padding:.55rem .7rem .45rem;color:var(--color-header-muted);font:500 .55rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.theme-choice{display:grid;grid-template-columns:1.4rem 1fr auto;align-items:center;gap:.65rem;width:100%;padding:.72rem;border:0;background:transparent;color:var(--color-header-muted);text-align:left;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.theme-choice:hover,.theme-choice:focus-visible{background:var(--color-header-panel);color:var(--color-header-text)}.theme-choice.is-active{color:var(--color-header-text);font-weight:700}.theme-choice i{width:.42rem;aspect-ratio:1;border-radius:50%;background:transparent}.theme-choice.is-active i{background:var(--color-brand-accent);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--color-brand-accent) 18%,transparent)}

/* Clean navigation labels */
.desktop-nav{counter-reset:none}.desktop-nav a:not(.button){counter-increment:none}.desktop-nav a:not(.button)::after{content:none}

/* Theme-aware supplied brand artwork */
.site-header .brand,.site-footer .brand{display:block;width:clamp(8.5rem,10vw,10rem);height:auto;aspect-ratio:866/289;background-image:var(--brand-logo-image);background-repeat:no-repeat;background-position:left center;background-size:contain;font-size:0;color:transparent;line-height:0;transition:background-image var(--duration-fast),opacity var(--duration-fast)}.site-header .brand::after,.site-footer .brand::after{content:none}.site-header .brand-mark,.site-footer .brand-mark{display:none}.site-footer .brand{width:11rem;margin-bottom:var(--space-3)}

.nav-shell{width:min(calc(100% - var(--gutter) - var(--gutter)),var(--container));max-width:var(--container)}
