/* Fixed FUSALA previews: give the visual story an architectural scale. */
@media (min-width: 801px) {
  .studio-project .project-concept { padding-block: clamp(58px, 5vw, 80px); }
  .studio-project .project-concept-inner { width: min(calc(100% - 64px), 1480px); }
  .studio-project .project-concept h2 { max-width: 25ch; font-size: clamp(38px, 3.5vw, 52px); }
  .studio-project .project-concept-layout {
    grid-template-columns: minmax(0, 2.2fr) minmax(320px, 1fr);
    gap: clamp(34px, 3vw, 50px);
    align-items: center;
    margin-top: clamp(30px, 2.8vw, 44px);
  }
  .studio-project .project-concept-visual img { aspect-ratio: 16 / 9; object-position: center; }
  .studio-project .project-concept-copy { padding-bottom: 0; }
  .studio-project .project-journey { padding-block: clamp(60px, 5vw, 78px); }
  .studio-project .project-journey-heading { margin-bottom: clamp(30px, 3vw, 44px); }
  .studio-project .project-journey-heading h2 { font-size: clamp(38px, 3.5vw, 52px); }
  .studio-project .project-journey-sequence { row-gap: clamp(50px, 5vw, 72px); }
  .studio-project .project-journey-scene:nth-child(4) {
    grid-template-columns: minmax(0, 2.8fr) minmax(300px, 1fr);
    gap: clamp(30px, 3vw, 50px);
  }
  .studio-project .project-journey-copy h3 { font-size: clamp(28px, 2.4vw, 36px); }
  .studio-project .project-hero-facts { gap: 14px 32px; }
  .studio-project .project-hero-facts dd { font-size: 15px; }
}
@media (max-width: 800px) {
  .studio-project .project-concept { padding-block: 50px 58px; }
  .studio-project .project-concept-visual img { aspect-ratio: 16 / 9; object-position: center; }
  .studio-project .project-journey { padding-block: 52px 60px; }
  .studio-project .project-journey-heading { margin-bottom: 28px; }
  .studio-project .project-journey-sequence { gap: 20px; }
  .studio-project .project-journey-scene:nth-child(n+3) { margin-top: 26px; }
}