/* Vernacular Branding — built from the Brand Guidelines (First Edition, Dec 2025).
   Palette: Blue #005AA9 · Yellow #F4ED65 · Black · White (+ the guidelines' own off-white/tint for panels).
   Type: Poppins (wordmark, headings, labels) + Noto Sans (body), on the guidelines' fixed scale. Full-width, responsive. */
:root{--blue:#005AA9;--yellow:#F4ED65;--black:#000;--white:#fff;--off:#F7F6F1;--tint:#EBF3FF;--mid:#555;--gut:clamp(20px,4.4vw,88px)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans',sans-serif;background:var(--white);color:var(--black);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue)}
p{margin-bottom:12px}p:last-child{margin-bottom:0}
strong{font-weight:700}
.skip{position:absolute;left:-999px;top:0;background:var(--yellow);color:var(--black);padding:10px 16px;z-index:999;font-family:'Poppins',sans-serif;font-weight:700}.skip:focus{left:0}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.blue :focus-visible,.bar :focus-visible,.hero :focus-visible,.phero :focus-visible,.foot :focus-visible,.rg-blue :focus-visible{outline-color:var(--yellow)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mark{font-family:'Poppins',sans-serif;line-height:1;text-decoration:none;display:inline-flex;gap:.28em;align-items:baseline;white-space:nowrap}
.thin{font-weight:300}.bold{font-weight:900}
#select-region{scroll-margin-top:64px}
/* header */
.bar{position:sticky;top:0;z-index:200;background:var(--black);border-bottom:3px solid var(--yellow)}
.bar-in{padding:0 var(--gut);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;flex-wrap:wrap}
.bar .mark{font-size:19px;color:var(--white);cursor:default}.bar .mark .bold{color:var(--yellow)}
.menu-btn{display:none;background:transparent;border:2px solid var(--yellow);color:var(--yellow);font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:8px 14px;cursor:pointer}
.menu-btn.open{background:var(--yellow);color:var(--black)}
#site-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#site-nav a{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.72);text-decoration:none;padding:20px 12px 17px;border-bottom:3px solid transparent;margin-bottom:-3px;transition:color .2s}
#site-nav a:hover,#site-nav a[aria-current]{color:var(--yellow);border-bottom-color:var(--yellow)}
#site-nav a.buy{background:var(--yellow);color:var(--black);margin:0 0 0 12px;padding:11px 18px;border:0}#site-nav a.buy:hover{background:var(--white)}
/* layout */
.wrap{width:100%;padding:0 var(--gut)}
.sec{padding:clamp(48px,6vw,72px) 0;background:var(--white)}
.sec+.sec:not(.blue):not(.panel):not(.black):not(.flush){border-top:1px solid rgba(0,90,169,.14)}
.sec.blue{background:var(--blue);color:var(--white)}
.sec.panel{background:var(--off)}
.sec.flush{padding-top:0}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,80px);align-items:center}
.two.top{align-items:start}.two.top .cover{position:sticky;top:84px}
.split{display:grid;grid-template-columns:minmax(220px,.9fr) 2.4fr;gap:clamp(24px,4.5vw,80px);align-items:start}
.split-h{position:sticky;top:84px}
.split-b>*:not(.gallery):not(.embed):not(table):not(.cards):not(.tiles):not(.bridge){max-width:72ch}
.prose>*:not(.gallery):not(.embed):not(table):not(.tiles):not(.vgrid):not(.callout):not(.specs):not(.cols2){max-width:76ch}
.cols2{columns:2;column-gap:clamp(28px,4vw,64px)}
.cols2>*{break-inside:avoid;max-width:none!important}
.head{margin-bottom:28px}
/* headings — the guidelines' scale */
h1,h2,h3,h4{font-family:'Poppins',sans-serif;line-height:1.2}
.kick{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--blue);margin-bottom:8px;display:block}
.blue .kick,.phero .kick,.hero .kick,.rg-blue .kick{color:var(--yellow)}
.sec h2{font-size:clamp(20px,2.5vw,32px);font-weight:700;border-left:5px solid var(--yellow);padding-left:18px;margin-bottom:28px}
.sec h2.long{font-size:clamp(18px,1.9vw,24px);font-weight:600}
.split-h h2{margin-bottom:0!important}
.blue h2{color:var(--white)}
.lead{font-family:'Poppins',sans-serif;font-weight:300;font-size:clamp(18px,1.9vw,24px);line-height:1.45;margin-bottom:18px}
.lead-w{font-size:17px;max-width:78ch;margin-bottom:32px;color:var(--white)}
.prose h3{font-size:17px;font-weight:700;color:var(--blue);margin:30px 0 10px}.prose h3:first-child{margin-top:0}
.prose ul,.prose ol{padding-left:20px;margin:0 0 16px}.prose li{margin-bottom:6px}
.prose li::marker{color:var(--blue)}.blue .prose li::marker{color:var(--yellow)}
.blue .prose a,.blue a{color:var(--yellow)}
.prose table{border-collapse:collapse;width:100%;margin:18px 0;font-size:14px;display:block;overflow-x:auto}
.prose td,.prose th{border:1px solid rgba(0,90,169,.3);padding:8px 12px;text-align:left}
.caption{margin-top:12px;font-size:13px;color:var(--mid);font-style:italic}
.cap-pad{padding:14px var(--gut) 0}
.fine{margin-top:28px;font-size:13px;opacity:.9;max-width:80ch}
/* buttons */
.btn{display:inline-block;font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding:15px 24px;border:2px solid transparent;transition:background .2s,color .2s,border-color .2s;margin:0 10px 10px 0;line-height:1.3;background:var(--blue);color:var(--white)}
.btn:hover{background:var(--black)}
.btn-blue{background:var(--blue);color:var(--white)!important}.btn-blue:hover{background:var(--black)}
.btn-yellow{background:var(--yellow);color:var(--black)!important}.btn-yellow:hover{background:var(--white)}
.btn-line{background:transparent;border-color:var(--blue);color:var(--blue)!important}.btn-line:hover{background:var(--blue);color:var(--white)!important}
.btn-line-w{background:transparent;border-color:var(--white);color:var(--white)!important}.btn-line-w:hover{background:var(--white);color:var(--blue)!important}
.blue a.btn:not(.btn-line-w):not(.btn-line){background:var(--yellow);color:var(--black)!important}
.blue a.btn:not(.btn-line-w):not(.btn-line):hover{background:var(--white)}
.cta{margin-top:24px}
.actions{margin-top:20px}.actions .btn{font-size:10px;padding:12px 18px}
/* hero */
.hero{background:var(--blue);color:var(--white);position:relative;overflow:hidden;padding:clamp(44px,6vw,90px) 0 clamp(40px,4.5vw,70px);min-height:min(calc(100vh - 61px),800px);display:flex;align-items:center}
.hero-grid{width:100%;padding:0 calc(var(--gut) + 40px) 0 var(--gut);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:center}
.hero-text{min-width:0}
.hero-stamp{width:100%;max-width:min(34vw,400px);height:auto;justify-self:end}
.hero-v{position:absolute;right:clamp(12px,2vw,28px);bottom:clamp(24px,4vw,52px);writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Poppins',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(10px,1.3vw,18px);letter-spacing:.06em;line-height:1;white-space:nowrap}
.hero .kick{margin-bottom:clamp(12px,1.6vw,22px)}
.hero-mark{font-size:clamp(42px,8.2vw,136px);color:var(--white);display:flex;flex-wrap:wrap;gap:0 .24em;align-items:baseline;margin-bottom:clamp(10px,1.4vw,20px)}
.hero-mark .thin{font-weight:100}.hero-mark .bold{font-weight:600;color:var(--yellow)}
.hero-sub{font-family:'Poppins',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(11px,1.1vw,15px);margin-bottom:8px}
.hero-by{font-family:'Poppins',sans-serif;font-weight:300;font-size:clamp(14px,1.3vw,19px);margin-bottom:clamp(12px,1.6vw,22px)}.hero-by span{color:var(--yellow)}
.hero-desc{max-width:60ch;font-size:16px;margin-bottom:clamp(18px,2vw,28px);color:rgba(255,255,255,.92)}
.hero-cta{margin:0 0 clamp(20px,2.4vw,34px)}
.hero-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border-top:2px solid rgba(255,255,255,.35);max-width:860px}
.hero-facts div{padding:12px 16px 2px 0}
.hero-facts dt{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--yellow)}
.hero-facts dd{font-size:13px;line-height:1.5}.hero-facts a{color:var(--white)}
.cover img{width:100%;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.phero{background:var(--blue);color:var(--white);padding:clamp(44px,5.5vw,84px) 0 clamp(32px,3.6vw,56px)}
.phero h1{font-size:clamp(32px,5.2vw,72px);color:var(--white)}.phero h1 .bold{color:var(--yellow)}
.phero h1 .h1-sub{display:block;font-weight:300;font-size:.5em;margin-top:.35em}
.psub{margin-top:14px;font-style:italic;font-size:clamp(15px,1.3vw,19px);color:rgba(255,255,255,.88);max-width:78ch}
/* spec strip (guidelines' spec panel) */
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px 28px;background:var(--off);padding:28px clamp(20px,2.4vw,36px);margin-top:clamp(32px,4vw,56px)}
.specs dt{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:4px}
.specs dd{font-size:14px;line-height:1.5}
/* stat tiles — mixed-colour mosaic like the wordmark variants */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--black)}
.st{padding:clamp(28px,3.4vw,52px) clamp(20px,2.4vw,40px);display:flex;flex-direction:column;gap:6px;justify-content:flex-end;min-height:clamp(150px,16vw,230px)}
.st b{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(44px,6vw,92px);line-height:1}
.st span{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}
.st-blue{background:var(--blue);color:var(--white)}.st-blue b{color:var(--yellow)}
.st-yellow{background:var(--yellow);color:var(--black)}
.st-black{background:var(--black);color:var(--white)}.st-black b{color:var(--yellow)}
.st-white{background:var(--white);color:var(--black)}.st-white b{color:var(--blue)}
/* bridge: two halves joined */
.bridge{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;margin:22px 0;gap:2px;background:var(--blue);max-width:none!important}
.br{padding:22px 24px;font-size:15px;line-height:1.5;background:var(--tint)}
.br span{display:block;font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.br-b{background:var(--yellow)}.br-b span{color:var(--black)}
.br-plus{background:var(--blue);color:var(--yellow);font-family:'Poppins',sans-serif;font-weight:900;font-size:28px;display:flex;align-items:center;padding:0 14px}
/* tiles (labelled lists) — guidelines' voice/photo grids */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:2px;background:var(--blue);margin:8px 0 0}
.tile{padding:26px 24px;font-size:14px;line-height:1.7}
.tile h3{font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
.tile p{margin:0}
.t-black{background:var(--black);color:rgba(255,255,255,.75)}.t-black h3{color:var(--yellow)}
.t-white{background:var(--white);color:var(--black)}.t-white h3{color:var(--blue)}
.t-blue{background:var(--blue);color:var(--white)}.t-blue h3{color:var(--yellow)}
a.tile{display:block;text-decoration:none;transition:filter .2s}
a.tile:hover{filter:brightness(1.08)}
.tile .go{display:block;margin-top:14px;font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.t-yellow,a.tile.t-yellow{background:var(--yellow);color:var(--black)}
.tile.t-yellow h3,.tile.t-yellow p,.tile.t-yellow .go,a.tile.t-yellow:visited,a.tile.t-yellow:hover{color:var(--black)}
.t-white .go{color:var(--blue)}.t-blue .go,.t-black .go{color:var(--yellow)}
.social .tile{min-height:170px}
.social .t-white{box-shadow:inset 0 0 0 3px var(--blue)}
.split-b .tiles+p{margin-top:20px}
/* yellow frame on the light tile (authors page) */
.tiles.framed .t-white{box-shadow:inset 0 0 0 3px var(--yellow)}
/* voice grid (white cells, blue rules) */
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:2px;background:var(--yellow);margin:8px 0 2px}
.vc{background:var(--white);color:var(--black);padding:26px 24px}
.vc h3{font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;color:var(--blue);margin-bottom:4px}
.vc .not{font-size:11px;color:var(--mid);font-style:italic;margin-bottom:10px}
.vc p:last-child{font-size:14px;line-height:1.7}
/* authors: pill-cropped photo left with link below, text right */
.intro-lead{max-width:80ch;margin-bottom:0}
.authors-sec{background:var(--white);padding-top:clamp(40px,5vw,72px);border-top:1px solid rgba(0,90,169,.14)}
.arow{display:grid;grid-template-columns:minmax(240px,.75fr) 1.5fr;gap:clamp(28px,5vw,96px);padding:clamp(36px,4.5vw,64px) var(--gut);align-items:start}
.arow.a2{background:var(--off)}
.arow .ap{display:flex;flex-direction:column;align-items:center;gap:22px}
.pill{margin:0;width:min(100%,380px);aspect-ratio:5/8;border-radius:999px;overflow:hidden;background:var(--off)}
.pill img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.arow .actions{margin:0}.arow .actions .btn{margin:0}
.arow h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;border-left:5px solid var(--yellow);padding-left:18px;margin:0 0 14px}
.arow .role{font-family:'Poppins',sans-serif;font-weight:700;font-size:15px;margin-bottom:18px}
.arow .prose p{max-width:none}
/* looping image strip */
.loop{overflow:hidden;background:var(--black);padding:2px 0}
.loop-track{display:flex;gap:2px;width:max-content;animation:loop 70s linear infinite}
.loop:hover .loop-track{animation-play-state:paused}
.loop img{height:clamp(200px,26vw,380px);width:auto;max-width:none;flex:none}
@keyframes loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.loop{overflow-x:auto}.loop-track{animation:none}}
/* callout */
.callout{background:var(--blue);color:var(--white);padding:clamp(24px,3vw,40px) clamp(24px,4vw,56px);margin:28px 0;max-width:none}
.callout p{font-size:clamp(17px,1.7vw,22px);font-style:italic;line-height:1.55}
.callout .attr{display:block;font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--yellow);margin-top:12px;font-style:normal}
.callout-sec{padding:clamp(20px,3vw,40px) 0}
.qgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:2px;background:var(--yellow);padding-top:0}
.qgrid.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.qgrid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.qgrid.four{grid-template-columns:1fr}}
.qc{padding:clamp(22px,2.6vw,36px);font-size:15px;line-height:1.7}
.qc p{margin-bottom:10px}.qc p:last-child{margin:0}
.qc h4{font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;line-height:1.35;margin-bottom:10px}
.qc .tag{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.75;margin-bottom:8px}
.qc a{color:var(--yellow);font-weight:600}
.qc-y{background:var(--yellow);color:var(--black)}.qc-y a.btn{background:var(--black);color:var(--white)!important}.qc-y a.btn:hover{background:var(--blue)}
.callout h4{font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--yellow);margin-bottom:12px}
.callout p{margin-bottom:12px}
.actions.dl .btn{margin:0 10px 12px 0}
.qc-b{background:var(--blue);color:var(--white)}.qc-b strong{color:var(--yellow)}
.qc-k{background:var(--black);color:rgba(255,255,255,.85)}.qc-k strong{color:var(--yellow)}
.qc em{font-style:italic}
.blue .callout{background:var(--black);border-left:8px solid var(--yellow)}
/* photo mosaics — justified rows: every image keeps its proportions, every row fills the width, no holes */
.flush-img{background:var(--white);padding:2px 0}
.jg{--rh:clamp(170px,19vw,300px);display:flex;flex-wrap:wrap;gap:2px;justify-content:center;background:transparent}
.jg.n1{--rh:clamp(240px,34vw,520px)}.jg.n2{--rh:clamp(220px,26vw,420px)}
.jg figure{margin:0;overflow:hidden;background:var(--off);height:var(--rh);flex:calc(var(--a,1.33)*100) 1 calc(var(--rh)*var(--a,1.33));max-width:calc(var(--rh)*var(--a,1.33)*1.45)}
.jg img{width:100%;height:100%;object-fit:cover}
.jg.cap figure{position:relative}
.jg.cap figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:11.5px;line-height:1.35}
.jg.pt{--rh:clamp(240px,26vw,380px);background:var(--off);padding:clamp(20px,3vw,40px) var(--gut);gap:clamp(12px,2vw,28px)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:2px;margin:24px 0}
.gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.embed{position:relative;aspect-ratio:16/9;margin:24px 0;background:var(--black);max-width:1100px}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* region tiles */
.regions{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--black)}
.rg{padding:clamp(32px,4vw,64px) var(--gut);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.rg h3{font-family:'Poppins',sans-serif;font-size:clamp(22px,2.4vw,34px);font-weight:900;line-height:1.15;margin-bottom:4px}
.rg p{max-width:46ch;font-size:15px}
.rg .price{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(34px,4vw,56px);line-height:1;margin:14px 0 14px}
.rg-blue{background:var(--blue);color:var(--white)}.rg-blue h3{color:var(--white)}.rg-blue .price{color:var(--yellow)}
.rg-yellow{background:var(--yellow);color:var(--black)}.rg-yellow .kick{color:var(--black)}
.rg-yellow .btn{background:var(--black);color:var(--white)!important}.rg-yellow .btn:hover{background:var(--blue)}
.rg .btn{margin:0}
/* misc */
.spec{display:grid;grid-template-columns:max-content 1fr;border-top:2px solid var(--blue);margin-top:12px}
.spec dt,.spec dd{display:flex;align-items:center;min-height:44px;padding:8px 0;margin:0;border-bottom:1px solid rgba(0,90,169,.2);line-height:1.4}
.spec dd{font-size:14px;padding-left:0}
.spec dt{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);padding-right:28px}
.price{font-family:'Poppins',sans-serif;font-weight:900;font-size:40px;line-height:1;margin:6px 0 4px}
.smap{list-style:none;padding:0;font-size:17px}.smap li{padding:8px 0;border-bottom:1px solid rgba(0,90,169,.15)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2px;background:var(--blue);margin-top:8px}
.card{background:var(--black);color:rgba(255,255,255,.8);padding:clamp(22px,2.4vw,34px)}
.card h3{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--yellow);margin-bottom:12px}
.card h3.big{font-size:clamp(22px,2vw,28px);letter-spacing:0;text-transform:none;color:var(--white);font-weight:900}
.card p{font-size:14px;margin-bottom:14px}.card .tag{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--white);opacity:.7}
.region h3{font-size:clamp(20px,1.9vw,26px);color:var(--black)}
.checkout{border:2px solid var(--blue);padding:clamp(20px,2.4vw,30px);margin:24px 0;max-width:720px}
.checkout .matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--blue);margin-bottom:22px}
.checkout .matrix div{background:var(--white);padding:14px;text-align:center}
.checkout .matrix b{display:block;font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(14px,1.2vw,17px)}
.checkout .matrix span{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue)}
.checkout label{display:block;font-size:14px;margin-bottom:10px}
.checkout select{width:100%;padding:13px;font:inherit;border:2px solid var(--blue);background:var(--white);color:var(--black);margin-bottom:16px}
.checkout .state[hidden]{display:none}.checkout .note{font-size:13px;color:var(--mid);font-style:italic;margin:12px 0 0}
.btn.btn-off{background:transparent;border-color:rgba(0,0,0,.25);color:var(--mid)!important;cursor:not-allowed}.btn.btn-off:hover{background:transparent}
/* sitemap groups */
.smtiles .tile{padding:clamp(22px,2.6vw,36px)}
.smtiles ul{list-style:none;padding:0;margin:8px 0 0}.smtiles li{margin:0;padding:8px 0;border-bottom:1px solid rgba(128,128,128,.35);font-size:16px}
.smtiles .tile a{color:inherit;font-weight:600}
.smtiles .tile.t-blue a,.smtiles .tile.t-black a{color:var(--white)}.smtiles .tile.t-blue a:hover,.smtiles .tile.t-black a:hover{color:var(--yellow)}
.sm-note{font-size:13px;opacity:.8;margin:0 0 6px}
/* Collective Canvas */
.cv-form{background:var(--white);color:var(--black);border-top:6px solid var(--yellow);padding:clamp(20px,2.6vw,36px);max-width:900px}
.cv-title{font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:18px}
.cv-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);margin-bottom:22px}
.cv-form label{display:block;font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--black)}
.cv-form label span{color:var(--blue)}
.cv-form input[type=text],.cv-form select{display:block;width:100%;margin-top:8px;padding:12px 2px;font:inherit;font-size:16px;color:var(--black);background:transparent;border:0;border-bottom:2px solid var(--black);border-radius:0}
.cv-form input:focus,.cv-form select:focus{outline:0;border-bottom-color:var(--blue);box-shadow:0 3px 0 0 var(--yellow)}
.cv-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cv-form .btn{margin:0}
.cv-msg{margin:14px 0 0;font-size:14px;min-height:1.4em}.cv-msg.bad{color:#B3261E}
.cv-note{margin:14px 0 0;font-size:12px;color:var(--mid);font-style:italic}
.cv-form.is-locked{opacity:.85}
.cv-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin:34px 0 14px;font-size:13px}
.cv-wall{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:6px}
.name{font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;line-height:1.2;padding:8px 14px;display:inline-block}
.name.core{background:var(--white);color:var(--black)}
.name.peer{background:var(--yellow);color:var(--black)}
.name.is-new{outline:3px solid var(--white);outline-offset:2px}
.cv-legend .name{font-size:12px;padding:6px 12px}
@media(max-width:700px){.cv-row{grid-template-columns:1fr}}
/* slideshow (looping, arrows + dots) */
.slides{position:relative;width:100%}
.sl-view{position:relative;aspect-ratio:var(--ratio,4/3);overflow:hidden;background:var(--off)}
.slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.slide.is-on{opacity:1;visibility:visible}
.slide img{width:100%;height:100%;object-fit:cover}
.slides.contain .slide img{object-fit:contain}
.sl-prev,.sl-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;background:rgba(255,255,255,.88);color:var(--blue);border:0;font-family:'Poppins',sans-serif;font-size:34px;line-height:1;cursor:pointer;padding-bottom:6px}
.sl-prev{left:0}.sl-next{right:0}
.sl-prev:hover,.sl-next:hover{background:var(--yellow);color:var(--black)}
.sl-dots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-top:14px}
.sl-dot{width:10px;height:10px;border-radius:50%;border:0;background:rgba(0,0,0,.22);cursor:pointer;padding:0}
.sl-dot.is-on{background:var(--blue)}
.two.top .slides{position:sticky;top:84px}
/* footer — four columns */
.foot{background:var(--black);color:rgba(255,255,255,.62);padding:clamp(44px,5vw,72px) 0 28px;border-top:6px solid var(--yellow)}
.foot-in{padding:0 var(--gut);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,56px);align-items:start}
.foot h4{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--yellow);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.18)}
.foot li{font-size:14px;line-height:2;list-style:none}
.foot ul{list-style:none}
.foot a{color:rgba(255,255,255,.78);text-decoration:none}.foot a:hover{color:var(--yellow)}
.foot-bottom{margin:clamp(32px,4vw,52px) var(--gut) 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;gap:12px 32px;align-items:baseline;justify-content:space-between;font-size:12px}
.foot-bottom p{margin:0}
.foot .mark{font-size:20px;color:var(--white)}.foot .mark .bold{color:var(--yellow)}
/* responsive */
@media(max-width:1100px){
  .menu-btn{display:block}
  .js #site-nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:14px}
  .js #site-nav.open{display:flex}
  .js #site-nav a{padding:13px 0;margin:0;border:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .js #site-nav a.buy{margin-top:14px;text-align:center}
  #site-nav{width:100%;justify-content:flex-start}#site-nav a{padding:10px 12px}
  .foot-in{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .two,.split{grid-template-columns:1fr}.split-h{position:static}.two.top .cover{position:static}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:0 calc(var(--gut) + 28px) 0 var(--gut)}
  .hero-stamp{max-width:130px;justify-self:start;order:-1}
  .stats{grid-template-columns:1fr 1fr}
  .arow{grid-template-columns:1fr}.pill{width:min(70%,320px)}
    .regions{grid-template-columns:1fr}
  .cols2{columns:1}
  .bridge{grid-template-columns:1fr}.br-plus{padding:6px 24px}
  .spec{grid-template-columns:1fr}.spec dt{border-bottom:0;padding-bottom:0}
}
@media(max-width:560px){.foot-in{grid-template-columns:1fr}.btn{display:block;text-align:center;margin-right:0}.hero-facts{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}