@import url("/nexus-20260929-9-fix.css");

/* V8 — calmer type scale, clearer editorial hierarchy and high-density work previews. */
.page-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);
  column-gap:clamp(48px,8vw,150px);
  row-gap:22px;
  align-items:start;
  margin-bottom:clamp(48px,5vw,78px)
}
.page-section-head>.page-kicker{grid-column:1/-1;grid-row:1;margin:0}
.page-section-head>h2{
  grid-column:1;
  grid-row:2;
  max-width:930px;
  margin:0;
  font-size:clamp(50px,5.1vw,82px);
  line-height:.96;
  letter-spacing:-.065em;
  text-wrap:balance
}
.page-section-head>p{
  grid-column:2;
  grid-row:2;
  max-width:430px;
  margin:8px 0 0;
  font-size:clamp(18px,1.25vw,21px);
  line-height:1.55
}

/* The largest display type is intentionally one step quieter site-wide. */
.hero h1,.display{font-size:clamp(46px,5.95vw,96px)}
.page-hero h1{font-size:clamp(60px,6.65vw,110px)}
.home-chapter-head h2{font-size:clamp(56px,5.95vw,106px)}
.page-section-head h2,.split-feature h2,.dark-showcase h2,.deliverables h2,.architecture h2,.collaboration h2,.inspo-note h2,.prepare h2{font-size:clamp(50px,5.1vw,84px)}
.works-intro h2,.before-after-copy h2,.direction-intro h2,.design-lab-head h2,.finder-intro h2,.check-tool-head h2,.check-explain>div:first-child h2{font-size:clamp(50px,5.35vw,92px)}
.lab-copy h2,.faq h2,.contact-copy h2{font-size:clamp(46px,4.8vw,82px)}
.page-cta h2{font-size:clamp(54px,6.45vw,105px)}
.footer-v5-intro h2{font-size:clamp(48px,5.5vw,94px)}
.work-copy h2{font-size:clamp(40px,3.65vw,64px)}
.work-statement p{font-size:clamp(46px,6.35vw,112px)}
.home-check-copy h2,.journey-screen-body strong,.preview-copy strong{font-size:clamp(52px,4.75vw,90px)}
.comparison-heading h2{font-size:clamp(50px,5.7vw,90px)}
.company-link h2{font-size:clamp(58px,7.3vw,120px)}
.concept h2{font-size:clamp(60px,6.55vw,114px)}

/* Screenshots are supplied at 2x desktop density; avoid filter/transform softening. */
.work-viewport>img,.work-mosaic img,.project-hero-visual img{
  image-rendering:auto;
  filter:none;
  backface-visibility:hidden
}

@media(max-width:1100px){
  .page-section-head{grid-template-columns:1fr;row-gap:14px}
  .page-section-head>.page-kicker,.page-section-head>h2,.page-section-head>p{grid-column:1;grid-row:auto}
  .page-section-head>p{max-width:680px;margin-top:8px}
}

@media(max-width:720px){
  .hero h1{font-size:clamp(52px,15.5vw,76px)}
  .display{font-size:10.9vw}
  .page-hero h1{font-size:clamp(50px,13.8vw,72px)}
  .page-section-head h2,.split-feature h2,.dark-showcase h2,.deliverables h2,.architecture h2,.collaboration h2,.inspo-note h2,.prepare h2{font-size:clamp(44px,11.5vw,68px)}
  .home-chapter-head h2{font-size:clamp(47px,10.7vw,67px)}
  .works-intro h2,.before-after-copy h2,.direction-intro h2,.design-lab-head h2,.finder-intro h2,.check-tool-head h2,.check-explain>div:first-child h2{font-size:clamp(44px,11.4vw,69px)}
  .lab-copy h2,.faq h2,.contact-copy h2{font-size:clamp(42px,10.7vw,64px)}
  .page-cta h2{font-size:13.8vw}
  .footer-v5-intro h2{font-size:clamp(44px,9.9vw,62px)}
  .work-copy h2{font-size:9.3vw}
  .work-statement p{font-size:12.4vw}
  .home-check-copy h2,.journey-screen-body strong,.preview-copy strong{font-size:clamp(45px,10.2vw,64px)}
  .comparison-heading h2{font-size:clamp(45px,10.2vw,64px)}
  .company-link h2{font-size:14.7vw}
  .concept h2{font-size:15.6vw}
  .direction-preview h2{font-size:13.8vw}
}