/* Mobile adaptation of the desktop art direction. Desktop rules stay untouched. */
@media (max-width: 760px) {
  :where(.page-section, .philosophy, .contact-panel) {
    --section-gutter: clamp(1.25rem, 5vw, 2rem);
    --section-space: clamp(4rem, 16vw, 6rem);
    --section-heading: clamp(2rem, 8.5vw, 3.5rem);
    --eyebrow-size: .8125rem;
  }
  .site-header { padding: 1rem 1.25rem; gap: .5rem; }
  .site-nav { gap: .5rem; }
  .site-nav a { display: inline-flex; align-items: center; min-height: 2.75rem; font-size: .875rem; }
  .hero { --mobile-hero-unit: min(1vw, 4.02px); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: calc(24.8756 * var(--mobile-hero-unit)) calc(54.7264 * var(--mobile-hero-unit)) calc(24.8756 * var(--mobile-hero-unit)) auto auto auto; gap: 0; height: auto; min-height: 100svh; padding: calc(36.3184 * var(--mobile-hero-unit)) 8.955224% 3.75rem; background: linear-gradient(#252220, #201E1C); }
  .hero h1 span, .hero h1 span:last-child { position: relative; inset: auto; grid-column: 1; align-self: start; font-size: calc(22.38806 * var(--mobile-hero-unit)); line-height: 1.111111; }
  .hero h1 span:first-child { grid-row: 1; justify-self: start; }
  .hero h1 span:last-child { grid-row: 3; justify-self: end; }
  .hero .hero-model { grid-row: 2; width: calc(74.626866 * var(--mobile-hero-unit)); height: calc(74.626866 * var(--mobile-hero-unit)); max-width: none; margin-top: calc(-7.462687 * var(--mobile-hero-unit)); align-self: start; }
  .hero .hero-eyebrow { grid-row: 4; margin: calc(16.41791 * var(--mobile-hero-unit)) 0 0; font-size: .875rem; line-height: 1.285714; font-weight: 500; }
  .hero .hero-intro { grid-row: 5; margin: 1rem 0 0; font-size: 1.125rem; line-height: 1.444444; }
  .hero .hero-details .button { grid-row: 6; width: 100%; margin-top: 2.25rem; min-height: 3.75rem; padding: 1rem 1.75rem; }
  .hero .scroll-cue { display: none; }
  .hero-intro { font-size: clamp(1rem, 4.6vw, 1.25rem); }
  .hero-details .button { min-height: 2.75rem; }
  body .studio-section #studio-title { font-size: clamp(2rem, 7.5vw, 3.5rem); line-height: 1.18; text-indent: 0; }
  #studio-title .studio-line { display: inline; white-space: normal; }
  #studio-title .studio-break { display: none; }
  body .studio-section.page-section { padding-bottom: 2.5rem; }
  .stats article { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); min-height: 9rem; padding: 1.5rem; gap: 1rem; }
  .stats strong { font-size: clamp(2.5rem, 10vw, 3.5rem); letter-spacing: 0; }
  .stats span { font-size: 1rem; line-height: 1.5; }
  .page-section .center-heading { max-width: 100%; }
  .center-heading h2 br { display: none; }
  .work-showcase .projects { margin-top: 2.5rem; }
  .services-section .center-heading h2 { font-size: var(--section-heading); }
  .services-section .service-list { margin-top: 2.5rem; }
  .services-section .service-row { grid-template-columns: 1.75rem minmax(0, 1fr); gap: .875rem; padding-block: 2rem; }
  .services-section .service-row .service-number { grid-column: 1; grid-row: 1; margin: .4em 0 0; font-size: 1rem; }
  .services-section .service-row h3 { grid-column: 2; grid-row: 1; font-size: clamp(1.625rem, 6.8vw, 2.5rem); }
  .services-section .service-row p { grid-column: 2; grid-row: 2; font-size: .9375rem; line-height: 1.65; white-space: normal; }
  .services-section .service-row .service-icon-frame { grid-column: 2; grid-row: 3; width: clamp(5rem, 24vw, 7rem); justify-self: end; margin-top: .5rem; }
  body .philosophy { width: auto; margin-inline: var(--section-gutter); padding: clamp(2rem, 8vw, 3rem) 1.5rem; }
  body .philosophy h2 { font-size: clamp(1.875rem, 7.2vw, 3rem); line-height: 1.2; letter-spacing: 0; margin-block: 1.5rem 2rem; }
  body .philosophy-note { font-size: clamp(1rem, 4.2vw, 1.25rem); line-height: 1.5; }
  .why-grid article { grid-template-rows: auto auto auto; padding: 1.5rem; min-height: 0; }
  .page-section .why-grid .eyebrow { font-size: .8125rem; margin-bottom: 1.75rem; }
  .why-grid h3 { font-size: clamp(1.5rem, 6.4vw, 2rem); white-space: normal; margin-bottom: .875rem; }
  .why-grid p:not(.eyebrow) { font-size: 1rem; line-height: 1.65; }
  .why-art { width: clamp(7rem, 32vw, 10rem); margin-top: 1.25rem; }
  .testimonials .quote-card { padding: 1.5rem; min-height: 28rem; gap: 2.5rem; }
  .testimonials .quote-card blockquote { font-size: clamp(1.25rem, 5.5vw, 1.75rem); line-height: 1.4; }
  .testimonials .quote-card figcaption { gap: .75rem; min-width: 0; }
  .testimonials .quote-card figcaption img { width: 2.75rem; height: 2.75rem; flex-shrink: 0; }
  .testimonials .quote-card figcaption span { font-size: 1rem; }
  .testimonials .quote-card figcaption small { font-size: .8125rem; line-height: 1.5; }
  .client-row li { width: clamp(11rem, 60vw, 17rem); }
  .founder.page-section { width: auto; margin-inline: var(--section-gutter); }
  .founder .founder-copy > p:not(.eyebrow) { font-size: 1rem; line-height: 1.65; }
  .founder .founder-copy .line-link { margin-top: 2rem; min-height: 2.75rem; }
  .founder .founder-photo figcaption { width: 60%; }
  body .contact-panel { margin-inline: .5rem; padding: 3rem 1.25rem 1.5rem; }
  .contact-panel .contact-top h2 { font-size: clamp(1.875rem, 10cqi, 4rem); }
  .contact-panel .contact-top p { max-width: 100%; font-size: clamp(1rem, 3.214286cqi, 1.25rem); }
  .contact-panel .button { max-width: 100%; min-height: 2.75rem; }
  .contact-panel .footer-wordmark { margin-block: 3.5rem 2rem; }
  .contact-panel .footer-bottom { grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding-block: 1.5rem 1rem; gap: .5em; font-size: clamp(.6875rem, 2.8vw, .875rem); white-space: nowrap; }
  .contact-panel .footer-bottom nav { display: none; }
  .contact-panel .footer-bottom a { min-height: 2.75rem; display: inline-flex; align-items: center; }
}