@media (max-width: 1080px) {
  .cards-grid--three,
  .cards-grid--two,
  .figlens-card-grid,
  .figlens-workflow,
  .figlens-screen-grid,
  .strength-list,
  .figlens-hero,
  .hero-section__panel,
  .service-detail,
  .case-study-card__content,
  .app-footer__panel,
  .split-layout-balanced,
  .split-layout-wide,
  .cta-band__panel {
    grid-template-columns: 1fr;
  }

  .hero-section__visual {
    min-height: 280px;
  }

  .figlens-workflow-step::after {
    display: none;
  }

  .app-footer__links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .section {
    padding: var(--space-2xl) 0;
  }

  .section-tight {
    padding: var(--space-lg) 0;
  }

  .app-header__inner {
    min-height: 4.75rem;
  }

  .nav-toggle {
    display: inline-flex;
  }

  .app-header__nav {
    position: absolute;
    left: 1rem;
    right: 1rem;
    top: calc(100% + 0.75rem);
    display: none;
    flex-direction: column;
    align-items: stretch;
    padding: 0.8rem;
    background: linear-gradient(180deg, rgba(247, 243, 240, 0.98), rgba(241, 229, 223, 0.96));
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-panel);
  }

  .app-header__nav.is-open {
    display: flex;
  }

  .app-header__nav a {
    padding: 0.8rem 0.95rem;
  }

  .hero-section {
    padding-top: var(--space-xl);
  }

  .figlens-hero__panel {
    min-height: 0;
  }

  .hero-section__summary {
    font-size: 1rem;
  }

  .case-study-card__header {
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .container {
    width: min(calc(100% - 1.25rem), var(--max-width));
  }

  h1 {
    font-size: clamp(2.3rem, 11vw, 3.2rem);
  }

  h2 {
    font-size: clamp(1.75rem, 7vw, 2.3rem);
  }

  .panel-soft,
  .insight-panel,
  .working-model-panel,
  .figlens-capability-card,
  .figlens-value-card,
  .figlens-insight-card,
  .figlens-use-case-card,
  .figlens-workflow-step,
  .figlens-context-strip,
  .figlens-mini-panel,
  .form-panel,
  .service-card,
  .process-card,
  .principle-card,
  .contact-card,
  .strength-card,
  .case-study-card {
    padding: var(--space-lg);
  }

  .button-row {
    flex-direction: column;
  }

  .button {
    width: 100%;
  }

  .app-footer__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}