/* ARCTIC TERRAIN — V11.1 FOUNDATIONS
   Single, late-loaded visual system. Changes styling only; no content or data schema changes.
   Historical page layouts remain intact, while the navigation/hero/type rhythm is unified. */
:root{
 --al11-dark:#101618;--al11-paper:#f4f1eb;--al11-red:#e5092e;
 --al11-body:'Barlow',Arial,sans-serif;--al11-display:'Barlow Condensed','Arial Narrow',sans-serif;
 --al11-gutter:clamp(22px,5.2vw,90px);--al11-nav:68px;
 --al11-head-max:clamp(39px,4.45vw,70px);
 --al11-section-gap:clamp(62px,8.5vh,115px);
}
html{scroll-padding-top:calc(var(--al11-nav) + 14px)}
body{--nav:var(--al11-nav);--page-gutter:var(--al11-gutter);font-family:var(--al11-body)}
/* Global UI: consistent compact navigation, clear focus, accessible control sizing. */
.site-header{position:sticky!important;top:0;height:var(--al11-nav)!important;z-index:5000;background:rgba(10,14,16,.97);border-bottom:1px solid rgba(255,255,255,.09)}
.site-header .nav-inner{max-width:1600px;width:100%;padding-inline:var(--al11-gutter);gap:clamp(14px,2.2vw,35px)}
.site-header .brand{width:clamp(146px,13vw,196px)}
.site-header .brand img{max-width:100%;height:auto;object-fit:contain}
.site-header .main-nav{gap:clamp(13px,1.7vw,25px)}
.site-header .main-nav a{font:700 clamp(11px,.72vw,12px)/1.4 var(--al11-body);letter-spacing:.075em}
.site-header .nav-dealer{font:800 11px/1.3 var(--al11-body);padding:12px 16px;min-height:40px;align-items:center}
.site-header :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:4px}
/* Avoid one-off oversized headings. Restore the editorial rhythm from approved mockups. */
:is(.lineup-hero,.ar-hero,.dealer-hero,.support-hero,.contact-hero,.join-hero,.sport-hero) h1{
 font-family:var(--al11-display);font-size:var(--al11-head-max)!important;
 font-weight:850;line-height:1.01!important;letter-spacing:-.009em;max-width:700px;
 margin-block:clamp(12px,2vh,22px) clamp(15px,2.4vh,24px);
 text-wrap:balance;
}
:is(.lineup-hero,.ar-hero,.dealer-hero,.support-hero,.contact-hero,.join-hero,.sport-hero) h1 em{color:var(--al11-red);font-style:italic}
:is(.lineup-hero,.ar-hero,.dealer-hero,.support-hero,.contact-hero,.join-hero,.sport-hero) :is(p,.sport-lead){line-height:1.58}
/* Common interior cover: consistent height, breathing room BELOW headings, not empty space above. */
:is(.lineup-hero,.ar-hero,.dealer-hero,.support-hero,.contact-hero,.join-hero,.sport-hero){
 height:auto!important;min-height:clamp(590px,76svh,800px)!important;max-height:none!important;
 padding:0!important;position:relative;isolation:isolate;
}
:is(.lineup-hero-body,.ar-hero-body,.dealer-hero-inner,.support-hero-layout,.contact-hero-content,.join-hero-layout,.sport-hero-layout){
 min-height:clamp(590px,76svh,800px)!important;height:auto!important;box-sizing:border-box;
 padding-top:clamp(23px,4vh,47px)!important;
 padding-bottom:clamp(98px,13vh,147px)!important;
 margin-block:0!important;
}
:is(.lineup-hero-copy,.ar-hero-copy,.dealer-hero-copy,.sport-hero-layout){
 margin-top:0!important;padding-top:0!important;
}
/* Align content to the same upper rhythm; reserve remaining space below hero content. */
.lineup-hero-body,.ar-hero-body,.support-hero-layout,.contact-hero-content,.join-hero-layout{justify-content:flex-start!important}
.dealer-hero-inner{align-items:flex-start!important}
.dealer-hero-copy{padding-block:0!important}
.sport-hero{align-items:flex-start!important}
/* Breadcrumb always sits near navigation, not 80px below the first section. */
:is(.lineup-breadcrumb,.ar-crumb,.sport-breadcrumb,.al09-breadcrumb){
 margin:0 0 clamp(16px,2.4vh,24px)!important;
 font-size:12px!important;line-height:1.45;letter-spacing:.055em;
}
/* Text hierarchy on dark photographic covers. */
:is(.dealer-hero,.join-hero,.lineup-hero,.ar-hero,.sport-hero,.support-hero,.contact-hero) h1{color:#fff!important}
:is(.dealer-hero,.join-hero,.lineup-hero,.ar-hero,.sport-hero,.support-hero,.contact-hero) h1 em{color:var(--al11-red)!important}
:is(.lineup-hero-copy,.ar-hero-copy,.dealer-hero-copy,.support-hero-layout,.contact-hero-content,.join-hero-layout,.sport-hero-layout)>p:not([class*="kicker"]):not([class*="eyebrow"]){
 font-size:clamp(16px,1.05vw,18px);line-height:1.6;max-width:540px;color:#e3e5e2;
}
/* Existing dark covers have their own images. Preserve them, remove muddy overlays. */
.dealer-hero-dust,.hero-rocks{display:none!important}
:is(.lineup-hero,.ar-hero,.dealer-hero,.support-hero,.contact-hero,.join-hero,.sport-hero) :is(.lineup-hero-mark,.ar-hero-mark,.dealer-hero-mark,.support-hero-mark,.contact-hero-mark,.join-hero-mark,.sport-hero-mark){
 opacity:.055!important;pointer-events:none;filter:grayscale(1) brightness(4);max-width:min(33vw,460px);
}
/* Racing must never have white text on white (old page lacked a dark image on fallback). */
.arctic-sport-hub .sport-hero{
 background-color:#111819!important;
 background-image:linear-gradient(90deg,rgba(8,14,16,.94),rgba(8,14,16,.67) 56%,rgba(8,14,16,.28)),url('dakar-campaign-crop.webp')!important;
 background-position:center!important;background-size:cover!important;
}
.arctic-sport-hub .sport-hero :is(h1,.sport-lead,.sport-breadcrumb){color:#fff!important}
.arctic-sport-hub .sport-hero h1 em{color:var(--al11-red)!important}
/* Section headings and paragraph spacing */
:is(.dealer-section-head,.sport-heading,.ar-topline,.lineup-section-head,.section-heading){gap:clamp(20px,3.3vw,55px)}
:is(.arctic-sport-hub,.al09-product) :is(h2,h3){text-wrap:balance}
/* Home: make photo full-bleed (without destructive crops). Clean separation, no fake dust. */
body.home .hero{background:#0b1013}
body.home .hero-art{inset:0!important;background-size:cover!important;background-position:center 58%!important}
body.home .hero:before{background:linear-gradient(90deg,rgba(4,8,10,.94) 0%,rgba(4,8,10,.83) 25%,rgba(4,8,10,.35) 56%,rgba(4,8,10,.12) 100%),linear-gradient(0deg,rgba(4,8,10,.42),transparent 26%)!important}
body.home .hero:after{height:9px!important;clip-path:polygon(0 80%,27% 73%,55% 84%,80% 74%,100% 80%,100% 100%,0 100%)!important}
body.home .hero-rocks{display:none!important}
body.home .hero-copy{max-width:570px}
body.home .racing-title{font-size:clamp(49px,5vw,84px);line-height:.94;letter-spacing:0}
body.home .hero .hero-body{padding-top:var(--al11-nav)}
/* Featured: motorcycle dominates, stats not squeezed at the bottom. */
body.home .featured.screen{height:100svh;min-height:630px}
body.home .featured .feature-inner{padding-top:clamp(54px,7.5vh,92px)!important;padding-bottom:clamp(83px,10vh,124px)!important}
body.home .featured .feature-photo{inset:12% -2% 13% 40%!important}
body.home .featured .feature-photo.has-custom-bike img{object-fit:contain;object-position:center;max-height:100%}
body.home .featured .feature-copy{max-width:min(460px,46%)}
body.home .featured .feature-stats{bottom:clamp(28px,5vh,57px)}
body.home .featured .feature-scene{background-position:center}
body.home .featured .model-name{font-size:clamp(47px,5vw,82px);line-height:.98}
/* Consistent catalogue cards: leave air around cut-out shots. */
.bike-card .bike-card-media{padding:clamp(10px,1.45vw,22px);background-origin:content-box}
.bike-card :is(h3,p){overflow-wrap:anywhere}
/* Product: frame anchored below fixed nav; metrics visible on desktop without forcing text tiny. */
.al09-product .al09-hero{min-height:calc(100svh - var(--al11-nav))!important;height:auto!important;
 padding-top:clamp(12px,2.4vh,24px)!important;
 padding-bottom:clamp(18px,2.6vh,32px)!important;
}
.al09-product .al09-hero-grid{min-height:0!important;width:min(1450px,calc(100% - 2 * var(--al11-gutter)))!important;
 margin-inline:auto;grid-template-columns:minmax(300px,34%) minmax(0,66%);align-items:start;gap:0!important;
}
.al09-product .al09-copy{align-self:start!important;max-width:500px;padding:0 5% 0 0!important}
.al09-product .al09-breadcrumb{margin-bottom:15px!important}
.al09-product .al09-name{font-size:clamp(50px,5vw,77px)!important;line-height:.92!important;margin-bottom:12px!important}
.al09-product .al09-tagline{margin:0 0 13px!important}
.al09-product .al09-version-links{gap:8px;margin:4px 0}
.al09-product .al09-version-links a{padding:8px 13px;min-height:36px}
.al09-product .al09-homolog-note{font-size:13px;line-height:1.42;max-width:52ch}
.al09-product .al09-moto-visual{height:clamp(360px,59svh,680px)!important;min-height:0!important;width:110%!important;margin-left:-5%!important}
.al09-product .al09-moto-visual img{width:100%!important;max-width:none!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.al09-product .al10-ghost-logo{opacity:.035!important;z-index:0}
.al09-product .al09-metrics{width:min(1450px,calc(100% - 2 * var(--al11-gutter)))!important;margin-inline:auto;
 padding-top:14px!important;padding-bottom:3px!important}
.al09-product .al09-metrics strong{font-size:clamp(27px,2.55vw,39px)}
.al09-product .al09-story{background:#ece8e1!important;color:#161c1f!important}
.al09-product .al09-story :is(h2,.al09-prose,.al09-prose p){color:#161c1f!important}
.al09-product .al09-story .al09-prose{font-size:clamp(16px,1.25vw,19px);line-height:1.7}
.al09-product .al09-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.al09-product .al09-spec-group th,.al09-product .al09-spec-group td{font-size:14px}
/* Clear footer and legal links with the same width as the content. */
.site-footer{background:#0a0f11}
.site-footer .footer-top{padding-block:clamp(45px,6vh,75px) clamp(30px,4vh,45px)}
.site-footer .footer-links{gap:12px clamp(15px,2vw,26px)}
.site-footer .footer-links a,.site-footer .arctic-legal a{font-size:13px;line-height:1.55}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.16);padding-block:22px 35px}
.site-footer .arctic-legal{gap:11px 23px}
.site-footer .arctic-legal a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#6b777b;color:#dee4e2}
/* Links and button sizes consistent on all covers. */
:is(.lineup-hero,.ar-hero,.dealer-hero,.support-hero,.contact-hero,.join-hero,.sport-hero) :is(.btn,.ar-outline-btn){min-height:42px;display:inline-flex;align-items:center;font-size:clamp(11px,.85vw,13px)}
@media(max-width:1100px){
 .al09-product .al09-hero-grid{grid-template-columns:40% 60%}
 .al09-product .al09-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .site-header .nav-inner{gap:12px}
 .site-header .nav-dealer{padding:10px 13px}
 body.home .featured .feature-photo{inset:24% -2% 13% 24%!important}
 body.home .featured .feature-copy{max-width:67%}
 .al09-product .al09-hero{min-height:0!important}
 .al09-product .al09-hero-grid{display:flex;flex-direction:column;align-items:stretch}
 .al09-product .al09-copy{align-self:stretch!important;padding:0!important}
 .al09-product .al09-moto-visual{height:clamp(330px,52vw,510px)!important;width:100%!important;margin:0!important}
 .al09-product .al09-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 :root{--al11-nav:60px;--al11-gutter:20px}
 .site-header .brand{width:157px}
 :is(.lineup-hero,.ar-hero,.dealer-hero,.support-hero,.contact-hero,.join-hero,.sport-hero){min-height:0!important}
 :is(.lineup-hero-body,.ar-hero-body,.dealer-hero-inner,.support-hero-layout,.contact-hero-content,.join-hero-layout,.sport-hero-layout){
  min-height:clamp(560px,78svh,740px)!important;padding-top:24px!important;padding-bottom:92px!important;
 }
 :is(.lineup-hero,.ar-hero,.dealer-hero,.support-hero,.contact-hero,.join-hero,.sport-hero) h1{font-size:clamp(39px,9.2vw,55px)!important}
 .arctic-sport-hub .sport-hero h1{font-size:clamp(39px,9.2vw,55px)!important}
 .sport-hero .sport-breadcrumb{margin-bottom:18px!important}
 .dealer-hero-inner{flex-wrap:wrap;align-content:flex-start}
 .dealer-hero-meta{display:none}
 body.home .hero-art{background-position:61% center!important}
 body.home .hero .racing-title{font-size:clamp(44px,11vw,67px);white-space:normal}
 body.home .featured.screen{height:auto;min-height:760px}
 body.home .featured .feature-inner{min-height:760px}
 body.home .featured .feature-photo{inset:30% -5% 16% 0!important}
 body.home .featured .feature-copy{max-width:100%;align-self:stretch;margin-top:0}
 body.home .featured .feature-stats{bottom:30px;flex-wrap:wrap;gap:14px}
 body.home .featured .feature-stats>div{padding:0 16px 0 0}
 .al09-product .al09-hero{padding-top:calc(var(--al11-nav) + 18px)!important}
 .al09-product .al09-hero-grid,.al09-product .al09-metrics{width:calc(100% - 36px)!important}
 .al09-product .al09-moto-visual{height:clamp(265px,80vw,430px)!important;width:calc(100% + 36px)!important;margin-inline:-18px!important}
 .al09-product .al09-name{font-size:clamp(47px,11vw,67px)!important}
 .al09-product .al09-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .al09-product .al09-spec-grid{grid-template-columns:1fr}
 .site-footer .footer-top{gap:24px}
 .site-footer .footer-bottom{display:flex;align-items:flex-start;flex-direction:column;gap:20px}
 .site-footer .arctic-legal{margin:0;gap:12px 17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
