/* Page 2 — Products & Work. Relies on v2-foundation.css. */
.work-v2{background:#0b0d0f}
.work-v2 section[id]{scroll-margin-top:82px}
.work-v2 .nav-links a[aria-current="page"]{color:var(--v2-text)}

/* Hero */
.work-hero{padding:clamp(56px,7vw,92px) 0 clamp(50px,6.5vw,82px)}
.work-hero-grid{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:clamp(40px,8vw,104px);align-items:end}
.work-hero h1{max-width:11ch;margin-top:15px;font-size:clamp(2.75rem,4.3vw,3.75rem);line-height:.99;letter-spacing:-.045em}
.work-hero-copy{max-width:720px;justify-self:end}
.work-hero-copy .v2-lead{max-width:58ch}
.work-jump{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:25px;padding-top:16px;border-top:1px solid var(--v2-line);font-size:.78rem;font-weight:700;color:var(--v2-muted)}
.work-jump a{display:inline-flex;min-height:32px;align-items:center;padding:3px 0;border-bottom:1px solid transparent}

/* Shared page section heading */
.work-section-intro{display:grid;grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);gap:clamp(30px,6vw,76px);align-items:start;margin-bottom:clamp(38px,5vw,62px)}
.work-section-intro>div{max-width:780px}
.work-section-intro h2{max-width:18ch;font-size:clamp(2.05rem,3.05vw,3rem);line-height:1.03}
.work-section-intro p{max-width:61ch;margin-top:12px;color:var(--v2-muted);line-height:1.65}
.work-section-intro.compact h2{max-width:21ch}

