/* V16 Final — Subpages
   Projects · Engineering Archive · Project Gallery
   Shared visual system: warm ivory, charcoal, stone and VSK green. */

body.v8.v13.v14[data-page]{
  background:var(--vsk-ivory);
  color:var(--vsk-charcoal);
}
body.v8.v13.v14[data-page] .subpage-main{
  padding-top:var(--vsk-header,82px);
}
body.v8.v13.v14[data-page] .page-progress i{background:var(--vsk-green)}
body.v8.v13.v14[data-page] .section-light{background:#f8f7f2;color:var(--vsk-charcoal)}
body.v8.v13.v14[data-page] .section-ivory{background:var(--vsk-ivory);color:var(--vsk-charcoal)}
body.v8.v13.v14[data-page] .section-dark{background:#202925;color:#fff}
body.v8.v13.v14[data-page] .section-intro>.kicker,
body.v8.v13.v14[data-page] .section-intro .kicker{color:var(--vsk-green)}
body.v8.v13.v14[data-page] .section-intro h2{
  color:var(--vsk-charcoal);
  font-weight:600;
  letter-spacing:-.058em;
}
body.v8.v13.v14[data-page] .section-intro h2 em{color:var(--vsk-green)}
body.v8.v13.v14[data-page] .section-intro p{color:var(--vsk-muted)}
body.v8.v13.v14[data-page] .kicker.light{color:#a9c9bd}

/* ============================================================
   PROJECTS
   ============================================================ */
body.v8.v13.v14[data-page="projects"] .page-hero{
  min-height:610px;
  background:#111814;
  color:#fff;
}
body.v8.v13.v14[data-page="projects"] .page-hero-media img{
  filter:saturate(.78) contrast(1.04) brightness(.86);
  object-position:center 48%;
}
body.v8.v13.v14[data-page="projects"] .page-hero-media div{
  background:
    linear-gradient(90deg,rgba(14,23,19,.95) 0%,rgba(14,23,19,.78) 42%,rgba(14,23,19,.30) 72%,rgba(14,23,19,.46) 100%),
    linear-gradient(0deg,rgba(10,16,13,.56),transparent 55%);
}
body.v8.v13.v14[data-page="projects"] .page-hero-copy{padding-bottom:68px}
body.v8.v13.v14[data-page="projects"] .page-hero-copy h1{
  max-width:1050px;
  color:#fff;
  font-size:clamp(4.4rem,6.4vw,7.4rem);
  line-height:.87;
  letter-spacing:-.064em;
  font-weight:600;
}
body.v8.v13.v14[data-page="projects"] .page-hero-copy h1 em{color:#b9d5ca}
body.v8.v13.v14[data-page="projects"] .page-hero-copy p{
  max-width:720px;
  color:rgba(248,247,242,.72);
  font-size:16px;
  line-height:1.7;
}
body.v8.v13.v14[data-page="projects"] .page-hero-meta{gap:8px;flex-wrap:wrap}
body.v8.v13.v14[data-page="projects"] .page-hero-meta span{
  border-color:rgba(185,213,202,.3);
  background:rgba(17,29,24,.22);
  color:#dce9e4;
  font-size:8.5px;
  backdrop-filter:blur(8px);
}
body.v8.v13.v14[data-page="projects"] .project-index{
  padding-bottom:clamp(88px,7vw,118px);
}
body.v8.v13.v14[data-page="projects"] .project-page-grid{
  gap:16px;
}
body.v8.v13.v14[data-page="projects"] .project-page-card{
  border:1px solid #cbd0cc;
  background:#fffefa;
  box-shadow:0 10px 26px rgba(28,36,32,.035);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.v8.v13.v14[data-page="projects"] .project-page-card:hover{
  transform:translateY(-3px);
  border-color:#aebbb5;
  box-shadow:0 18px 38px rgba(28,36,32,.07);
}
body.v8.v13.v14[data-page="projects"] .project-page-card .media-frame{
  background:var(--vsk-stone);
  overflow:hidden;
}
body.v8.v13.v14[data-page="projects"] .project-page-card .media-frame img{
  filter:saturate(.84) contrast(1.02);
}
body.v8.v13.v14[data-page="projects"] .project-page-copy{padding:21px}
body.v8.v13.v14[data-page="projects"] .project-page-copy>span{
  color:var(--vsk-green);
  letter-spacing:.1em;
}
body.v8.v13.v14[data-page="projects"] .project-page-copy h3{
  color:var(--vsk-charcoal);
  font-weight:500;
  letter-spacing:-.04em;
}
body.v8.v13.v14[data-page="projects"] .project-page-copy p{color:var(--vsk-muted)}
body.v8.v13.v14[data-page="projects"] .project-page-meta{
  border-top-color:#d7dad7;
  color:#747d78;
}
body.v8.v13.v14[data-page="projects"] .additional-media{
  padding-bottom:clamp(88px,7vw,118px);
}
body.v8.v13.v14[data-page="projects"] .additional-project-grid{gap:13px}
body.v8.v13.v14[data-page="projects"] .additional-project-card{
  border-color:#cbd0cc;
  background:#fffefa;
  transition:transform .2s ease,border-color .2s ease;
}
body.v8.v13.v14[data-page="projects"] .additional-project-card:hover{
  transform:translateY(-2px);
  border-color:#aebbb5;
}
body.v8.v13.v14[data-page="projects"] .additional-project-card img{filter:saturate(.84) contrast(1.02)}
body.v8.v13.v14[data-page="projects"] .additional-project-card span{color:var(--vsk-green)}
body.v8.v13.v14[data-page="projects"] .additional-project-card strong{color:var(--vsk-charcoal);font-weight:500}
body.v8.v13.v14[data-page="projects"] .projects-cta{
  padding:clamp(78px,6.5vw,104px) 0;
  background:#202925;
  border-top:1px solid rgba(185,213,202,.18);
}
body.v8.v13.v14[data-page="projects"] .projects-cta h2{color:#fff;font-weight:600}
body.v8.v13.v14[data-page="projects"] .projects-cta h2 em{color:#b9d5ca}
body.v8.v13.v14[data-page="projects"] .projects-cta p{color:rgba(248,247,242,.65);line-height:1.7}
body.v8.v13.v14[data-page="projects"] .big-link{
  border-top-color:rgba(185,213,202,.26);
  transition:padding .2s ease,background .2s ease;
}
body.v8.v13.v14[data-page="projects"] .big-link:last-child{border-bottom:1px solid rgba(185,213,202,.18)}
body.v8.v13.v14[data-page="projects"] .big-link span{color:#9fc2b5}
body.v8.v13.v14[data-page="projects"] .big-link strong{color:#fff;font-weight:500}
body.v8.v13.v14[data-page="projects"] .big-link i{color:#b9d5ca;transition:transform .2s ease}
body.v8.v13.v14[data-page="projects"] .big-link:hover{padding-left:12px;background:rgba(185,213,202,.035)}
body.v8.v13.v14[data-page="projects"] .big-link:hover i{transform:translate(4px,-2px)}

/* ============================================================
   ENGINEERING ARCHIVE
   ============================================================ */
body.v8.v13.v14[data-page="machines"] .archive-hero{
  padding:78px 0 68px;
  background:#17201c;
  color:#fff;
  border-bottom:1px solid rgba(185,213,202,.18);
}
body.v8.v13.v14[data-page="machines"] .archive-hero-grid{
  grid-template-columns:250px minmax(0,1fr);
  gap:clamp(52px,5vw,78px);
}
body.v8.v13.v14[data-page="machines"] .archive-hero-number{
  color:#9fc2b5;
}
body.v8.v13.v14[data-page="machines"] .archive-hero-number span{
  color:#b9d5ca;
  font-weight:600;
}
body.v8.v13.v14[data-page="machines"] .archive-hero-number small{color:rgba(248,247,242,.54)}
body.v8.v13.v14[data-page="machines"] .archive-hero h1{
  color:#fff;
  font-weight:600;
  letter-spacing:-.06em;
}
body.v8.v13.v14[data-page="machines"] .archive-hero h1 em{color:#b9d5ca}
body.v8.v13.v14[data-page="machines"] .archive-hero p{color:rgba(248,247,242,.68);line-height:1.7}
body.v8.v13.v14[data-page="machines"] .archive-hero-facts span{
  border-color:rgba(185,213,202,.26);
  color:#dce9e4;
}
body.v8.v13.v14[data-page="machines"] .archive-hero-facts strong{color:#9fc2b5}
body.v8.v13.v14[data-page="machines"] .archive-browser{
  padding:54px 0 clamp(92px,7vw,120px);
  background:#f8f7f2;
}
body.v8.v13.v14[data-page="machines"] .archive-mode,
body.v8.v13.v14[data-page="machines"] .archive-types{border-color:#bec5c0;background:#fffefa}
body.v8.v13.v14[data-page="machines"] .archive-mode button,
body.v8.v13.v14[data-page="machines"] .archive-types button{
  border-right-color:#d0d5d1;
  color:#48514c;
}
body.v8.v13.v14[data-page="machines"] .archive-mode button.is-active,
body.v8.v13.v14[data-page="machines"] .archive-types button.is-active{
  background:var(--vsk-green);
  color:#fff;
}
body.v8.v13.v14[data-page="machines"] .archive-types b{color:var(--vsk-green)}
body.v8.v13.v14[data-page="machines"] .archive-types .is-active b{color:#dce9e4}
body.v8.v13.v14[data-page="machines"] .archive-search span{color:var(--vsk-muted)}
body.v8.v13.v14[data-page="machines"] .archive-search input,
body.v8.v13.v14[data-page="machines"] .filter-toggle{
  border-color:#bec5c0;
  background:#fffefa;
  color:var(--vsk-charcoal);
}
body.v8.v13.v14[data-page="machines"] .archive-search input:focus{
  border-color:var(--vsk-green);
  box-shadow:0 0 0 2px rgba(40,95,80,.07);
}
body.v8.v13.v14[data-page="machines"] .filter-panel{
  border-color:#c3c9c5;
  background:#fffefa;
  box-shadow:0 14px 34px rgba(29,37,33,.05);
}
body.v8.v13.v14[data-page="machines"] .filter-chips button{border-color:#c8ceca;color:#4c5651}
body.v8.v13.v14[data-page="machines"] .filter-chips button.is-active{
  background:var(--vsk-green);
  border-color:var(--vsk-green);
  color:#fff;
}
body.v8.v13.v14[data-page="machines"] .archive-status{color:var(--vsk-muted)}
body.v8.v13.v14[data-page="machines"] .archive-status a{color:var(--vsk-green)}
body.v8.v13.v14[data-page="machines"] .archive-index{border-top-color:#adb6b0}
body.v8.v13.v14[data-page="machines"] .archive-row{
  border-bottom-color:#d2d6d3;
  color:var(--vsk-charcoal);
  transition:background .18s ease,color .18s ease,padding .18s ease;
}
body.v8.v13.v14[data-page="machines"] .archive-row>span,
body.v8.v13.v14[data-page="machines"] .archive-row small{color:#747d78}
body.v8.v13.v14[data-page="machines"] .archive-row:hover,
body.v8.v13.v14[data-page="machines"] .archive-row.is-active{
  color:var(--vsk-green-dark);
  background:#fffefa;
  box-shadow:inset 3px 0 0 var(--vsk-green);
  padding-left:12px;
}
body.v8.v13.v14[data-page="machines"] .archive-sticky-preview{
  top:96px;
  border-color:#c3c9c5;
  border-top:3px solid var(--vsk-green);
  background:#fffefa;
  box-shadow:0 20px 46px rgba(29,37,33,.06);
}
body.v8.v13.v14[data-page="machines"] .archive-preview-media{background:var(--vsk-stone)}
body.v8.v13.v14[data-page="machines"] .archive-sticky-preview>span{color:var(--vsk-green)}
body.v8.v13.v14[data-page="machines"] .archive-sticky-preview h2{color:var(--vsk-charcoal);font-weight:500}
body.v8.v13.v14[data-page="machines"] .archive-sticky-preview p{color:var(--vsk-muted)}
body.v8.v13.v14[data-page="machines"] .archive-sticky-preview>button{
  border-bottom-color:var(--vsk-green);
  color:var(--vsk-green-dark);
}
body.v8.v13.v14[data-page="machines"] .archive-visual-card{
  border-color:#c7cdc9;
  background:#fffefa;
  transition:transform .2s ease,border-color .2s ease;
}
body.v8.v13.v14[data-page="machines"] .archive-visual-card:hover{transform:translateY(-2px);border-color:#aebbb5}
body.v8.v13.v14[data-page="machines"] .archive-visual-card img{filter:saturate(.84) contrast(1.02)}
body.v8.v13.v14[data-page="machines"] .archive-visual-card span{color:var(--vsk-green)}
body.v8.v13.v14[data-page="machines"] .archive-visual-card strong{color:var(--vsk-charcoal);font-weight:500}
body.v8.v13.v14[data-page="machines"] .archive-note{
  padding:clamp(74px,6vw,96px) 0;
  background:#202925;
}
body.v8.v13.v14[data-page="machines"] .archive-note h2{color:#fff;font-weight:600}
body.v8.v13.v14[data-page="machines"] .archive-note h2 em{color:#b9d5ca}
body.v8.v13.v14[data-page="machines"] .archive-note p{color:rgba(248,247,242,.65)}

/* ============================================================
   PROJECT GALLERY
   ============================================================ */
body.v8.v13.v14[data-page="gallery"] .gallery-hero{
  min-height:540px;
  background:#111814;
  color:#fff;
}
body.v8.v13.v14[data-page="gallery"] .gallery-hero-strip img{
  filter:saturate(.72) contrast(1.03) brightness(.88);
}
body.v8.v13.v14[data-page="gallery"] .gallery-hero-shade{
  background:
    linear-gradient(0deg,rgba(12,20,16,.96) 0%,rgba(12,20,16,.52) 50%,rgba(12,20,16,.18) 78%),
    linear-gradient(90deg,rgba(12,20,16,.72),rgba(12,20,16,.12));
}
body.v8.v13.v14[data-page="gallery"] .gallery-hero h1{
  color:#fff;
  font-weight:600;
  letter-spacing:-.06em;
}
body.v8.v13.v14[data-page="gallery"] .gallery-hero h1 em{color:#b9d5ca}
body.v8.v13.v14[data-page="gallery"] .gallery-hero p{color:rgba(248,247,242,.7)}
body.v8.v13.v14[data-page="gallery"] .gallery-summary span{
  border-color:rgba(185,213,202,.27);
  background:rgba(17,29,24,.22);
  color:#dce9e4;
}
body.v8.v13.v14[data-page="gallery"] .gallery-browser{
  padding:clamp(76px,6.5vw,98px) 0 clamp(90px,7vw,118px);
  background:#f8f7f2;
}
body.v8.v13.v14[data-page="gallery"] .gallery-browser-head h2{
  color:var(--vsk-charcoal);
  font-weight:600;
  letter-spacing:-.058em;
}
body.v8.v13.v14[data-page="gallery"] .gallery-browser-head h2 em{color:var(--vsk-green)}
body.v8.v13.v14[data-page="gallery"] .gallery-browser-head .kicker{color:var(--vsk-green)}
body.v8.v13.v14[data-page="gallery"] .gallery-browser-head p{color:var(--vsk-muted)}
body.v8.v13.v14[data-page="gallery"] .gallery-filter,
body.v8.v13.v14[data-page="gallery"] .gallery-controls [data-gallery-filter-list] button{
  border-color:#c5cbc7;
  color:#505a55;
  background:transparent;
}
body.v8.v13.v14[data-page="gallery"] .gallery-filter:hover,
body.v8.v13.v14[data-page="gallery"] .gallery-controls [data-gallery-filter-list] button:hover{
  border-color:#9eada6;
  color:var(--vsk-green-dark);
}
body.v8.v13.v14[data-page="gallery"] .gallery-filter.is-active,
body.v8.v13.v14[data-page="gallery"] .gallery-controls button.is-active{
  background:var(--vsk-green);
  border-color:var(--vsk-green);
  color:#fff;
}
body.v8.v13.v14[data-page="gallery"] .gallery-status{color:var(--vsk-muted)}
body.v8.v13.v14[data-page="gallery"] .gallery-status a{color:var(--vsk-green)}
body.v8.v13.v14[data-page="gallery"] .gallery-project-group{
  border-top-color:#aeb7b1;
}
body.v8.v13.v14[data-page="gallery"] .gallery-project-group>header span{color:var(--vsk-green)}
body.v8.v13.v14[data-page="gallery"] .gallery-project-group>header h3{color:var(--vsk-charcoal);font-weight:500;letter-spacing:-.05em}
body.v8.v13.v14[data-page="gallery"] .gallery-project-group>header>strong{color:#747d78}
body.v8.v13.v14[data-page="gallery"] .gallery-tile{background:var(--vsk-stone);border:1px solid #cbd0cc}
body.v8.v13.v14[data-page="gallery"] .gallery-tile img,
body.v8.v13.v14[data-page="gallery"] .gallery-tile video{filter:saturate(.84) contrast(1.02)}
body.v8.v13.v14[data-page="gallery"] .gallery-kind{
  background:rgba(18,29,24,.8);
  border:1px solid rgba(185,213,202,.2);
  color:#dce9e4;
}
body.v8.v13.v14[data-page="gallery"] .gallery-tile-caption{
  background:linear-gradient(90deg,rgba(15,24,20,.92),rgba(15,24,20,.68));
}
body.v8.v13.v14[data-page="gallery"] .gallery-tile-caption b{color:#a9c9bd}
body.v8.v13.v14[data-page="gallery"] .gallery-video-badge{background:rgba(18,29,24,.86)}
body.v8.v13.v14[data-page="gallery"] .gallery-load button{
  border-color:var(--vsk-green);
  color:var(--vsk-green-dark);
  background:transparent;
}
body.v8.v13.v14[data-page="gallery"] .gallery-load button:hover{background:var(--vsk-green);color:#fff}
body.v8.v13.v14[data-page="gallery"] .gallery-policy{
  padding:clamp(72px,6vw,94px) 0;
  background:#202925;
}
body.v8.v13.v14[data-page="gallery"] .gallery-policy h2{color:#fff;font-weight:600}
body.v8.v13.v14[data-page="gallery"] .gallery-policy h2 em{color:#b9d5ca}
body.v8.v13.v14[data-page="gallery"] .gallery-policy p{color:rgba(248,247,242,.64)}

/* Shared subpage dialogs and media surfaces. */
body.v8.v13.v14[data-page] .dossier-top>span,
body.v8.v13.v14[data-page] .dossier-id,
body.v8.v13.v14[data-page] .lightbox-top>span,
body.v8.v13.v14[data-page] .lightbox-caption span{color:var(--vsk-green)}
body.v8.v13.v14[data-page] .lightbox-media{background:#101713}
body.v8.v13.v14[data-page] .lightbox-panel{background:var(--vsk-ivory)}
body.v8.v13.v14[data-page] .lightbox-caption h2{color:var(--vsk-charcoal)}
body.v8.v13.v14[data-page] .lightbox-caption p{color:var(--vsk-muted)}

@media (max-width:1100px){
  body.v8.v13.v14[data-page="projects"] .project-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.v8.v13.v14[data-page="projects"] .additional-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.v8.v13.v14[data-page="machines"] .archive-index-layout{grid-template-columns:1fr}
  body.v8.v13.v14[data-page="machines"] .archive-sticky-preview{display:none}
  body.v8.v13.v14[data-page="gallery"] .gallery-browser-head{grid-template-columns:1fr;gap:22px}
}

@media (max-width:700px){
  body.v8.v13.v14[data-page] .subpage-main{padding-top:68px}
  body.v8.v13.v14[data-page="projects"] .page-hero{min-height:590px}
  body.v8.v13.v14[data-page="projects"] .page-hero-copy{padding-bottom:46px}
  body.v8.v13.v14[data-page="projects"] .page-hero-copy h1{font-size:clamp(3.45rem,15vw,5rem)}
  body.v8.v13.v14[data-page="projects"] .page-hero-copy p{font-size:14px;line-height:1.62}
  body.v8.v13.v14[data-page="projects"] .project-page-grid{grid-template-columns:1fr}
  body.v8.v13.v14[data-page="projects"] .additional-project-grid{grid-template-columns:1fr}
  body.v8.v13.v14[data-page="projects"] .projects-cta-grid{grid-template-columns:1fr;gap:34px}

  body.v8.v13.v14[data-page="machines"] .archive-hero{padding:46px 0 44px}
  body.v8.v13.v14[data-page="machines"] .archive-hero-grid{display:block}
  body.v8.v13.v14[data-page="machines"] .archive-hero-number{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}
  body.v8.v13.v14[data-page="machines"] .archive-hero-number span{font-size:5.3rem}
  body.v8.v13.v14[data-page="machines"] .archive-hero-number small{margin:0}
  body.v8.v13.v14[data-page="machines"] .archive-hero h1{font-size:clamp(2.9rem,12vw,4.25rem)}
  body.v8.v13.v14[data-page="machines"] .archive-toolbar{grid-template-columns:1fr}
  body.v8.v13.v14[data-page="machines"] .archive-mode,
  body.v8.v13.v14[data-page="machines"] .archive-types{overflow:auto}
  body.v8.v13.v14[data-page="machines"] .archive-mode button,
  body.v8.v13.v14[data-page="machines"] .archive-types button{white-space:nowrap}
  body.v8.v13.v14[data-page="machines"] .archive-row{
    grid-template-columns:72px minmax(0,1fr) 22px;
    min-height:72px;
  }
  body.v8.v13.v14[data-page="machines"] .archive-row small{display:none}
  body.v8.v13.v14[data-page="machines"] .archive-row:hover,
  body.v8.v13.v14[data-page="machines"] .archive-row.is-active{padding-left:8px}
  body.v8.v13.v14[data-page="machines"] .archive-visual-grid{grid-template-columns:1fr}
  body.v8.v13.v14[data-page="machines"] .archive-note-grid{grid-template-columns:1fr;gap:22px}

  body.v8.v13.v14[data-page="gallery"] .gallery-hero{min-height:470px}
  body.v8.v13.v14[data-page="gallery"] .gallery-hero-copy{padding-bottom:42px}
  body.v8.v13.v14[data-page="gallery"] .gallery-hero h1{font-size:clamp(3rem,12vw,4.4rem)}
  body.v8.v13.v14[data-page="gallery"] .gallery-hero p{font-size:14px;line-height:1.62}
  body.v8.v13.v14[data-page="gallery"] .gallery-summary{flex-wrap:wrap}
  body.v8.v13.v14[data-page="gallery"] .gallery-controls{margin-top:30px}
  body.v8.v13.v14[data-page="gallery"] .gallery-status{display:grid;gap:6px}
  body.v8.v13.v14[data-page="gallery"] .gallery-project-media{grid-template-columns:1fr}
  body.v8.v13.v14[data-page="gallery"] .gallery-tile,
  body.v8.v13.v14[data-page="gallery"] .gallery-tile:nth-child(n){aspect-ratio:4/3}
  body.v8.v13.v14[data-page="gallery"] .gallery-policy-grid{grid-template-columns:1fr;gap:22px}
}