@media (max-width: 1120px) {
  .nav-link { display: none; }
  .nav-cta { display: inline-flex; }
  .hero__title { font-size: clamp(4rem, 11.5vw, 8rem); }
  .depth-feature__grid { grid-template-columns: minmax(0, 1fr) minmax(330px, .82fr); gap: 3.5rem; }
  .depth-visual { min-height: 650px; }
  .project-card--flagship { grid-column-end: span 7; }
  .project-card--nela { grid-column-start: 8; }
  .capability-list { grid-template-columns: repeat(2, 1fr); }
  .capability--primary { grid-column: 1 / -1; min-height: 520px; }
  .capability { min-height: 520px; }
  .updates-grid { grid-template-columns: repeat(2, 1fr); }
  .update-card:last-child { grid-column: 1 / -1; max-width: calc(50% - .75rem); }
  .site-footer__top { grid-template-columns: auto 1fr; }
  .back-to-top { grid-column: 2; justify-self: end; }
}

@media (max-width: 760px) {
  :root { --header-height: 72px; --shell: min(89vw, 680px); }
  .site-header { padding-inline: 5.5vw; }
  .brand__mark { width: 42px; height: 42px; }
  .brand__name strong { font-size: .7rem; }
  .menu-toggle { position: relative; z-index: 102; width: 46px; height: 46px; display: grid; place-content: center; gap: 7px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(5,6,8,.25); cursor: pointer; }
  .menu-toggle span { width: 18px; height: 1px; background: var(--paper); transition: transform .35s var(--ease-out); }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .site-nav { position: fixed; inset: 0; display: grid; align-items: end; padding: 7rem 5.5vw 3rem; visibility: hidden; opacity: 0; background: radial-gradient(circle at 80% 20%, #123442, var(--ink) 55%); transition: visibility .5s, opacity .5s; }
  .site-nav.is-open { visibility: visible; opacity: 1; }
  html:not(.js) .menu-toggle, html:not(.js) .site-nav { display: none; }
  .site-nav__inner { align-items: stretch; flex-direction: column; gap: 0; transform: translateY(20px); transition: transform .5s var(--ease-out); }
  .site-nav.is-open .site-nav__inner { transform: none; }
  .site-nav .nav-link { display: block; padding: .4rem 0; border: 0; color: var(--paper); font: 600 clamp(2.2rem, 10vw, 4rem)/1.1 var(--font-display); letter-spacing: -.04em; text-transform: none; }
  .site-nav .nav-link::after { display: none; }
  .site-nav .nav-cta { margin-top: 1.5rem; align-self: flex-start; }
  .hero__media { background: radial-gradient(circle at 70% 20%, #174d5a 0, #092737 35%, #05080c 78%); }
  .hero__scrim { background: linear-gradient(0deg, rgba(5,6,8,.97) 0%, rgba(5,6,8,.65) 55%, rgba(5,6,8,.2)); }
  .hero__structure { width: 85vw; right: -26%; bottom: 22%; opacity: .43; }
  .hero__content { padding-bottom: 7.4rem; }
  .hero__content > * { max-width: 100%; }
  .hero__title { width: 100%; font-size: clamp(3.1rem, 16vw, 6.2rem); overflow-wrap: anywhere; word-break: break-word; }
  .hero__tagline { margin-top: 1.35rem; }
  .hero__description { max-width: 38rem; line-height: 1.65; }
  .hero__actions { width: 100%; }
  .hero__actions .button { flex: 1 1 210px; }
  .hero__meta { display: none; }
  .scroll-cue { left: 5.5vw; }
  .depth-feature { padding-block: 6.5rem; }
  .depth-feature__heading { margin-bottom: 2.5rem; }
  .depth-feature__grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .depth-visual { min-height: min(125vw, 720px); }
  .depth-copy { padding-block: 0; }
  .depth-copy h2 { font-size: clamp(3.1rem, 14vw, 6rem); }
  .depth-feature__quote { margin-top: 5rem; font-size: 15vw; }
  .projects { padding-block: 6.5rem; }
  .projects__intro { grid-template-columns: 1fr; gap: 1.5rem; }
  .projects__intro > p { margin-left: 0; }
  .projects-grid { display: flex; gap: 1rem; margin-inline: 0; width: auto; padding-inline: 5.5vw; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .projects-grid::-webkit-scrollbar { display: none; }
  .project-card, .project-card--flagship, .project-card--nela, .project-card--combat, .project-card--toy { flex: 0 0 min(84vw, 560px); aspect-ratio: 4 / 5; margin-top: 0; scroll-snap-align: center; }
  .project-card__content { transform: none; }
  .project-card__summary, .project-card__action { opacity: 1; }
  .project-card__shade { background: linear-gradient(180deg, rgba(3,5,6,.05) 20%, rgba(3,5,6,.94) 88%); }
  .projects__footer { align-items: flex-start; flex-direction: column; }
  .manifesto { min-height: auto; padding-block: 7rem 4rem; }
  .manifesto__orb { top: 23%; right: -35vw; width: 100vw; opacity: .7; }
  .manifesto h2 { margin-top: 5rem; font-size: clamp(3.6rem, 15vw, 7rem); }
  .manifesto__copy { grid-template-columns: 1fr; gap: 2rem; margin-block: 3rem 6rem; }
  .manifesto__copy > span { justify-self: start; }
  .capabilities { padding-block: 6.5rem; }
  .capabilities__heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .capabilities__heading > p { margin-left: 0; }
  .capability-list { grid-template-columns: 1fr; }
  .capability--primary { grid-column: auto; }
  .capability { min-height: 480px; }
  .capability h3, .capability:not(.capability--primary) h3 { font-size: clamp(2.6rem, 11vw, 4.8rem); }
  .showreel { padding-block: 6.5rem; }
  .showreel__heading { align-items: flex-start; flex-direction: column; }
  .showreel__heading h2 { text-align: left; }
  .reel { width: 100%; aspect-ratio: 4 / 3; }
  .process { grid-template-columns: repeat(2, 1fr); row-gap: 2.5rem; }
  .process li:nth-child(3) { padding-left: 0; border-left: 0; }
  .about { padding-block: 6.5rem; }
  .about__grid { grid-template-columns: 1fr; gap: 4rem; }
  .about__identity { max-width: 580px; }
  .updates { padding-block: 6.5rem; }
  .updates__heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .updates__heading > p { margin-left: 0; }
  .updates-grid { grid-template-columns: 1fr; gap: 3.5rem; }
  .update-card:last-child { grid-column: auto; max-width: none; }
  .contact { min-height: auto; padding-block: 8rem; }
  .site-footer__top { grid-template-columns: 1fr auto; align-items: start; }
  .footer-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; margin-top: 1rem; }
  .back-to-top { grid-column: 2; grid-row: 1; }
  .site-footer__bottom { grid-template-columns: 1fr; gap: 1rem; }
  .site-footer__bottom > span, .footer-socials { text-align: left; }
}

@media (max-width: 420px) {
  .brand__name small { display: none; }
  .hero__content { padding-bottom: 6.5rem; }
  .hero__title { font-size: clamp(2.35rem, 12vw, 3rem); letter-spacing: -.08em; white-space: nowrap; word-break: normal; }
  .hero__description { font-size: .86rem; }
  .hero__actions { margin-top: 1.35rem; }
  .hero__actions { align-items: stretch; flex-direction: column; }
  .hero__actions .button { width: 100%; flex-basis: auto; }
  .button { min-height: 50px; }
  .scroll-cue span { display: none; }
  .section-kicker { display: none; }
  .depth-visual { min-height: 128vw; }
  .depth-visual__signal { inset: 1rem 1rem auto; }
  .depth-visual__warning { left: 1rem; bottom: 1rem; }
  .project-specs div { grid-template-columns: 86px 1fr; }
  .depth-copy__actions { align-items: stretch; flex-direction: column; gap: .7rem; }
  .depth-copy__actions .button, .depth-copy__actions .text-link { width: 100%; justify-content: center; }
  .projects__intro h2 { font-size: 15vw; }
  .project-card, .project-card--flagship, .project-card--nela, .project-card--combat, .project-card--toy { flex-basis: 88vw; }
  .project-card h3 { font-size: clamp(2.15rem, 11vw, 3.5rem); }
  .project-card__meta { gap: .4rem .7rem; }
  .project-card__meta span + span::before { margin-right: .7rem; }
  .manifesto__top .section-kicker { display: none; }
  .manifesto h2 { font-size: 15vw; }
  .manifesto__copy > p { font-size: 1rem; }
  .manifesto__marquee { font-size: 22vw; }
  .capabilities__heading h2, .showreel__heading h2, .about__copy h2, .updates__heading h2 { font-size: 13.5vw; }
  .capability { min-height: 430px; padding: 1.5rem; }
  .reel { aspect-ratio: 3 / 4; }
  .reel::after { right: 1rem; bottom: 1rem; font-size: .44rem; }
  .process { grid-template-columns: 1fr; }
  .process li, .process li + li, .process li:nth-child(3) { padding: 1.5rem 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }
  .process li:first-child { border-top: 0; }
  .process span { margin-bottom: .9rem; }
  .about__identity > p { align-items: flex-start; flex-direction: column; }
  .studio-facts { grid-template-columns: 1fr; }
  .studio-facts div:nth-child(even) { padding-left: 0; border-left: 0; }
  .updates-grid { gap: 3rem; }
  .update-card__meta { align-items: flex-start; flex-direction: column; gap: .4rem; }
  .contact h2 { font-size: 14vw; }
  .contact__actions { align-items: stretch; flex-direction: column; }
  .contact__actions .button, .contact__actions .text-link { width: 100%; justify-content: center; }
  .site-footer__top { grid-template-columns: 1fr; }
  .back-to-top { grid-column: 1; grid-row: 2; justify-self: start; }
  .footer-nav { grid-column: 1; grid-row: 3; align-items: flex-start; flex-direction: column; }
}
