/* Laptop spacing (13–14 inch screens, up to ~1536px wide): the same design with the big vertical gaps eased,
   so the page reads at a steadier pace. Larger screens and phones are untouched. */
@media (min-width: 1024px) and (max-width: 1536px) {
  /* Home */
  .story__card { padding-top: 84px !important; padding-bottom: 84px !important; }
  .cascading-slider { margin-top: 72px !important; }

  /* Home: one steady rhythm between sections (--g), with the old minimum heights released */
  :root { --g: 120px; }
  .problem, .story, .work { margin-top: var(--g) !important; }
  .testimonials { padding-top: calc(var(--g) - 40px) !important; padding-bottom: calc(var(--g) - 36px) !important; }
  .services { padding-bottom: calc(var(--g) / 2 - 40px) !important; }
  .pulls { min-height: 0 !important; padding-top: calc(var(--g) / 2) !important; padding-bottom: calc(var(--g) / 2) !important; }
  .playground { min-height: 0 !important; padding-top: calc(var(--g) / 2) !important; padding-bottom: calc(var(--g) / 2 + 5px) !important; }
  .footer { padding-top: calc(var(--g) / 2 - 16px) !important; }

  /* About */
  .bio { padding-top: 120px !important; }
  .bio--more { padding-top: 72px !important; }
  .logo-rows { margin-top: 72px !important; }
  .vanya { margin-top: 84px !important; }
  .testimonials--about { padding-top: 96px !important; padding-bottom: 96px !important; }
  .faq { padding-top: 108px !important; padding-bottom: 108px !important; }

  /* Work index and case studies */
  .wi-hero { padding-top: 120px !important; }
  .wi-list { margin-top: 72px !important; }
  .wi-more { padding-bottom: 130px !important; }
  .wd-head { padding-top: 120px !important; }
  .wd-text { margin-top: 80px !important; }
  .wd-more { margin-top: 110px !important; }
  .wd-after { padding-bottom: 100px !important; }

  /* Service pages */
  .pd-hero { padding-top: 120px !important; }
  .pd-carousel, .pd-selected { margin-top: 72px !important; }
  .pd-selected .pd-carousel { margin-top: 0 !important; }
  .pd-logos { margin-top: 56px !important; }
  .pd-story { margin-top: 90px !important; }
  .pd-approach { padding-top: 128px !important; }
  .pd-why { padding-top: 118px !important; padding-bottom: 120px !important; }
  .pd-plans { padding-top: 128px !important; }

  /* Footer (every page) */
  .footer__bar { margin-top: 110px !important; }
  .footer__markwrap { margin-top: 140px !important; }
}

/* Large screens (above 1536px): the same steady rhythm, a little looser */
@media (min-width: 1537px) {
  :root { --g: 160px; }
  .problem, .story, .work { margin-top: var(--g) !important; }
  .testimonials { padding-top: calc(var(--g) - 40px) !important; padding-bottom: calc(var(--g) - 36px) !important; }
  .services { padding-bottom: calc(var(--g) / 2 - 40px) !important; }
  .pulls { min-height: 0 !important; padding-top: calc(var(--g) / 2) !important; padding-bottom: calc(var(--g) / 2) !important; }
  .playground { min-height: 0 !important; padding-top: calc(var(--g) / 2) !important; padding-bottom: calc(var(--g) / 2 + 5px) !important; }
  .footer { padding-top: calc(var(--g) / 2 - 16px) !important; }
}