@media (max-width: 1080px) {
  .site-nav { gap: 1rem; }
  .nav-link { font-size: .72rem; }
  .hero-grid { grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr); gap: 2.5rem; }
  .hero h1 { font-size: clamp(3.65rem, 6vw, 4.55rem); }
  .system-section { padding-block: 5.5rem 6.75rem; }
  .system-layout { grid-template-columns: 1fr; gap: 3.5rem; }
  .system-copy h2 { max-width: 46rem; font-size: clamp(2.75rem, 6.25vw, 3.25rem); line-height: 1.02; }
  .system-intro { max-width: 40rem; }
  .system-visual { width: min(100%, 44rem); justify-self: end; }
  .discipline-grid { grid-template-columns: repeat(2, 1fr); }
  .engagement-preview { display: none; }
}

@media (max-width: 820px) {
  :root { --section: var(--spacing-section-compact); }
  body { --signal-field-opacity-start: 0.62; --signal-field-opacity-end: 0.78; --signal-trace-opacity-start: 0.32; --signal-trace-opacity-end: 0.48; }
  body::after { opacity: 0.4; }
  .signal-geometry span { opacity: 0.18; }
  .signal-geometry > .signal-geometry__cross { display: none; }
  body:not(.js-ready) .site-header { position: static; color: var(--ink); background: var(--paper); border-bottom-color: var(--border); }
  body:not(.js-ready) .nav-shell { display: grid; gap: .75rem; padding-block: .8rem; }
  body:not(.js-ready) .site-nav { flex-wrap: wrap; justify-content: flex-start; gap: .35rem 1rem; }
  body:not(.js-ready) .site-nav .nav-link { padding: .25rem 0; font-size: .68rem; }
  body:not(.js-ready) .site-nav .button { min-height: 2.5rem; margin-left: 0; }
  .js-ready .menu-toggle { display: block; position: relative; z-index: 102; }
  .js-ready .site-nav {
    position: fixed;
    z-index: 101;
    inset: 0;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: .5rem;
    padding: 7rem var(--gutter) 3rem;
    color: var(--paper);
    background: var(--midnight);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1rem);
    transition: opacity var(--motion-duration-standard), visibility var(--motion-duration-standard), transform var(--motion-duration-standard) var(--ease);
  }
  .js-ready .site-nav.is-open { opacity: 1; visibility: visible; transform: none; }
  .js-ready .site-nav .nav-link { width: 100%; padding: .65rem 0; font-family: var(--display); font-size: clamp(1.8rem, 8vw, 3.4rem); font-weight: var(--font-weight-semibold); }
  .js-ready .site-nav .nav-link::after { display: none; }
  .js-ready .site-nav .button { margin-top: 1.5rem; }
  .site-header.menu-active { color: var(--paper); background: transparent; border-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .hero { min-height: auto; padding: 7.75rem 0 5rem; }
  .hero-grid, .recognition-layout, .approach-layout, .matrix, .chapters, .credentials-layout, .page-intro-grid, .editorial-grid, .connect-grid { grid-template-columns: 1fr; }
  .hero-grid { row-gap: 0; }
  .hero h1 { max-width: 47.5rem; font-size: clamp(3.125rem, 7vw, 3.375rem); }
  .hero-copy { padding-top: 0; }
  .portrait-stage { justify-self: start; width: min(78%, 31rem); margin: 2.75rem 0 0 auto; }
  .portrait-stage::after { width: 4rem; height: 4rem; opacity: 0.56; }
  .scroll-cue { display: none; }
  .section-head { grid-template-columns: 1fr; gap: 1.2rem; }
  .section-head h2 { max-width: 14ch; }
  .capabilities-home { padding-block: 6rem 6.5rem; }
  .capabilities-home::before { opacity: 0.5; }
  .capabilities-header { margin-bottom: 3.5rem; }
  .capability-panel { min-height: 22rem; padding: 1.5rem; }
  .capability-panel:focus-visible { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .capabilities-home .capability-title { margin-top: 3rem; }
  .system-section { padding-block: 5rem 5.75rem; }
  .recognition-intro, .approach-heading, .connect-direct { position: static; }
  .recognition-intro h2, .approach-heading h2 { max-width: 12ch; }
  .engagement-row { grid-template-columns: 3rem 1fr auto; }
  .engagement-row .engagement-meta { grid-column: 2; }
  .approach-step { min-height: 13rem; }
  .matrix { gap: 2rem; }
  .matrix-nav { display: grid; grid-template-columns: repeat(5, minmax(8rem, 1fr)); overflow-x: auto; scrollbar-width: thin; }
  .matrix-tab { min-width: 8rem; grid-template-columns: 1fr; padding: 1rem; border-right: var(--rule-light); }
  .matrix-tab span:first-child, .matrix-tab span:last-child { display: none; }
  .timeline-item { grid-template-columns: 6rem 1fr; }
  .page-hero { min-height: 62svh; }
  .page-hero::after { opacity: 0.24; }
  .portrait-editorial { margin-left: 0; }
  .capability-section { grid-template-columns: 1fr; }
  .engagement-card { grid-template-columns: 3rem 1fr; }
  .engagement-card__visual { grid-column: 2; }
  .engagement-card__copy { grid-column: 2; }
  .conversation-meta { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .conversation-meta div { background: rgba(8, 24, 40, 0.7); }
  .contact-form { background: color-mix(in srgb, var(--surface) 86%, transparent); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .case-layout { grid-template-columns: 1fr; }
  .case-nav { position: static; display: flex; gap: 1rem; overflow-x: auto; }
  .case-nav a { min-width: max-content; border-bottom: var(--rule-light); }
}

@media (max-width: 600px) {
  :root { --gutter: var(--spacing-page-gutter-compact); }
  body { --signal-field-opacity-start: 0.54; --signal-field-opacity-end: 0.68; line-height: var(--line-height-body-compact); }
  body::before { inset: -14vmax; background-image: radial-gradient(circle at 82% 28%, var(--color-signal-field) 0, transparent 26rem), linear-gradient(var(--color-signal-grid) var(--border-width-thin), transparent var(--border-width-thin)), linear-gradient(90deg, var(--color-signal-grid) var(--border-width-thin), transparent var(--border-width-thin)); background-size: auto, 4.5rem 4.5rem, 4.5rem 4.5rem; }
  body::after { display: none; }
  .signal-geometry > .signal-geometry__node,
  .signal-geometry > .signal-geometry__cross,
  .signal-geometry > .signal-geometry__segment { display: none; }
  .signal-geometry > .signal-geometry__diamond { top: 74%; right: 0.8rem; }
  h1 { font-size: var(--font-size-heading-1-compact); }
  h2 { font-size: var(--font-size-heading-2-compact); }
  .nav-shell { min-height: 4.85rem; }
  .brand-name small { display: none; }
  .hero { padding: 6.4rem 0 3.75rem; }
  .hero::before { background-size: 3.2rem 3.2rem; }
  .hero::after { background: radial-gradient(ellipse 90% 46% at 90% 78%, var(--color-hero-atmosphere-76), transparent 74%); }
  .hero h1 { max-width: 100%; margin-bottom: 1rem; font-size: clamp(2.35rem, 10vw, 3.125rem); line-height: 1.045; letter-spacing: -0.035em; text-wrap: balance; }
  .hero .eyebrow { align-items: center; margin-bottom: 0.75rem; font-size: clamp(.56rem, 2.25vw, .6rem); letter-spacing: .075em; line-height: 1.4; white-space: nowrap; }
  .hero .eyebrow::before { flex: 0 0 1.15rem; margin-top: 0; }
  .hero-statement { max-width: 32rem; margin-bottom: 0.85rem; font-size: 1.02rem; line-height: 1.58; }
  .hero-role { margin-bottom: 0; font-size: clamp(.58rem, 2.65vw, .66rem); letter-spacing: .035em; line-height: 1.55; white-space: nowrap; }
  .hero-actions { display: grid; }
  .hero-actions .button { width: 100%; }
  .hero .hero-actions { gap: 0.7rem; margin-top: 1rem; }
  .hero-context { display: grid; gap: .35rem; margin-top: 0.85rem; font-size: .59rem; line-height: 1.55; }
  .hero-context span + span::before { content: none; }
  .portrait-stage { width: min(92%, 28rem); margin-top: 0.75rem; }
  .portrait-stage::before { inset: 0.45rem -0.45rem -0.45rem 0.45rem; }
  .portrait-stage::after { top: -0.25rem; right: -0.25rem; width: 3.25rem; height: 3.25rem; opacity: 0.44; }
  .portrait-window { --portrait-signal-opacity: 0.22; }
  .discipline-grid { grid-template-columns: 1fr; }
  .capabilities-home { padding-block: 5rem 5.5rem; }
  .capabilities-home::before { inset: 0; opacity: 0.34; background: radial-gradient(circle at 88% 18%, var(--color-surface-accent-wash), transparent 20rem); }
  .capabilities-header { margin-bottom: 2.5rem; }
  .capabilities-header .eyebrow { margin-bottom: 1rem; }
  .capabilities-header h2 { max-width: 100%; margin-bottom: 1.75rem; font-size: clamp(2.375rem, 10.2vw, 2.75rem); line-height: 1.05; letter-spacing: -0.025em; }
  .capabilities-intro { font-size: 1rem; line-height: 1.65; }
  .capabilities-grid { grid-template-columns: 1fr; }
  .capability-panel { min-height: 0; padding: 1.125rem 1.5rem; }
  .capability-panel::after { display: none; }
  .capabilities-home .capability-title { margin: 1.75rem 0 0.625rem; font-size: clamp(1.5rem, 6.5vw, 1.75rem); }
  .capability-description { font-size: 1rem; }
  .capability-outcome { gap: 0.25rem; margin-top: 1.125rem; padding-top: 0.75rem; opacity: 1; }
  .capability-indicator { transform: none; }
  .system-section { padding-block: 4.5rem 5rem; }
  .system-layout { gap: 2.375rem; }
  .system-copy .eyebrow { margin-bottom: 1rem; }
  .system-copy h2 { max-width: 100%; margin-bottom: 1.25rem; font-size: clamp(2.375rem, 10.2vw, 2.75rem); line-height: 1.05; letter-spacing: -0.025em; }
  .system-intro { font-size: 1rem; line-height: 1.65; }
  .system-visual { width: 100%; padding: 1rem 1rem 1.1rem; }
  .system-visual::before { top: 1.25rem; bottom: 5.25rem; left: 1.85rem; }
  .system-stage { min-height: 3.55rem; grid-template-columns: 1.55rem minmax(0, 1fr); gap: 0.75rem; padding: 0.55rem 0.25rem; }
  .system-stage::after { left: 0.78rem; width: 0.78rem; }
  .system-stage span { width: 1.2rem; font-size: 0.52rem; }
  .system-stage strong { font-size: 0.68rem; letter-spacing: 0.065em; }
  .system-outcome { margin: 1rem 0 0 2.35rem; padding: 0.85rem 0.9rem; }
  .system-outcome::before { width: 1.5rem; }
  .issue-row { grid-template-columns: 2.2rem 1fr; }
  .recognition::after, #selected-engagements::before, .conversation::after, .page-hero::after { display: none; }
  .engagement-row { grid-template-columns: 2.4rem 1fr; gap: 1rem; min-height: 10rem; }
  .engagement-row .engagement-arrow { display: none; }
  .engagement-title { font-size: 1.8rem; }
  .approach-section::before { opacity: 0.3; background: radial-gradient(circle at 86% 22%, var(--color-surface-accent-wash), transparent 22rem); }
  .approach-steps::before { left: 1.15rem; }
  .approach-step { grid-template-columns: 2.4rem 1fr; gap: 1rem; min-height: 12rem; padding-inline: 0.5rem; }
  .approach-step::before { left: 0.86rem; }
  .approach-step.is-active { transform: none; }
  .matrix-panels { min-height: 25rem; padding: 1.5rem; }
  .matrix-panels::before { display: none; }
  .discipline { min-height: 15rem; }
  .timeline-item { grid-template-columns: 1fr; gap: .5rem; padding-left: 1.8rem; }
  .conversation-meta, .footer-grid { grid-template-columns: 1fr; }
  .footer-statement { margin-bottom: 3.5rem; }
  .footer-bottom { justify-content: flex-start; }
  .principle { grid-template-columns: 2.2rem 1fr; gap: 1rem; }
  .principle p { grid-column: 2; }
  .capability-detail { grid-template-columns: 1fr; }
  .engagement-card { grid-template-columns: 1fr; }
  .engagement-card > * { grid-column: 1; }
  .engagement-card > .engagement-number { margin-bottom: -1rem; }
  .contact-form { grid-template-columns: 1fr; padding: 1.25rem; background: color-mix(in srgb, var(--surface) 92%, transparent); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .field--full { grid-column: auto; }
  .form-note { grid-column: auto; }
  .contact-form .button { width: 100%; }
}

@media (max-width: 380px) {
  .hero { padding-top: 6rem; }
  .hero h1 { margin-bottom: 0.8rem; font-size: 2.3rem; }
  .hero .eyebrow { margin-bottom: 0.5rem; }
  .hero-statement { margin-bottom: 0.65rem; line-height: 1.55; }
  .hero-role { letter-spacing: .03em; }
  .hero .hero-actions { margin-top: 0.75rem; }
  .hero-context { margin-top: 0.65rem; }
  .portrait-stage { margin-top: 0.4rem; }
}