@media (max-width: 1080px) {
  .hero-grid { grid-template-columns: .9fr 1.1fr; gap: 15px; }
  .hero h1 { font-size: clamp(4rem, 8.2vw, 7rem); }
  .hero-visual { transform: scale(.92); transform-origin: center right; }
  .service-grid, .system-grid { grid-template-columns: repeat(2, 1fr); }
  .capability-catalog-grid { grid-template-columns: repeat(2, 1fr); }
  .service-card { min-height: 300px; }
  .statement-grid { grid-template-columns: .3fr 1.3fr .7fr; gap: 35px; }
  .studio-grid { gap: 60px; }
}

@media (max-width: 960px) {
  :root { --header-height: 72px; }
  .container { width: min(var(--container), calc(100% - 40px)); }
  .section-space { padding-block: 95px; }
  .main-nav { position: fixed; inset: var(--header-height) 0 auto; display: grid; gap: 0; max-height: calc(100dvh - var(--header-height)); overflow-y: auto; padding: 16px 20px 22px; background: rgba(17,18,20,.98); border-bottom: 1px solid rgba(255,255,255,.1); transform: translateY(-140%); transition: transform .35s ease; }
  .main-nav.is-open { transform: translateY(0); }
  .main-nav a { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.09); font-size: 1.05rem; }
  .main-nav .mobile-nav-extra { display: block; }
  .desktop-only { display: none; }
  .menu-toggle { display: block; }
  .hero { min-height: 0; padding-top: calc(var(--header-height) + 70px); padding-bottom: 42px; }
  .hero-grid { display: block; }
  .hero-copy { padding-bottom: 35px; }.hero h1 { font-size: clamp(4.1rem, 15vw, 7.5rem); }.hero-lead { max-width: 620px; }
  .hero-visual { min-height: 530px; transform: none; }.hero-card { width: min(340px, 63%); }.orbit--outer { width: 540px; }.orbit--inner { width: 350px; }.floating-chip--ux { left: 7%; }.floating-chip--api { right: 7%; }
  .hero-bottom { display: none; }
  .section-heading--split, .section-heading--work { grid-template-columns: 1fr; gap: 28px; margin-bottom: 45px; }.section-heading-text { margin-left: 0; }.section-heading h2, .statement h2, .studio h2 { font-size: clamp(2.75rem, 9vw, 4.8rem); }
  .statement-grid { grid-template-columns: 1fr; gap: 34px; }.statement-number { order: -1; }.statement-aside { justify-self: start; width: min(280px, 70%); }
  .project-grid { gap: 44px 13px; }.project-meta { display: block; }.project-client { max-width: none; margin-top: 10px; text-align: left; }.project-meta h3 { font-size: 1.2rem; }
  .featured-reel { grid-template-columns: 1fr; margin-top: 55px; }.featured-reel-copy { min-height: 0; }.reel-video, .reel-video button, .reel-video iframe { min-height: 330px; }
  .numbers-grid { grid-template-columns: repeat(2, 1fr); gap: 45px 20px; }
  .studio-grid { grid-template-columns: 1fr; gap: 50px; }.brand-variant-grid { grid-template-columns: 1fr; }.brand-variant { min-height: 210px; }
  .cta-grid { grid-template-columns: 1fr; gap: 28px; }.cta-kicker { padding: 0; }.cta-orbit { position: absolute; right: -65px; bottom: -75px; width: 220px; height: 220px; opacity: .7; }.cta-copy { position: relative; z-index: 1; }.cta-copy h2 { font-size: clamp(3rem, 10vw, 5rem); }
  .footer-top { flex-wrap: wrap; }.footer-top > p { order: 3; width: 100%; margin: 12px 0 0; }.footer-bottom { display: block; }.footer-bottom div { margin-top: 15px; flex-wrap: wrap; }
  .contact-hero { padding-top: calc(var(--header-height) + 60px); }.contact-hero-grid, .portfolio-hero-grid { grid-template-columns: 1fr; gap: 40px; }.contact-heading h1, .portfolio-hero h1 { font-size: clamp(3.7rem, 14vw, 7rem); }.contact-facts { display: none; }.contact-heading > p:not(.eyebrow) { margin-bottom: 0; }.contact-form-wrap { padding: 0; }.contact-bottom-grid { grid-template-columns: 1fr; gap: 45px; }.portfolio-hero { min-height: auto; padding-top: calc(var(--header-height) + 70px); }.portfolio-toolbar { align-items: flex-start; flex-direction: column; }.portfolio-grid { gap: 55px 13px; }.portfolio-card-info { display: block; }.tag-list { justify-content: start; margin-top: 16px; }
}

