/*
  VSK V16 — SITE CALIBRATION AUTHORITY
  ------------------------------------
  Uses the established V14 / original-V16 palette and structure.
  This is the final, last-loaded geometry layer for normal 100% browser zoom.
*/

:root{
  --audit-ink:#0D1824;
  --audit-cobalt:#164A9C;
  --audit-blue:#167BC4;
  --audit-ivory:#FAFAF7;
  --audit-stone:#F1F0EC;
  --audit-grey:#E5E7E8;
  --audit-muted:#66778A;
  --audit-line:#D7DEE5;
  --audit-shell:min(1560px,calc(100vw - 80px));
  --audit-header:92px;
}

body.v8.v13.v14{
  --shell:var(--audit-shell)!important;
  background:var(--audit-ivory);
}
body.v8.v13.v14 .shell{
  width:var(--audit-shell)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* --------------------------------------------------------------------------
   HEADER — consistent, readable and compact at 100% desktop zoom
   -------------------------------------------------------------------------- */
body.v8.v13.v14 .site-header,
body.v8.v13.v14 .site-header.is-solid,
body.v8.v13.v14 .site-header.is-scrolled{
  height:var(--audit-header)!important;
  padding:0 40px!important;
  grid-template-columns:minmax(330px,1fr) auto 196px!important;
  gap:30px!important;
  background:rgba(250,250,247,.985)!important;
  border-bottom:1px solid var(--audit-line)!important;
  box-shadow:none!important;
}
body.v8.v13.v14 .brand{gap:13px!important}
body.v8.v13.v14 .brand img,
body.v8.v13.v14 .site-header.is-solid .brand img,
body.v8.v13.v14 .site-header.is-scrolled .brand img{
  width:58px!important;height:58px!important;
}
body.v8.v13.v14 .brand-copy strong{
  font-family:var(--display)!important;
  font-size:17px!important;
  font-weight:600!important;
  color:var(--audit-ink)!important;
  letter-spacing:-.02em!important;
}
body.v8.v13.v14 .brand-copy small{
  display:block!important;
  margin-top:2px!important;
  font-family:var(--mono)!important;
  font-size:7px!important;
  letter-spacing:.105em!important;
  color:#7A8998!important;
}
body.v8.v13.v14 .desktop-nav{gap:28px!important;align-items:center!important}
body.v8.v13.v14 .desktop-nav a{
  font-family:Inter,sans-serif!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  color:#536477!important;
  white-space:nowrap!important;
}
body.v8.v13.v14 .desktop-nav a::after{
  bottom:-14px!important;
  height:2px!important;
  background:var(--audit-cobalt)!important;
}
body.v8.v13.v14 .desktop-nav a:hover,
body.v8.v13.v14 .desktop-nav a.is-current{color:var(--audit-ink)!important}
body.v8.v13.v14 .header-cta{
  width:196px!important;
  min-width:196px!important;
  max-width:196px!important;
  height:52px!important;
  padding:0 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  white-space:nowrap!important;
  background:var(--audit-cobalt)!important;
  border:1px solid var(--audit-cobalt)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(22,74,156,.14)!important;
  transform:none!important;
  overflow:hidden!important;
}
body.v8.v13.v14 .header-cta::before{display:none!important}
body.v8.v13.v14 .header-cta span{
  width:auto!important;height:auto!important;
  display:inline!important;
  flex:0 0 auto!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:15px!important;
  transition:transform .2s ease!important;
}
body.v8.v13.v14 .header-cta:hover{
  background:var(--audit-blue)!important;
  border-color:var(--audit-blue)!important;
  box-shadow:0 10px 26px rgba(22,123,196,.18)!important;
}
body.v8.v13.v14 .header-cta:hover span{transform:translate(3px,-3px)!important}

/* --------------------------------------------------------------------------
   HERO — center the complete composition in the viewport below the header.
   Equal visual breathing room above and below; no next-section peek.
   -------------------------------------------------------------------------- */
body.v8.v13.v14 .hero.hero-blue{
  margin-top:var(--audit-header)!important;
  height:calc(100svh - var(--audit-header))!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  background:linear-gradient(115deg,#FAFAF7 0%,#F7F8F8 58%,#EEF3F6 100%)!important;
}
body.v8.v13.v14 .hero-blue-grid,
body.v8.v13.v14 .hero-board-grid{display:none!important}
body.v8.v13.v14 .hero-blue-layout{
  width:var(--audit-shell)!important;
  height:100%!important;
  padding:40px 0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(500px,620px)!important;
  gap:clamp(52px,5vw,92px)!important;
  align-items:center!important;
}
body.v8.v13.v14 .hero-blue-copy{
  width:100%!important;
  max-width:690px!important;
  align-self:center!important;
}
body.v8.v13.v14 .hero-blue-copy .hero-kicker{
  margin:0 0 22px!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
  color:var(--audit-cobalt)!important;
}
body.v8.v13.v14 .hero-blue-copy h1{
  max-width:690px!important;
  margin:0!important;
  font-size:clamp(4.6rem,5vw,6rem)!important;
  line-height:.91!important;
  letter-spacing:-.058em!important;
  color:var(--audit-ink)!important;
}
body.v8.v13.v14 .hero-blue-copy h1 em{color:var(--audit-cobalt)!important}
body.v8.v13.v14 .hero-blue-copy>p{
  width:min(100%,650px)!important;
  max-width:650px!important;
  margin:30px 0 0!important;
  font-size:16px!important;
  line-height:1.7!important;
  color:#586C80!important;
}
body.v8.v13.v14 .hero-blue-copy .hero-actions{
  width:min(100%,650px)!important;
  max-width:650px!important;
  margin:29px 0 0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
}
body.v8.v13.v14 .hero-blue-copy .text-cta,
body.v8.v13.v14 .hero-blue-copy .ghost-cta{
  min-height:52px!important;
  padding:0 24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.v8.v13.v14 .hero-blue-copy .hero-chips{
  width:min(100%,650px)!important;
  max-width:650px!important;
  margin:20px 0 0!important;
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
body.v8.v13.v14 .hero-engineering-board{
  width:100%!important;
  max-width:620px!important;
  height:min(64vh,610px)!important;
  min-height:510px!important;
  aspect-ratio:auto!important;
  align-self:center!important;
  justify-self:end!important;
}
body.v8.v13.v14 .hero-board-main{inset:72px 82px 78px 55px!important}
body.v8.v13.v14 .hero-board-photo{width:29%!important;left:18px!important;bottom:22px!important}
body.v8.v13.v14 .hero-tech-sheet{width:31%!important;right:-2px!important;top:40px!important}
body.v8.v13.v14 .hero-proof-chip{right:16px!important;bottom:25px!important}

/* --------------------------------------------------------------------------
   SECTION RHYTHM — one measured desktop system, alternating light/dark moments.
   -------------------------------------------------------------------------- */
body.v8.v13.v14 .capabilities{background:var(--audit-ivory)!important}
body.v8.v13.v14 .engineering-depth{background:var(--audit-ivory)!important}
body.v8.v13.v14 .process{background:var(--audit-stone)!important}
body.v8.v13.v14 .about{background:#fff!important}
body.v8.v13.v14 .section-intro,
body.v8.v13.v14 .depth-head{
  padding-top:76px!important;
  margin-bottom:38px!important;
}
body.v8.v13.v14 .section-intro h2,
body.v8.v13.v14 .depth-head h2{font-size:clamp(3.25rem,3.7vw,4.45rem)!important;line-height:.96!important}
body.v8.v13.v14 .section-intro>p,
body.v8.v13.v14 .depth-head>p{font-size:15px!important;line-height:1.7!important}

/* Capability index — one distinct VSK visual per discipline, consistent frame. */
body.v8.v13.v14 .capabilities{padding-bottom:84px!important}
body.v8.v13.v14 .capability-layout{
  grid-template-columns:minmax(400px,500px) minmax(0,1fr)!important;
  gap:clamp(52px,5vw,88px)!important;
  align-items:start!important;
}
body.v8.v13.v14 .capability-row{min-height:68px!important}
body.v8.v13.v14 .capability-media{
  max-width:760px!important;
  justify-self:end!important;
}
body.v8.v13.v14 .capability-media .media-frame{
  height:430px!important;
  aspect-ratio:auto!important;
  background:var(--audit-stone)!important;
  overflow:hidden!important;
}
body.v8.v13.v14 .capability-media .media-frame img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  transition:opacity .15s ease,transform .35s ease!important;
}
body.v8.v13.v14 .capability-media figcaption{padding-top:22px!important}

/* --------------------------------------------------------------------------
   FEATURED ENGINEERING — compact original-V16 case-study proportion.
   -------------------------------------------------------------------------- */
body.v8.v13.v14 .projects-showcase{
  padding-bottom:70px!important;
  background:var(--audit-ink)!important;
}
body.v8.v13.v14 .projects-showcase .section-intro{
  padding-top:76px!important;
  margin-bottom:34px!important;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.58fr)!important;
  gap:64px!important;
}
body.v8.v13.v14 .projects-showcase .section-intro h2{font-size:clamp(3.2rem,3.55vw,4.25rem)!important}
body.v8.v13.v14 .featured-case{
  width:var(--audit-shell)!important;
  max-width:none!important;
  height:470px!important;
  min-height:470px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.56fr) minmax(360px,.74fr)!important;
}
body.v8.v13.v14 .featured-case-media{
  height:470px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
body.v8.v13.v14 .featured-case-media img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
}
body.v8.v13.v14 .featured-case-copy{
  height:470px!important;
  min-height:0!important;
  padding:34px 34px 30px!important;
  background:#101C29!important;
  border-left:1px solid #294057!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.v8.v13.v14 .featured-case-copy h3{
  margin:16px 0 18px!important;
  font-size:clamp(2.55rem,2.8vw,3.55rem)!important;
  line-height:.93!important;
}
body.v8.v13.v14 .featured-case-copy>p{font-size:13px!important;line-height:1.65!important}
body.v8.v13.v14 .featured-facts{margin:22px 0 20px!important}

/* Selected Projects — clearly separate from the featured case; 2 + 3 hierarchy. */
body.v8.v13.v14 .selected-projects-strip{
  padding:42px 0 82px!important;
  background:var(--audit-ink)!important;
  border-top:1px solid #26384A!important;
}
body.v8.v13.v14 .selected-projects-strip .project-collection-head{
  min-height:42px!important;
  margin:0 auto 18px!important;
}
body.v8.v13.v14 .selected-projects-strip .project-grid-editorial{
  width:var(--audit-shell)!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:250px 220px!important;
  gap:14px!important;
}
body.v8.v13.v14 .selected-projects-strip .project-card,
body.v8.v13.v14 .selected-projects-strip .project-card:nth-child(n){
  min-height:0!important;
  height:100%!important;
  aspect-ratio:auto!important;
  margin:0!important;
}
body.v8.v13.v14 .selected-projects-strip .project-card.project-layout-0,
body.v8.v13.v14 .selected-projects-strip .project-card.project-layout-1{grid-column:span 3!important}
body.v8.v13.v14 .selected-projects-strip .project-card.project-layout-2,
body.v8.v13.v14 .selected-projects-strip .project-card.project-layout-3,
body.v8.v13.v14 .selected-projects-strip .project-card.project-layout-4{grid-column:span 2!important}
body.v8.v13.v14 .selected-projects-strip .project-image,
body.v8.v13.v14 .selected-projects-strip .project-image img{width:100%!important;height:100%!important}
body.v8.v13.v14 .selected-projects-strip .project-image img{object-fit:cover!important;padding:0!important}
body.v8.v13.v14 .selected-projects-strip .project-card .project-copy{inset:auto 18px 17px!important}
body.v8.v13.v14 .selected-projects-strip .project-card .project-copy strong{font-size:clamp(19px,1.45vw,26px)!important}

/* --------------------------------------------------------------------------
   ENGINEERING DEPTH — compact evidence, better archive callout hierarchy.
   -------------------------------------------------------------------------- */
body.v8.v13.v14 .engineering-depth{padding:0 0 82px!important}
body.v8.v13.v14 .depth-grid{
  width:var(--audit-shell)!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.48fr) minmax(390px,.72fr)!important;
  align-items:stretch!important;
  gap:0!important;
}
body.v8.v13.v14 .metric-stack{display:grid!important;grid-template-rows:repeat(3,150px)!important}
body.v8.v13.v14 .metric-card{
  min-height:150px!important;
  padding:22px 28px!important;
  grid-template-columns:250px 1fr 24px!important;
  background:#fff!important;
}
body.v8.v13.v14 .metric-number{font-size:clamp(4.4rem,5vw,6.2rem)!important}
body.v8.v13.v14 .archive-callout{
  min-height:450px!important;
  padding:38px 40px!important;
  background:var(--audit-ink)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.v8.v13.v14 .archive-callout-number{
  margin:12px 0 0!important;
  font-size:clamp(6rem,7vw,8.2rem)!important;
  line-height:.8!important;
  color:var(--audit-blue)!important;
}
body.v8.v13.v14 .archive-callout h3{margin:12px 0 12px!important;font-size:30px!important;line-height:1.05!important}
body.v8.v13.v14 .archive-callout>p{max-width:520px!important;margin:0!important;font-size:13px!important;line-height:1.65!important}
body.v8.v13.v14 .archive-callout-split{
  margin:24px 0 20px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  border:0!important;
}
body.v8.v13.v14 .archive-callout-split span{
  min-height:58px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid #32475B!important;
  background:#162638!important;
}
body.v8.v13.v14 .archive-callout-split b{font-size:17px!important;color:#48A9E2!important}
body.v8.v13.v14 .archive-callout .btn{align-self:flex-start!important;min-width:310px!important}

/* --------------------------------------------------------------------------
   RETROFIT / PROCESS / ABOUT / CONTACT — smooth transitions, no dead zones.
   -------------------------------------------------------------------------- */
body.v8.v13.v14 .retrofit{min-height:620px!important;max-height:760px!important}
body.v8.v13.v14 .retrofit-inner{min-height:620px!important;padding-top:64px!important;padding-bottom:64px!important}
body.v8.v13.v14 .process{padding-bottom:72px!important}
body.v8.v13.v14 .process .section-intro{padding-top:72px!important}
body.v8.v13.v14 .process-line{min-height:220px!important}
body.v8.v13.v14 .about{padding:78px 0!important}
body.v8.v13.v14 .contact{padding:76px 0!important}

/* --------------------------------------------------------------------------
   DOSSIER — neutral stone/grey engineering panel, not white or bright blue.
   -------------------------------------------------------------------------- */
body.v8.v13.v14 .dossier-panel{
  width:min(1180px,92vw)!important;
  max-width:1180px!important;
  max-height:90vh!important;
  background:#E5E4DF!important;
  color:var(--audit-ink)!important;
  border-left:1px solid #C9CDD0!important;
}
body.v8.v13.v14 .dossier-top{background:#DADBD8!important;border-bottom:1px solid #C7CBCB!important;color:var(--audit-ink)!important}
body.v8.v13.v14 .dossier-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;background:#E5E4DF!important}
body.v8.v13.v14 .dossier-media{background:#D6D9DB!important;min-height:540px!important}
body.v8.v13.v14 .dossier-media img{max-width:100%!important;max-height:72vh!important;object-fit:contain!important}
body.v8.v13.v14 .dossier-copy{background:#F1F0EC!important;color:var(--audit-ink)!important;padding:38px!important}
body.v8.v13.v14 .dossier-copy h2{font-size:clamp(2.5rem,3vw,3.6rem)!important;color:var(--audit-ink)!important}
body.v8.v13.v14 .dossier-summary,
body.v8.v13.v14 .dossier-sections p{color:#5C6871!important}
body.v8.v13.v14 .dossier-facts{border-color:#CDD1D2!important}

/* --------------------------------------------------------------------------
   PROJECTS PAGE — balanced editorial cards at normal desktop zoom.
   -------------------------------------------------------------------------- */
body.v8.v13.v14[data-page="projects"] .page-hero{min-height:430px!important;max-height:480px!important}
body.v8.v13.v14[data-page="projects"] .project-index{padding-bottom:82px!important}
body.v8.v13.v14[data-page="projects"] .project-page-grid{
  width:var(--audit-shell)!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
body.v8.v13.v14[data-page="projects"] .project-page-card{
  min-height:390px!important;
  max-height:460px!important;
  grid-column:auto!important;
  grid-row:auto!important;
}
body.v8.v13.v14[data-page="projects"] .project-page-media{min-height:245px!important;max-height:285px!important}
body.v8.v13.v14[data-page="projects"] .project-page-copy{padding:24px!important}
body.v8.v13.v14[data-page="projects"] .additional-project-grid{
  width:var(--audit-shell)!important;
  max-width:none!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

/* --------------------------------------------------------------------------
   EXPERIENCE / ARCHIVE — compact list + consistent sticky preview.
   -------------------------------------------------------------------------- */
body.v8.v13.v14[data-page="machines"] .archive-hero{min-height:400px!important;max-height:440px!important}
body.v8.v13.v14[data-page="machines"] .archive-browser{padding-top:44px!important;padding-bottom:76px!important}
body.v8.v13.v14[data-page="machines"] .archive-toolbar{gap:12px!important}
body.v8.v13.v14[data-page="machines"] .archive-index-layout{
  width:var(--audit-shell)!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 370px!important;
  gap:34px!important;
  align-items:start!important;
}
body.v8.v13.v14[data-page="machines"] .archive-row{min-height:72px!important}
body.v8.v13.v14[data-page="machines"] .archive-sticky-preview{
  top:calc(var(--audit-header) + 22px)!important;
  width:370px!important;
  max-width:370px!important;
  padding:18px!important;
  background:var(--audit-stone)!important;
  color:var(--audit-ink)!important;
  border:1px solid #D5D8D7!important;
  box-shadow:0 18px 42px rgba(13,24,36,.08)!important;
}
body.v8.v13.v14[data-page="machines"] .archive-preview-media{
  width:100%!important;
  height:230px!important;
  background:#DCDDD9!important;
  overflow:hidden!important;
}
body.v8.v13.v14[data-page="machines"] .archive-preview-media img{
  width:100%!important;height:100%!important;object-fit:cover!important;
}
body.v8.v13.v14[data-page="machines"] .archive-sticky-preview h2{font-size:27px!important;line-height:1.02!important;color:var(--audit-ink)!important}
body.v8.v13.v14[data-page="machines"] .archive-sticky-preview p{font-size:13px!important;line-height:1.6!important;color:#68727B!important}
body.v8.v13.v14[data-page="machines"] .archive-sticky-preview button{background:var(--audit-cobalt)!important;color:#fff!important;border:0!important}
body.v8.v13.v14[data-page="machines"] .archive-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.v8.v13.v14[data-page="machines"] .archive-note{padding:68px 0!important}

/* --------------------------------------------------------------------------
   GALLERY — no horizontal filter scrollbar; media sizes respond to item count.
   -------------------------------------------------------------------------- */
body.v8.v13.v14[data-page="gallery"] .gallery-browser{padding-top:64px!important;padding-bottom:80px!important}
body.v8.v13.v14[data-page="gallery"] .gallery-controls{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
}
body.v8.v13.v14[data-page="gallery"] .gallery-controls>[data-gallery-filter-list]{
  flex:1 1 900px!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  overflow:visible!important;
}
body.v8.v13.v14[data-page="gallery"] .gallery-filter{
  flex:0 0 auto!important;
  min-height:44px!important;
  width:auto!important;
  padding:0 15px!important;
}
body.v8.v13.v14[data-page="gallery"] .gallery-groups,
body.v8.v13.v14[data-page="gallery"] .gallery-project-group{width:var(--audit-shell)!important;max-width:none!important}
body.v8.v13.v14[data-page="gallery"] .gallery-project-group{margin-top:34px!important}
body.v8.v13.v14[data-page="gallery"] .gallery-project-group>header{margin-bottom:14px!important}
body.v8.v13.v14[data-page="gallery"] .gallery-project-media{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
body.v8.v13.v14[data-page="gallery"] .gallery-project-media:has(> :only-child){
  grid-template-columns:minmax(0,600px)!important;
  justify-content:start!important;
}
body.v8.v13.v14[data-page="gallery"] .gallery-project-media:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,480px))!important}
body.v8.v13.v14[data-page="gallery"] .gallery-tile{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  background:#E6E7E4!important;
}
body.v8.v13.v14[data-page="gallery"] .gallery-tile>img{
  width:100%!important;height:100%!important;object-fit:cover!important;
}
body.v8.v13.v14[data-page="gallery"] .gallery-tile.is-portrait>img,
body.v8.v13.v14[data-page="gallery"] .gallery-tile.is-technical>img{
  object-fit:contain!important;
  padding:10px!important;
  background:#E9E9E5!important;
}
body.v8.v13.v14[data-page="gallery"] .gallery-policy{padding:66px 0!important}

/* Footer — compact across all public pages. */
body.v8.v13.v14 .site-footer{padding-top:52px!important;padding-bottom:0!important}
body.v8.v13.v14 .footer-grid{
  width:var(--audit-shell)!important;
  max-width:none!important;
  padding-bottom:42px!important;
  gap:54px!important;
}
body.v8.v13.v14 .footer-bottom{
  width:var(--audit-shell)!important;
  max-width:none!important;
  min-height:56px!important;
}

/* --------------------------------------------------------------------------
   1440 / 1366 desktop calibration
   -------------------------------------------------------------------------- */
@media (min-width:1181px) and (max-width:1599px){
  :root{--audit-shell:calc(100vw - 72px);--audit-header:88px}
  body.v8.v13.v14 .site-header,
  body.v8.v13.v14 .site-header.is-solid,
  body.v8.v13.v14 .site-header.is-scrolled{
    grid-template-columns:minmax(285px,1fr) auto 184px!important;
    gap:22px!important;
    padding:0 34px!important;
  }
  body.v8.v13.v14 .desktop-nav{gap:20px!important}
  body.v8.v13.v14 .desktop-nav a{font-size:10px!important}
  body.v8.v13.v14 .header-cta{width:184px!important;min-width:184px!important;max-width:184px!important;height:48px!important;padding:0 15px!important}
  body.v8.v13.v14 .hero-blue-layout{
    grid-template-columns:minmax(0,1fr) minmax(455px,560px)!important;
    gap:36px!important;
    padding:34px 0!important;
  }
  body.v8.v13.v14 .hero-blue-copy{max-width:625px!important}
  body.v8.v13.v14 .hero-blue-copy h1{font-size:clamp(4rem,5.2vw,5rem)!important}
  body.v8.v13.v14 .hero-blue-copy>p,
  body.v8.v13.v14 .hero-blue-copy .hero-actions,
  body.v8.v13.v14 .hero-blue-copy .hero-chips{width:min(100%,600px)!important;max-width:600px!important}
  body.v8.v13.v14 .hero-engineering-board{max-width:560px!important;height:min(64vh,535px)!important;min-height:450px!important}
  body.v8.v13.v14 .featured-case{height:430px!important;min-height:430px!important;grid-template-columns:minmax(0,1.48fr) minmax(340px,.72fr)!important}
  body.v8.v13.v14 .featured-case-media,body.v8.v13.v14 .featured-case-copy{height:430px!important}
  body.v8.v13.v14 .selected-projects-strip .project-grid-editorial{grid-template-rows:225px 205px!important}
  body.v8.v13.v14 .metric-stack{grid-template-rows:repeat(3,142px)!important}
  body.v8.v13.v14 .metric-card{min-height:142px!important;grid-template-columns:210px 1fr 20px!important}
  body.v8.v13.v14 .archive-callout{min-height:426px!important;padding:32px!important}
}

/* --------------------------------------------------------------------------
   Tablet / mobile — preserve functionality without desktop assumptions.
   -------------------------------------------------------------------------- */
@media (max-width:1180px){
  :root{--audit-shell:calc(100vw - 48px);--audit-header:76px}
  body.v8.v13.v14 .site-header,
  body.v8.v13.v14 .site-header.is-solid,
  body.v8.v13.v14 .site-header.is-scrolled{
    height:76px!important;
    grid-template-columns:1fr auto!important;
    padding:0 24px!important;
  }
  body.v8.v13.v14 .desktop-nav,body.v8.v13.v14 .header-cta{display:none!important}
  body.v8.v13.v14 .menu-toggle{display:block!important}
  body.v8.v13.v14 .hero.hero-blue{margin-top:76px!important;height:auto!important;min-height:0!important;overflow:visible!important}
  body.v8.v13.v14 .hero-blue-layout{
    height:auto!important;
    padding:58px 0 64px!important;
    grid-template-columns:1fr!important;
    gap:46px!important;
  }
  body.v8.v13.v14 .hero-blue-copy{max-width:720px!important;margin:auto!important;text-align:left!important}
  body.v8.v13.v14 .hero-engineering-board{width:min(100%,680px)!important;max-width:680px!important;height:570px!important;min-height:0!important;justify-self:center!important}
  body.v8.v13.v14 .capability-layout{grid-template-columns:1fr!important;gap:32px!important}
  body.v8.v13.v14 .capability-media{justify-self:stretch!important;max-width:none!important}
  body.v8.v13.v14 .featured-case{height:auto!important;min-height:0!important;grid-template-columns:1fr!important}
  body.v8.v13.v14 .featured-case-media{height:420px!important}
  body.v8.v13.v14 .featured-case-copy{height:auto!important;min-height:340px!important}
  body.v8.v13.v14 .selected-projects-strip .project-grid-editorial{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:260px!important}
  body.v8.v13.v14 .selected-projects-strip .project-card:nth-child(n){grid-column:auto!important}
  body.v8.v13.v14 .depth-grid{grid-template-columns:1fr!important}
  body.v8.v13.v14 .archive-callout{min-height:0!important}
  body.v8.v13.v14[data-page="projects"] .project-page-grid{grid-template-columns:1fr!important}
  body.v8.v13.v14[data-page="projects"] .additional-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.v8.v13.v14[data-page="machines"] .archive-index-layout{grid-template-columns:1fr!important}
  body.v8.v13.v14[data-page="machines"] .archive-sticky-preview{width:100%!important;max-width:none!important;position:relative!important;top:auto!important}
  body.v8.v13.v14[data-page="gallery"] .gallery-project-media{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:700px){
  :root{--audit-shell:calc(100vw - 32px);--audit-header:70px}
  body.v8.v13.v14 .site-header,
  body.v8.v13.v14 .site-header.is-solid,
  body.v8.v13.v14 .site-header.is-scrolled{height:70px!important;padding:0 16px!important}
  body.v8.v13.v14 .brand img,body.v8.v13.v14 .site-header.is-solid .brand img,body.v8.v13.v14 .site-header.is-scrolled .brand img{width:44px!important;height:44px!important}
  body.v8.v13.v14 .brand-copy strong{font-size:13px!important}
  body.v8.v13.v14 .brand-copy small{display:none!important}
  body.v8.v13.v14 .hero.hero-blue{margin-top:70px!important}
  body.v8.v13.v14 .hero-blue-layout{padding:42px 0 52px!important;gap:32px!important}
  body.v8.v13.v14 .hero-blue-copy h1{font-size:clamp(3.35rem,14vw,4.45rem)!important}
  body.v8.v13.v14 .hero-blue-copy>p{font-size:14px!important;margin-top:22px!important}
  body.v8.v13.v14 .hero-blue-copy .hero-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;margin-top:24px!important}
  body.v8.v13.v14 .hero-blue-copy .hero-actions>*{width:100%!important}
  body.v8.v13.v14 .hero-blue-copy .hero-chips{justify-content:flex-start!important}
  body.v8.v13.v14 .hero-engineering-board{height:390px!important;min-height:390px!important}
  body.v8.v13.v14 .hero-board-main{inset:58px 42px 62px 34px!important}
  body.v8.v13.v14 .hero-tech-sheet{width:35%!important;right:0!important;top:32px!important}
  body.v8.v13.v14 .hero-board-photo{width:34%!important;left:8px!important;bottom:12px!important}
  body.v8.v13.v14 .capability-media .media-frame{height:300px!important}
  body.v8.v13.v14 .featured-case-media{height:300px!important}
  body.v8.v13.v14 .selected-projects-strip .project-grid-editorial{grid-template-columns:1fr!important;grid-auto-rows:270px!important;gap:12px!important}
  body.v8.v13.v14 .selected-projects-strip .project-card:nth-child(n){grid-column:1/-1!important}
  body.v8.v13.v14 .metric-stack{grid-template-rows:none!important}
  body.v8.v13.v14 .metric-card{min-height:122px!important;grid-template-columns:130px 1fr 18px!important;padding:18px!important}
  body.v8.v13.v14 .metric-number{font-size:3.35rem!important}
  body.v8.v13.v14 .archive-callout{padding:28px 22px!important}
  body.v8.v13.v14 .archive-callout .btn{min-width:0!important;width:100%!important}
  body.v8.v13.v14 .archive-callout-split{grid-template-columns:1fr!important}
  body.v8.v13.v14 .dossier-panel{width:100vw!important;max-width:100vw!important;max-height:100vh!important}
  body.v8.v13.v14 .dossier-grid{grid-template-columns:1fr!important}
  body.v8.v13.v14 .dossier-media{min-height:280px!important;max-height:38vh!important}
  body.v8.v13.v14 .dossier-copy{padding:24px 18px!important}
  body.v8.v13.v14[data-page="gallery"] .gallery-project-media,
  body.v8.v13.v14[data-page="gallery"] .gallery-project-media:has(> :only-child),
  body.v8.v13.v14[data-page="gallery"] .gallery-project-media:has(> :nth-child(2):last-child){grid-template-columns:1fr!important}
  body.v8.v13.v14[data-page="gallery"] .gallery-tile{aspect-ratio:4/3!important}
  body.v8.v13.v14 .footer-grid{grid-template-columns:1fr!important;gap:28px!important}

  /* Projects: no legacy card, CTA or hero can establish a width wider than the phone. */
  body.v8.v13.v14[data-page="projects"] .subpage-main,
  body.v8.v13.v14[data-page="projects"] .page-hero,
  body.v8.v13.v14[data-page="projects"] .page-hero-copy,
  body.v8.v13.v14[data-page="projects"] .project-index,
  body.v8.v13.v14[data-page="projects"] .project-page-grid,
  body.v8.v13.v14[data-page="projects"] .project-page-card,
  body.v8.v13.v14[data-page="projects"] .project-page-media,
  body.v8.v13.v14[data-page="projects"] .additional-media,
  body.v8.v13.v14[data-page="projects"] .additional-project-grid,
  body.v8.v13.v14[data-page="projects"] .additional-project-card,
  body.v8.v13.v14[data-page="projects"] .projects-cta,
  body.v8.v13.v14[data-page="projects"] .projects-cta-grid,
  body.v8.v13.v14[data-page="projects"] .big-link{
    min-width:0!important;
    max-width:100%!important;
  }
  body.v8.v13.v14[data-page="projects"] .additional-project-grid{grid-template-columns:1fr!important}
  body.v8.v13.v14[data-page="projects"] .additional-project-card span{
    display:block!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.v8.v13.v14[data-page="projects"] .page-hero-copy h1,
  body.v8.v13.v14[data-page="projects"] .project-page-copy h3,
  body.v8.v13.v14[data-page="projects"] .big-link strong{overflow-wrap:anywhere!important}
}

/* ======================================================================
   USER-REQUESTED RESTORE — 2026-08-18
   Restore the preferred earlier V16 Projects / Selected Projects layouts.
   Only correct the marked hero and header geometry; no redesign.
   ====================================================================== */

/* Header: make the brand descriptor and navigation properly legible. */
:root{--audit-header:104px}
body.v8.v13.v14 .site-header,
body.v8.v13.v14 .site-header.is-solid,
body.v8.v13.v14 .site-header.is-scrolled{
  height:104px!important;
  padding-left:44px!important;
  padding-right:44px!important;
  grid-template-columns:minmax(390px,1fr) auto 210px!important;
  gap:30px!important;
}
body.v8.v13.v14 .brand{gap:15px!important}
body.v8.v13.v14 .brand img,
body.v8.v13.v14 .site-header.is-solid .brand img,
body.v8.v13.v14 .site-header.is-scrolled .brand img{
  width:64px!important;
  height:64px!important;
}
body.v8.v13.v14 .brand-copy strong{
  font-size:19px!important;
  line-height:1.08!important;
}
body.v8.v13.v14 .brand-copy small{
  margin-top:4px!important;
  font-size:8.4px!important;
  line-height:1.25!important;
  letter-spacing:.115em!important;
  color:#687A8B!important;
}
body.v8.v13.v14 .desktop-nav{gap:30px!important}
body.v8.v13.v14 .desktop-nav a{
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.018em!important;
}
body.v8.v13.v14 .header-cta{
  width:210px!important;
  min-width:210px!important;
  max-width:210px!important;
  height:54px!important;
}

/* Hero: pull both columns inward and center the CTA/chip group under the
   complete left headline block instead of anchoring it to the page edge. */
@media (min-width:1440px){
  body.v8.v13.v14 .hero-blue-layout{
    width:min(1600px,calc(100vw - 160px))!important;
    max-width:1600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:minmax(0,700px) minmax(520px,620px)!important;
    gap:clamp(70px,5vw,92px)!important;
    justify-content:center!important;
  }
  body.v8.v13.v14 .hero-blue-copy{
    max-width:700px!important;
    justify-self:center!important;
  }
  body.v8.v13.v14 .hero-blue-copy h1{max-width:700px!important}
  body.v8.v13.v14 .hero-blue-copy>p,
  body.v8.v13.v14 .hero-blue-copy .hero-actions,
  body.v8.v13.v14 .hero-blue-copy .hero-chips{
    width:100%!important;
    max-width:700px!important;
  }
  body.v8.v13.v14 .hero-blue-copy .hero-actions,
  body.v8.v13.v14 .hero-blue-copy .hero-chips{
    justify-content:center!important;
  }
  body.v8.v13.v14 .hero-engineering-board{
    width:620px!important;
    max-width:620px!important;
    justify-self:center!important;
  }
}
@media (min-width:1181px) and (max-width:1439px){
  body.v8.v13.v14 .hero-blue-layout{
    width:calc(100vw - 96px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:minmax(0,1fr) minmax(470px,540px)!important;
    gap:46px!important;
  }
  body.v8.v13.v14 .hero-blue-copy>p,
  body.v8.v13.v14 .hero-blue-copy .hero-actions,
  body.v8.v13.v14 .hero-blue-copy .hero-chips{
    width:100%!important;
    max-width:640px!important;
  }
  body.v8.v13.v14 .hero-blue-copy .hero-actions,
  body.v8.v13.v14 .hero-blue-copy .hero-chips{justify-content:center!important}
  body.v8.v13.v14 .hero-engineering-board{justify-self:center!important}
}

/* Selected Projects: restore the earlier V16 editorial 2 + 3 treatment. */
body.v8.v13.v14 .selected-projects-strip{
  padding:0 0 clamp(76px,5vw,96px)!important;
}
body.v8.v13.v14 .selected-projects-strip .project-collection-head{
  min-height:64px!important;
  margin:0 auto 16px!important;
}
body.v8.v13.v14 .selected-projects-strip .project-grid-editorial{
  display:grid!important;
  width:var(--shell)!important;
  max-width:none!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  grid-auto-rows:clamp(225px,14vw,275px)!important;
  gap:16px!important;
}
body.v8.v13.v14 .selected-projects-strip .project-grid-editorial .project-card,
body.v8.v13.v14 .selected-projects-strip .project-grid-editorial .project-card:nth-child(n){
  min-height:0!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0!important;
  grid-row:auto!important;
}
body.v8.v13.v14 .selected-projects-strip .project-grid-editorial .project-card.project-layout-0,
body.v8.v13.v14 .selected-projects-strip .project-grid-editorial .project-card.project-layout-1{grid-column:span 3!important}
body.v8.v13.v14 .selected-projects-strip .project-grid-editorial .project-card.project-layout-2,
body.v8.v13.v14 .selected-projects-strip .project-grid-editorial .project-card.project-layout-3,
body.v8.v13.v14 .selected-projects-strip .project-grid-editorial .project-card.project-layout-4{grid-column:span 2!important}
body.v8.v13.v14 .selected-projects-strip .project-card .project-copy{inset:auto 18px 17px!important}
body.v8.v13.v14 .selected-projects-strip .project-card .project-copy strong{font-size:clamp(21px,1.6vw,28px)!important}

/* Projects page: restore the premium editorial hierarchy that existed
   before the audit flattened every card to the same 2-column geometry. */
body.v8.v13.v14[data-page="projects"] .page-hero{
  min-height:610px!important;
  max-height:none!important;
}
body.v8.v13.v14[data-page="projects"] .project-index{
  padding-bottom:clamp(88px,7vw,118px)!important;
}
body.v8.v13.v14[data-page="projects"] .project-page-grid{
  display:grid!important;
  width:var(--shell)!important;
  max-width:none!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.v8.v13.v14[data-page="projects"] .project-page-card{
  grid-column:span 4!important;
  grid-row:auto!important;
  min-height:520px!important;
  max-height:none!important;
  display:grid!important;
  grid-template-rows:320px 1fr!important;
}
body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-0{
  grid-column:span 8!important;
  grid-template-rows:470px 1fr!important;
}
body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-1{
  grid-column:span 4!important;
  grid-template-rows:470px 1fr!important;
}
body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-2,
body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-3,
body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-4,
body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-5{
  grid-column:span 6!important;
}
body.v8.v13.v14[data-page="projects"] .project-page-media{
  min-height:0!important;
  max-height:none!important;
}
body.v8.v13.v14[data-page="projects"] .project-page-copy{padding:21px!important}
body.v8.v13.v14[data-page="projects"] .additional-project-grid{
  width:var(--shell)!important;
  max-width:none!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

/* Preserve the original responsive project hierarchy. */
@media (max-width:1180px){
  body.v8.v13.v14 .site-header,
  body.v8.v13.v14 .site-header.is-solid,
  body.v8.v13.v14 .site-header.is-scrolled{height:82px!important}
  :root{--audit-header:82px}
  body.v8.v13.v14 .brand img,
  body.v8.v13.v14 .site-header.is-solid .brand img,
  body.v8.v13.v14 .site-header.is-scrolled .brand img{width:52px!important;height:52px!important}
  body.v8.v13.v14 .selected-projects-strip .project-grid-editorial{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:260px!important;
  }
  body.v8.v13.v14 .selected-projects-strip .project-grid-editorial .project-card:nth-child(n){grid-column:auto!important}
  body.v8.v13.v14[data-page="projects"] .project-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.v8.v13.v14[data-page="projects"] .project-page-card,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-0,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-1,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-2,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-3,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-4,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-5{
    grid-column:auto!important;
    grid-template-rows:330px 1fr!important;
    min-height:520px!important;
  }
  body.v8.v13.v14[data-page="projects"] .additional-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px){
  body.v8.v13.v14 .selected-projects-strip .project-grid-editorial{
    grid-template-columns:1fr!important;
    grid-auto-rows:280px!important;
    gap:12px!important;
  }
  body.v8.v13.v14 .selected-projects-strip .project-grid-editorial .project-card:nth-child(n){grid-column:1/-1!important}
  body.v8.v13.v14[data-page="projects"] .project-page-grid{grid-template-columns:1fr!important}
  body.v8.v13.v14[data-page="projects"] .project-page-card,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-0,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-1,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-2,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-3,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-4,
  body.v8.v13.v14[data-page="projects"] .project-page-card.project-layout-5{
    grid-template-rows:290px 1fr!important;
    min-height:480px!important;
  }
  body.v8.v13.v14[data-page="projects"] .additional-project-grid{grid-template-columns:1fr!important}
}