/* AUTR typography refinement — PROPOSED, local review 17 October 2026.
   Keep the approved font pairing, artwork, copy and interaction design. */
:root {
  --type-display: clamp(4.3rem, 9.1vw, 9rem);
  --type-statement: clamp(3.5rem, 6.1vw, 5.5rem);
  --type-title: clamp(1.75rem, 3vw, 2.5rem);
  --type-body: clamp(1rem, 1.2vw, 1.125rem);
  --type-label: .75rem;
  --tracking-display: -.035em;
}
.hero h1 { font-size: var(--type-display); line-height: .94; letter-spacing: var(--tracking-display); }
.hero-bottom > p { font-size: var(--type-body); line-height: 1.5; }
.site-nav { font-size: .8125rem; font-weight: 500; letter-spacing: .04em; gap: clamp(1.25rem, 2.3vw, 2.75rem); }
.site-nav > a { flex-shrink: 0; white-space: nowrap; }
.brand span { font-weight: 500; letter-spacing: .1em; }
.eyebrow, .section-label { font-size: var(--type-label); font-weight: 500; line-height: 1.3; letter-spacing: .1em; }
.round-link { font-size: .75rem; font-weight: 500; letter-spacing: .04em; }
.hero-index { font-size: .75rem; letter-spacing: .08em; }
.kv-story-title { letter-spacing: -.03em; line-height: 1.08; }
.kv-story-title em, .work-gallery-header h2 em, .capabilities-head h2 em { letter-spacing: -.025em; }
.kv-story-caption { max-width: 54ch; font-size: var(--type-body); line-height: 1.5; }
.work-gallery-header h2, .capabilities-head h2, .process-intro h2 {
  font-size: var(--type-statement); font-weight: 400; line-height: 1.04; letter-spacing: var(--tracking-display);
}
.work-gallery-header > p { font-size: .9375rem; line-height: 1.5; }
.work-orbit-title h3 { font-size: var(--type-title); font-weight: 500; line-height: 1.08; letter-spacing: -.025em; }
.work-orbit-type { font-size: .75rem; line-height: 1.5; letter-spacing: .04em; }
.work-orbit-hint, .work-orbit-controls p, .work-orbit-exits a, .kv-story-position { font-size: .75rem; }
.work-orbit-footer > a { font-size: .875rem; letter-spacing: 0; }
.capabilities-head > p, .capability-copy > p, .process-intro > p:last-child, .process-steps p, .contact-intro {
  font-size: var(--type-body); line-height: 1.5;
}
.capability-item h3 { font-size: var(--type-title); line-height: 1.12; letter-spacing: -.025em; }
.capability-copy .capability-tags { font-size: .75rem; line-height: 1.6; letter-spacing: .06em; }
.capability-number, .process-steps li > span { font-size: .75rem; font-weight: 500; font-variant-numeric: tabular-nums; }
.process-steps h3 { font-size: var(--type-title); line-height: 1.1; letter-spacing: -.025em; }
.contact-top h2 { font-size: clamp(3.5rem, 6.8vw, 7rem); font-weight: 400; line-height: 1.02; letter-spacing: var(--tracking-display); max-width: 15ch; }
.brief-form label > span, .brief-form legend { font-size: .75rem; font-weight: 500; line-height: 1.3; letter-spacing: .08em; }
.nav-cta, .submit-button { font-size: .8125rem; font-weight: 500; line-height: 1.2; letter-spacing: .04em; }
.form-note { font-size: .875rem; line-height: 1.5; }
.footer-meta { font-size: .75rem; letter-spacing: .06em; }
@media (min-width: 961px) and (max-width: 1150px) {
  .site-nav { gap: 1.25rem; }
  .brand { gap: .8rem; }
  .brand span { max-width: 145px; padding-left: .8rem; }
}
@media (max-width: 700px) {
  :root { --type-display: clamp(4rem, 18vw, 4.75rem); --type-statement: clamp(2.25rem, 10vw, 3rem); --type-title: clamp(1.5rem, 6.5vw, 1.875rem); }
  .hero h1 { line-height: .94; }
  .eyebrow { font-size: .6875rem; letter-spacing: .07em; flex-wrap: wrap; }
  .hero-index { font-size: .6875rem; }
  .kv-story-title { font-size: clamp(1.75rem, 7.5vw, 2.5rem); }
  .kv-story-title--long { font-size: clamp(1.5rem, 6.2vw, 2rem); }
  .kv-story-caption { font-size: .9375rem; line-height: 1.5; }
  .has-kv-story .kv-story-copy { bottom: 14%; }
  .work-gallery-header > p { font-size: .875rem; }
  .work-orbit-type { font-size: .75rem; }
  .work-orbit-hint { max-width: 125px; font-size: .6875rem; line-height: 1.4; }
  .work-orbit-exits a { font-size: .6875rem; }
  .contact-top h2 { font-size: clamp(2.5rem, 11.5vw, 3.25rem); }
}
