/*
 * Localhost staging laptop layer.
 * Desktop remains desktop, but dense layouts get breathing room on 1024-1440px.
 */

@media (min-width: 1024px) and (max-width: 1440px) {
  :root {
    --ib-laptop-inline-pad: clamp(1.5rem, 2.1vw, 2.4rem);
    --ib-laptop-grid-gap: clamp(0.9rem, 1.2vw, 1.35rem);
  }

  header nav {
    padding-left: var(--ib-laptop-inline-pad) !important;
    padding-right: var(--ib-laptop-inline-pad) !important;
  }

  footer .max-w-7xl {
    padding-left: var(--ib-laptop-inline-pad);
    padding-right: var(--ib-laptop-inline-pad);
  }

  footer nav[aria-label="Legal navigation"] {
    gap: clamp(0.65rem, 0.9vw, 1rem);
  }

  .ib-home .ib-container {
    padding-left: var(--ib-laptop-inline-pad);
    padding-right: var(--ib-laptop-inline-pad);
  }

  .ib-home .hero-inner {
    padding: clamp(98px, 7.2vw, 120px) 0 clamp(78px, 5.8vw, 96px);
  }

  .ib-home .hero-grid {
    gap: clamp(1.25rem, 2vw, 2rem);
  }

  .ib-home .hero-title {
    font-size: clamp(2.35rem, 3.7vw, 3.35rem);
    max-width: 14ch;
  }

  .ib-home .hero-lead {
    font-size: clamp(1rem, 1.2vw, 1.15rem);
    max-width: min(90%, 60ch);
    white-space: normal !important;
  }

  .ib-home .hero-copy {
    max-width: min(92%, 68ch);
  }

  .ib-home .metric-strip,
  .ib-home .impact-strip,
  .ib-home .bento-grid,
  .ib-home .execution-grid,
  .ib-home .why-grid {
    gap: var(--ib-laptop-grid-gap);
  }

  .ib-home .city-item {
    flex-basis: min(30vw, 332px);
  }

  .ib-home .city-item img {
    height: 206px;
  }

  body.page-template-template-market-research-v2 #hero-section > div {
    padding-top: clamp(7.2rem, 8.2vw, 8rem);
    gap: 1.25rem;
  }

  body.page-template-template-market-research-v2 .mr-cta-card {
    column-gap: 1.25rem;
    row-gap: 0.8rem;
  }

  body.page-template-template-market-research-v2 #mr-work-slider {
    padding-left: 1rem;
    padding-right: 1rem;
    gap: 1rem;
  }

  body.page-template-template-market-research-v2 #mr-work-slider > * {
    width: min(34vw, 360px);
    flex: 0 0 auto;
  }

  body.page-template-template-market-research-v2 #quote-form {
    gap: 1.45rem;
  }

  body.page-template-template-service main > div:first-of-type {
    padding-top: clamp(7rem, 7.8vw, 8rem);
    gap: 1.3rem;
  }

  body.page-template-template-service #work-slider {
    padding-left: 1rem;
    padding-right: 1rem;
    gap: 1rem;
  }

  body.page-template-template-service #work-slider > a {
    width: min(32vw, 360px);
    flex: 0 0 auto;
  }

  body.page-template-template-service #quote-form {
    gap: 1.4rem;
  }

  body.page-template-template-trade-fairs main > section:first-child h1 {
    white-space: normal !important;
    font-size: clamp(2.45rem, 4.4vw, 3.45rem);
  }

  body.page-template-template-trade-fairs .tf-rich-intro p:last-child {
    white-space: normal;
  }

  body.page-template-template-trade-fairs #tf2-project-strip {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    gap: 0.8rem;
  }

  body.page-template-template-trade-fairs #tf2-project-viewer {
    gap: 1.2rem;
  }

  body.page-template-template-trade-fairs #tf2-title {
    font-size: clamp(1.45rem, 2.2vw, 1.85rem);
  }

  body.page-template-template-international-service #spreadsheet-section .overflow-x-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.page-template-template-international-service #spreadsheet-section table {
    min-width: 1080px;
  }

  body.page-template-template-international-service #map-section .h-\[420px\] {
    height: 390px;
  }

  body.page-template-template-international-service #business-model .phase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-template-template-ai-service #primary.ai-shell h1 {
    font-size: clamp(2.45rem, 4vw, 3.5rem);
    line-height: 1.1;
  }

  body.page-template-template-ai-service #ai-scroll-indicator {
    transform: translateX(-50%) scale(0.97);
  }

  body.page-template-page-contact main > section:first-child {
    padding-top: clamp(7rem, 7.8vw, 8rem);
  }

  body.page-template-page-contact main > section:nth-of-type(2) {
    gap: 1.5rem;
  }

  body.page-template-page-about .site-main section .max-w-7xl,
  body.page-template-page-about .site-main section .max-w-6xl {
    padding-left: var(--ib-laptop-inline-pad) !important;
    padding-right: var(--ib-laptop-inline-pad) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .ib-home .bento-grid,
  .ib-home .execution-grid,
  .ib-home .why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-template-template-market-research-v2 .mr-cta-card {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  body.page-template-template-market-research-v2 .mr-cta-card > .flex.items-start,
  body.page-template-template-market-research-v2 .mr-cta-card > .cta-button,
  body.page-template-template-market-research-v2 .mr-cta-card > .cta-badges {
    grid-column: 1 / 2;
  }

  body.page-template-template-market-research-v2 #mr-work-slider > * {
    width: min(42vw, 360px);
  }

  body.page-template-template-service #work-slider > a {
    width: min(42vw, 360px);
  }

  body.page-template-template-trade-fairs #tf2-project-viewer {
    grid-template-columns: 1fr;
  }

  body.page-template-template-trade-fairs #tf2-project-viewer > div {
    grid-column: auto !important;
  }

  body.page-template-template-international-service #business-model .phase-grid {
    grid-template-columns: 1fr;
  }
}