/* Flagships */
.flagship-section{background:#0c0f12}
.flagship-row{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:clamp(42px,7vw,88px);align-items:center;padding:clamp(42px,5.5vw,70px) 0;border-top:1px solid var(--v2-line)}
.flagship-row:last-child{border-bottom:1px solid var(--v2-line)}
.flagship-copy{max-width:650px}
.flagship-copy h3{margin:13px 0 16px;font-size:clamp(2.65rem,4vw,3.65rem);line-height:.98;letter-spacing:-.045em}
.flagship-summary{max-width:54ch;color:var(--v2-text-soft);font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.66}
.work-facts{margin:27px 0 0;border-top:1px solid var(--v2-line)}
.work-facts>div{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:11px 0;border-bottom:1px solid var(--v2-line)}
.work-facts dt{color:var(--v2-text-soft);font-size:.74rem;font-weight:740}
.work-facts dd{margin:0;color:var(--v2-muted);font-size:.76rem;line-height:1.5}
.flagship-copy .v2-actions{margin-top:23px}
.kodari-wordmark{min-height:300px;display:grid;place-items:center;align-content:center;gap:24px;padding:45px;border-block:1px solid var(--v2-line);background:#090b0d}
.kodari-wordmark img{width:min(86%,520px);height:auto}
.kodari-wordmark>span{color:var(--v2-muted);font-size:.74rem;font-weight:700}
.acadence-outline{border-top:1px solid var(--v2-line-strong);border-bottom:1px solid var(--v2-line)}
.outline-heading,.outline-row{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--v2-line)}
.outline-heading{padding-top:0;color:var(--v2-muted);font-size:.7rem}
.outline-heading strong{color:var(--v2-text-soft);font-size:.7rem}
.outline-row:last-child{border-bottom:0}
.outline-row strong{font-size:.86rem}
.outline-row span{color:var(--v2-muted);font-size:.77rem;line-height:1.5}

/* Featured engineering */
.featured-section{background:#0b0d0f}
.featured-project{display:grid;grid-template-columns:minmax(410px,1.08fr) minmax(280px,.92fr);gap:clamp(44px,7vw,92px);align-items:center;padding:clamp(46px,6vw,78px) 0;border-top:1px solid var(--v2-line)}
.featured-project:last-child{border-bottom:1px solid var(--v2-line)}
.featured-project.prima-project{grid-template-columns:minmax(280px,.92fr) minmax(410px,1.08fr)}
.featured-media{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end;padding:26px 26px 0;border:1px solid var(--v2-line);background:#11151a;overflow:hidden}
.featured-media figure{margin:0;min-width:0}
.featured-media img{width:100%;height:auto;max-height:510px;object-fit:contain;object-position:bottom center}
.echo-media figure:first-child{transform:translateY(24px)}
.prima-media{background:#101713}
.prima-media figure:last-child{transform:translateY(24px)}
.featured-copy{max-width:560px}
.work-type{display:block;color:var(--v2-muted);font-size:.71rem;font-weight:720;line-height:1.3}
.featured-copy h3{margin:12px 0 14px;font-size:clamp(2.25rem,3vw,3.1rem);line-height:1}
.featured-copy>p{max-width:50ch;color:var(--v2-text-soft);line-height:1.68}
.work-points{list-style:none;margin:24px 0 25px;padding:0;border-top:1px solid var(--v2-line)}
.work-points li{position:relative;padding:10px 0 10px 18px;border-bottom:1px solid var(--v2-line);color:var(--v2-muted);font-size:.78rem;line-height:1.5}
.work-points li::before{content:"";position:absolute;left:1px;top:18px;width:5px;height:5px;border-radius:50%;background:var(--v2-accent)}
.featured-copy .v2-text-link{font-size:.82rem}

/* Supporting work */
.supporting-section{background:#0e1114}
.project-list{border-top:1px solid var(--v2-line-strong)}
.project-list-row{display:grid;grid-template-columns:minmax(170px,.35fr) minmax(0,1fr) auto;gap:clamp(20px,4vw,54px);align-items:center;padding:20px 0;border-bottom:1px solid var(--v2-line)}
.project-list-row h3{margin-top:4px;font-size:1.25rem;letter-spacing:-.02em}
.project-list-row p{max-width:66ch;color:var(--v2-muted);font-size:.82rem;line-height:1.58}
.project-list-row>a{display:inline-flex;min-height:40px;align-items:center;color:var(--v2-text-soft);font-size:.78rem;font-weight:740;white-space:nowrap;border-bottom:1px solid var(--v2-line-strong);padding:6px 0 4px}

/* Labs */
.labs-section{background:#090b0d}
.labs-grid{display:grid;grid-template-columns:minmax(270px,.74fr) minmax(0,1.26fr);gap:clamp(44px,8vw,104px);align-items:start}
.labs-intro h2{max-width:14ch;margin:14px 0 15px;font-size:clamp(2.05rem,3.1vw,3.05rem);line-height:1.04}
.labs-intro p{max-width:45ch;color:var(--v2-muted);line-height:1.65}
.labs-list{border-top:1px solid var(--v2-line-strong)}
.lab-row{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--v2-line)}
.lab-row>span:first-child{min-width:0}
.lab-row strong{display:block;font-size:.98rem}
.lab-row small{display:block;margin-top:3px;color:var(--v2-muted);font-size:.74rem;line-height:1.45}
.lab-row>span:last-child{color:var(--v2-text-soft);font-size:.75rem;font-weight:720;white-space:nowrap}

/* CTA */
.work-cta{padding:clamp(64px,7vw,94px) 0;border-top:1px solid var(--v2-line);background:#0d1013}
.work-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.92fr);gap:clamp(38px,7vw,90px);align-items:end}
.work-cta h2{max-width:18ch;margin-top:14px;font-size:clamp(2.05rem,3vw,2.9rem);line-height:1.04}
.work-cta p{max-width:54ch;color:var(--v2-muted);line-height:1.65}
.work-cta .v2-actions{margin-top:22px}

@media(hover:hover){
  .work-jump a:hover,.project-list-row>a:hover,.lab-row:hover>span:last-child,.kodari-wordmark:hover>span{color:var(--v2-accent);border-color:var(--v2-accent)}
  .kodari-wordmark:hover{border-color:var(--v2-line-strong)}
}

@media(max-width:1040px){
  .flagship-row{grid-template-columns:1fr 1fr;gap:48px}
  .featured-project,.featured-project.prima-project{grid-template-columns:1fr 1fr;gap:48px}
  .featured-media{padding-inline:18px}
}

@media(max-width:900px){
  .work-hero-grid,.work-section-intro,.labs-grid,.work-cta-grid{grid-template-columns:1fr}
  .work-hero{padding-top:48px}
  .work-hero h1{max-width:14ch;font-size:clamp(2.6rem,7vw,3.55rem)}
  .work-hero-copy{justify-self:start;max-width:760px}
  .work-section-intro{gap:12px}
  .work-section-intro>div{max-width:760px}
  .flagship-row,.featured-project,.featured-project.prima-project{grid-template-columns:1fr;gap:36px}
  .flagship-copy{max-width:760px}
  .kodari-wordmark{min-height:245px}
  .acadence-outline{max-width:760px}
  .featured-copy{max-width:720px;order:1}
  .featured-media{width:min(100%,720px);min-height:440px;order:2}
  .project-list-row{grid-template-columns:minmax(160px,.4fr) 1fr auto}
  .labs-intro{max-width:680px}
}

@media(max-width:680px){
  .work-v2 section[id]{scroll-margin-top:72px}
  .work-hero{padding:38px 0 50px}
  .work-hero-grid{gap:28px}
  .work-hero h1{font-size:clamp(2.35rem,10vw,2.95rem)}
  .work-jump{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:.75rem}
  .work-section-intro h2{font-size:clamp(1.95rem,9vw,2.55rem)}
  .flagship-row{padding:38px 0}
  .flagship-copy h3{font-size:clamp(2.45rem,12vw,3.1rem)}
  .work-facts>div{grid-template-columns:1fr;gap:3px}
  .kodari-wordmark{min-height:190px;padding:32px 20px}
  .outline-heading,.outline-row{grid-template-columns:112px 1fr;gap:12px}
  .featured-project{padding:40px 0}
  .featured-media{min-height:0;padding:16px 16px 0;gap:9px}
  .featured-media img{max-height:430px}
  .echo-media figure:first-child,.prima-media figure:last-child{transform:translateY(16px)}
  .featured-copy h3{font-size:clamp(2.2rem,10vw,2.75rem)}
  .project-list-row{grid-template-columns:1fr;gap:6px;padding:17px 0}
  .project-list-row>a{justify-self:start;margin-top:2px}
  .lab-row{align-items:flex-start}
  .work-cta h2{font-size:clamp(1.95rem,9vw,2.55rem)}
}

@media(max-width:420px){
  .work-jump{grid-template-columns:1fr}
  .outline-heading{grid-template-columns:1fr}
  .outline-heading span{display:none}
  .outline-row{grid-template-columns:1fr;gap:3px}
  .featured-media{padding-inline:10px}
  .lab-row{display:grid;grid-template-columns:1fr;gap:6px}
  .lab-row>span:last-child{justify-self:start}
  .work-cta .v2-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .work-cta .v2-button{width:100%}
}