@media (max-width: 540px) {
  .container { width: min(var(--container), calc(100% - 32px)); }
  .section-space { padding-block: 75px; }
  .site-header .brand-logo--full { display: none; }.site-header .brand-logo--symbol { display: block; width: 40px; height: 35px; }.site-footer .brand-logo--full { width: 160px; }.site-footer .brand-logo--symbol { display: none; }
  .hero h1 { font-size: clamp(3.55rem, 16vw, 5.7rem); }.hero-lead { font-size: 1rem; }.hero-actions { display: grid; align-items: stretch; }.hero-actions .button { width: 100%; }.hero-note { margin-top: 38px; }
  .hero-visual { min-height: 440px; margin-top: 5px; }.hero-card { width: 63%; padding: 18px; }.hero-symbol { width: 84px; height: 73px; margin: 43px auto 28px; }.hero-card-title { font-size: 1.65rem; }.hero-card-footer { right: 18px; bottom: 18px; left: 18px; font-size: .45rem; }.orbit--outer { width: 430px; height: 270px; }.orbit--inner { width: 290px; height: 380px; }.floating-chip { padding: 9px 11px; font-size: .6rem; }.floating-chip--ux { top: 14%; left: 0; }.floating-chip--api { right: 0; bottom: 13%; }.visual-caption { right: 0; bottom: 0; left: 0; }
  .trust-heading { display: grid; grid-template-columns: 1fr auto; gap: 8px 13px; }.trust-heading-line { display: none; }.trust-heading span:last-child { grid-column: 2; grid-row: 1; }.logo-track { gap: 18px; font-size: 1.15rem; }
  .service-grid, .system-grid, .project-grid, .people-grid, .numbers-grid { grid-template-columns: 1fr; }.service-card, .system-card { min-height: 0; }.service-icon { margin-bottom: 28px; }.service-card p { min-height: auto; margin-bottom: 24px; }.capability-ribbon { display: block; }.capability-ribbon p { margin-top: 9px; }.project-grid { gap: 39px; }.project-image, .project-card--wide .project-image { aspect-ratio: 1.25; }.project-meta h3 { font-size: 1.35rem; }.numbers { padding-block: 65px; }.number-item { min-height: 94px; }.number-item strong { font-size: 3.8rem; }
  .capability-catalog-grid { grid-template-columns: 1fr; gap: 24px; }
  .process-step { grid-template-columns: 38px 1fr 22px; gap: 12px; padding: 24px 0; }.process-step h3 { font-size: 1.35rem; }.process-step p { font-size: .82rem; }.process-symbol { font-size: 1.35rem; }
  .person-card { min-height: 0; }.person-avatar { aspect-ratio: 1.7; }
  .footer-top { align-items: flex-start; }.footer-top .button { width: 100%; }.footer-top > p { margin-top: 9px; font-size: 1.4rem; }.footer-bottom div { gap: 11px 18px; }
  .form-row { grid-template-columns: 1fr; gap: 0; }.project-form { padding: 21px 17px; }.contact-facts { gap: 15px; }.contact-facts > div { padding-top: 12px; }.contact-links strong { font-size: 1.15rem; }.portfolio-stats { gap: 17px; }.portfolio-stats strong { font-size: 1.15rem; }.portfolio-card-info h2 { font-size: 1.5rem; }.portfolio-disclaimer { margin-top: 54px; }
}