/* ================================================================
   2COMS GROUP — responsive.css
   Media-query overrides ONLY. Never add base styles here.
   Breakpoints: 1599 | 1199 | 991 | 767 | 575
   ================================================================ */

/* ----------------------------------------------------------------
   ≤ 1599px  Laptop screens — proportional type scale-down
   ---------------------------------------------------------------- */
@media (max-width: 1599.98px) {
  /* Type scale */
  h1 { font-size: 54px; }
  h2 { font-size: 38px; }
  h3 { font-size: 24px; }
  h4 { font-size: 18px; }

  /* Hero / display */
  .hero-main-word         { font-size: 92px; letter-spacing: -3px; }
  .hero-aside__h2         { font-size: 38px; }

  /* Section titles */
  .trusted-title          { font-size: 38px; }
  .biz-slider__headline   { font-size: 42px; }
  .bow-title              { font-size: 38px; }
  .bow-feat__title        { font-size: 24px; }
  .bow-bubble__title      { font-size: 20px; }
  .galaxy-section__title  { font-size: 38px; }
  .cta-banner__title      { font-size: 44px; }
  .stack-section__title   { font-size: 36px; }

  /* Cards */
  .testi-card__company-name { font-size: 24px; }
  .testi-card__quote        { font-size: 16px; }
  .insight-card__title      { font-size: 18px; }

  /* Stats */
  .stat-card__number        { font-size: 48px; }
  .footer-mini-stat__num    { font-size: 22px; }
}

/* ----------------------------------------------------------------
   ≤ 1199px  Large tablet / small desktop
   ---------------------------------------------------------------- */
@media (max-width: 1199.98px) {

  /* Hero */
  .hero-main-word         { font-size: 80px; letter-spacing: -4px; }
  .hero-line-2__aside     { max-width: 240px; font-size: 14px; }
  .hero-stamp             { width: 92px; height: 92px; }
  .hero-stamp__num        { font-size: 22px; }
  .hero-img-wrap          { height: 420px; }
  .hero-aside             { padding-left: var(--sp4); }
  .hero-aside__h2         { font-size: 36px; }

  /* Type scale */
  h1 { font-size: 52px; }
  h2 { font-size: 38px; }

  /* Businesses */
  .biz-grid { grid-template-columns: repeat(3, 1fr); }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(3, 1fr); }
  .stats-grid .stat-card:nth-child(3) { border-right: none; }
  .stats-grid .stat-card:nth-child(n+4) { border-top: 1px solid #eee; }

  /* Industries */
  .industry-grid { grid-template-columns: repeat(5, 1fr); }

  /* Galaxy section — orrery fits at this breakpoint, just tighten text */
  .galaxy-section__title { font-size: 36px; }
  .galaxy-section__sub   { font-size: 14px; }

  /* Who we are */
  .who-we-are__copy { padding-right: var(--sp4); }

  /* Foundation */
  .foundation-copy { padding-left: var(--sp4); }

  /* CTA banner */
  .cta-banner__title { font-size: 40px; }

  /* Mega menu — Netwrix panel */
  .nm-panel__inner { padding: var(--sp4); }
  .nm-panel__right { flex: 0 0 260px; }

  /* Nav spacing */
  .site-nav .nav-link { padding: 20px 10px !important; font-size: 13px; }
  .site-nav .container-xxl { padding-left: var(--sp4); padding-right: var(--sp4); }

  /* Biz slider */
  .biz-slider__left  { flex: 0 0 48%; max-width: 48%; padding: var(--sp6) var(--sp4) var(--sp5) var(--sp5); }
  .biz-slider__headline { font-size: 42px; }
}

/* ----------------------------------------------------------------
   ≤ 991px  Tablet — nav collapses to offcanvas
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {

  /* Type scale — tablet */
  h1 { font-size: 42px; }
  h2 { font-size: 30px; }
  h3 { font-size: 22px; }
  h4 { font-size: 17px; }

  .trusted-title          { font-size: 30px; }
  .biz-slider__headline   { font-size: 34px; }
  .bow-title              { font-size: 30px; }
  .bow-feat__title        { font-size: 20px; }
  .galaxy-section__title  { font-size: 30px; }
  .cta-banner__title      { font-size: 34px; }
  .testi-card__company-name { font-size: 20px; }
  .testi-card__quote        { font-size: 15px; }
  .stat-card__number        { font-size: 40px; }

  /* Stack section header */
  .stack-section__intro        { flex-direction: column; align-items: flex-start; gap: var(--sp3); }
  .stack-section__intro-right  { padding-bottom: 0; }
  .stack-section__title        { font-size: 32px; }

  /* Hero bento — shrink fonts slightly */
  .hero-bento__a-headline { font-size: 22px; }
  .hero-bento__num        { font-size: 34px; }

  /* Hero — headline stacks, content stacks */
  .hero-main-word         { font-size: 60px; letter-spacing: -3px; white-space: normal; }
  .hero-headline-row      { flex-wrap: wrap; gap: var(--sp2); align-items: center; }
  .hero-subtext           { max-width: 100%; font-size: 14px; }
  .hero-stamp             { width: 80px; height: 80px; }
  .home-hero__content-block .row { flex-direction: column; }
  .hero-img-wrap          { height: 320px; margin-bottom: var(--sp4); }
  .hero-aside             { padding-left: 0; margin-top: var(--sp4); }
  .hero-aside__h2         { font-size: 32px; }
  .hero-trust-badge       { max-width: 100%; }
  .home-hero__stats-inner { flex-wrap: wrap; }
  .hero-stat              { flex: 1 0 33.333%; min-width: 0; }
  .hero-stat:nth-child(3)::after { display: none; }
  .hero-stat:nth-child(n+4) { border-top: 1px solid #e0e0e0; }
  .hero-stat__num         { font-size: 24px; }

  /* Who we are */
  .who-we-are__copy { padding-right: 0; margin-bottom: var(--sp5); }
  .who-we-are__visual-wrap { height: 320px; }

  /* Type */
  h1 { font-size: 44px; }
  h2 { font-size: 34px; }

  /* Businesses */
  .biz-grid { grid-template-columns: repeat(2, 1fr); }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(3, 1fr); }
  .stats-grid .stat-card { border-right: none !important; border-bottom: 1px solid #eee; }
  .stats-grid .stat-card:nth-last-child(-n+3) { border-bottom: none; }
  .stat-card__number { font-size: 44px; }

  /* Industries */
  .industry-grid { grid-template-columns: repeat(5, 1fr); gap: var(--sp2); }

  /* Galaxy section — tablet: orrery overflows sides, that's fine (it's clipped) */
  .galaxy-section        { height: auto; }
  .galaxy-section__title { font-size: 26px; white-space: normal; }
  .galaxy-section__sub   { white-space: normal; font-size: 14px; }
  .galaxy-orrery-wrap    { height: 420px; }
  /* Scale down for tablet — transform-origin: top so top of ring stays pinned.
     top offset keeps middle ring near the wrap top after scaling. */
  .galaxy-orrery         { transform: translateX(-50%) scale(0.75); transform-origin: center top; top: -105px; }

  /* Foundation */
  .foundation-copy { padding-left: 0; margin-top: var(--sp5); }
  .foundation-visual { min-height: 300px; }
  .foundation-visual__num { font-size: 64px; }

  /* Section padding */
  .section { padding: 70px 0; }

  /* CTA */
  .cta-banner { padding: var(--sp6) 0; }
  .cta-banner__title { font-size: 36px; }

  /* Utility bar — partial */
  .utility-bar__contacts .u-hide-md { display: none; }

  /* Nav: hide desktop links, show toggler */
  .site-nav .navbar-collapse,
  .site-nav .navbar-nav { display: none !important; }
  .site-nav .ms-auto.d-flex { display: none !important; }

  /* Hide nm-panel at tablet — offcanvas nav takes over */
  .nm-panel { display: none !important; }

  /* Biz slider — stack vertically */
  .biz-slider__wrap  { flex-direction: column; min-height: auto; }
  .biz-slider__left  { flex: none; max-width: 100%; padding: var(--sp6) var(--sp5); }
  .biz-slider__right { min-height: 420px; position: relative; }
  .biz-slider__headline { font-size: 36px; }
  .biz-slider__intro { max-width: 100%; }
  .biz-detail__features { grid-template-columns: 1fr; }
  .biz-progress-item__label { font-size: 11px; }
}

/* ----------------------------------------------------------------
   ≤ 767px  Mobile landscape — single-column layouts
   ---------------------------------------------------------------- */
@media (max-width: 767.98px) {

  /* Type scale — mobile */
  h1 { font-size: 32px; letter-spacing: -1.5px; }
  h2 { font-size: 24px; letter-spacing: -1px; }
  h3 { font-size: 19px; }
  h4 { font-size: 16px; }

  .trusted-title          { font-size: 24px; }
  .biz-slider__headline   { font-size: 26px; }
  .bow-title              { font-size: 26px; }
  .bow-feat__title        { font-size: 17px; }
  .bow-bubble__title      { font-size: 16px; }
  .galaxy-section__title  { font-size: 22px; }
  .cta-banner__title      { font-size: 26px; }
  .stack-section__title   { font-size: 22px; }
  .testi-card__company-name { font-size: 18px; }
  .testi-card__quote        { font-size: 14px; }
  .insight-card__title      { font-size: 16px; }
  .stat-card__number        { font-size: 32px; }
  .footer-mini-stat__num    { font-size: 18px; }

  /* Hero */
  /* Best-of-the-week mobile — stack side cards */
  .bow-side { flex-direction: column; }
  .bow-feat__bubble { padding: 16px 18px; }
  .bow-feat__date, .bow-feat__cat { font-size: 12px; padding: 6px 12px; }

  .hero-main-word         { font-size: 44px; letter-spacing: -2px; }
  .hero-headline-row      { gap: var(--sp2); }
  .hero-stamp             { width: 70px; height: 70px; }
  .hero-stamp__num        { font-size: 18px; }
  .hero-img-wrap          { height: 280px; }
  .hero-img-badge__num    { font-size: 32px; }
  .hero-aside__h2         { font-size: 28px; }
  .hero-aside__p          { font-size: 15px; }
  .hero-aside__btns       { flex-direction: column; align-items: flex-start; }
  .hero-stat              { flex: 1 0 50%; }
  .hero-stat:nth-child(2)::after { display: none; }
  .hero-stat:nth-child(n+3) { border-top: 1px solid #e0e0e0; }
  .hero-stat__num         { font-size: 22px; }

  /* Stack section header */
  .stack-section__title { font-size: 26px; }

  /* Hero bento — collapse to 2-col on mobile */
  .hero-bento {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    min-height: 0;
  }
  .hero-bento__cell--a { grid-column: 1 / 3; grid-row: auto; }
  .hero-bento__cell--e { grid-column: 1 / 3; }
  .hero-bento__a-headline { font-size: 20px; }
  .hero-bento__num        { font-size: 30px; }
  .hero-bento__deco       { font-size: 100px; }

  /* Type */
  h1 { font-size: 36px; }
  h2 { font-size: 28px; letter-spacing: -0.02em; }
  h3 { font-size: 22px; }

  /* Sections */
  .section { padding: 50px 0; }

  /* Who we are */
  .who-we-are__visual-wrap { height: 260px; }
  .who-we-are__badge,
  .who-we-are__badge-2 { padding: var(--sp2) var(--sp3); }
  .who-we-are__badge-num { font-size: 26px; }
  .who-we-are__sub { font-size: 15px; }

  /* Businesses */
  .biz-grid { grid-template-columns: 1fr; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid .stat-card { border-right: none !important; border-bottom: 1px solid #eee !important; }
  .stats-grid .stat-card:nth-last-child(-n+2) { border-bottom: none !important; }
  .stat-card__number { font-size: 38px; }
  .stat-card__label  { font-size: 11px; }

  /* Industries */
  .industry-grid { grid-template-columns: repeat(4, 1fr); gap: var(--sp2); }
  .industry-item { padding: var(--sp3) var(--sp2); }
  .industry-item__icon { width: 44px; height: 44px; font-size: 20px; }
  .industry-item__label { font-size: 11px; }

  /* Galaxy section — hide orrery, show grid */
  .galaxy-orrery-wrap  { display: none; }
  .galaxy-mobile-grid  { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--sp3); }
  .galaxy-section__title { font-size: 24px; white-space: normal; }
  .galaxy-section__sub   { white-space: normal; }

  /* Logo marquee */
  .logo-marquee::before,
  .logo-marquee::after { width: 40px; }
  .logo-marquee__item { padding: 12px 18px; font-size: 12px; min-width: 100px; }

  /* Trusted By — tighten on tablet/mobile */
  .trusted-title { font-size: 28px; }
  .trusted-sub { white-space: normal; font-size: 14px; }

  /* Best-of-the-week — stack on tablet/mobile */
  .bow-grid { grid-template-columns: 1fr; }
  .bow-feat { min-height: 480px; }
  .bow-feat__bubble { max-width: calc(100% - 48px); right: 24px; }
  .bow-bubble__title { font-size: 22px; }
  .bow-side { flex-direction: row; }
  .bow-ad, .bow-pick { min-height: 260px; }
  .bow-title { font-size: clamp(34px, 7vw, 52px); letter-spacing: -1.5px; }

  /* Featured testimonials — stack on tablet/mobile */
  .testi2-grid { grid-template-columns: 1fr; gap: var(--sp4); }
  .testi2-content { padding-right: 0; }
  .testi2-title { font-size: 30px; letter-spacing: -1px; }
  .testi2-quote { font-size: 16px; }
  .testi2-photos { aspect-ratio: 4 / 3; max-width: 500px; margin: 0 auto; }
  .testi2-logos { grid-template-columns: repeat(2, 1fr); }
  .testi2-logo { height: 70px; padding: 12px 16px; }
  .testi2-logo img { max-height: 28px; max-width: 100px; }
  .logo-hmarquee { padding: 6px 0; }
  .logo-hcard { width: 144px; height: 60px; margin-right: 10px; padding: 10px 14px; border-radius: 10px; }
  .logo-hcard img { max-height: 32px; max-width: 100px; }

  /* Stories */
  .story-card__thumb { height: 180px; }
  .story-card__num   { font-size: 40px; }

  /* Foundation */
  .foundation-visual__num { font-size: 52px; }
  .foundation-copy__headline { font-size: 30px; }

  /* CTA */
  .cta-banner__title { font-size: 30px; }
  .cta-banner__sub   { font-size: 15px; }
  .cta-banner__btns  { flex-direction: column; align-items: center; }

  /* Footer */
  .site-footer__body .row > div { margin-bottom: var(--sp5); }
  .site-footer__bottom { flex-direction: column; align-items: flex-start; gap: var(--sp2); }
  .site-footer__legal  { flex-wrap: wrap; gap: var(--sp2); }

  /* Utility bar */
  .utility-bar { display: none; }

  /* About-intro: utility bar hidden at mobile, only nav (67px) sits above */
  .about-intro { height: calc(100vh - 67px); }

  /* Buttons */
  .btn-brand,
  .btn-accent-brand,
  .btn-ghost,
  .btn-ghost--ink,
  .btn-success-brand { padding: 12px 20px; font-size: 14px; }

  /* Section header */
  .section-hdr__sub { font-size: 15px; }

  /* Biz slider */
  .biz-slider__left  { padding: var(--sp5) var(--sp4); }
  .biz-slider__right { min-height: 360px; }
  .biz-slider__headline { font-size: 30px; }
  .biz-img-badge     { bottom: var(--sp4); left: var(--sp4); min-width: 160px; }
  .biz-img-badge__stat { font-size: 20px; }
  .biz-progress-strip { flex-wrap: wrap; }
  .biz-progress-item { flex: 1 0 50%; border-bottom: 1px solid rgba(255,255,255,.06); }
}

/* ----------------------------------------------------------------
   About / inner pages
   ---------------------------------------------------------------- */

/* Story bento: collapse to single column below md */
@media (max-width: 767.98px) {
  .story-bento {
    grid-template-columns: 1fr;
  }
  .story-bento__wide,
  .story-bento__narrow {
    grid-column: 1 / -1;
  }
}
@media (max-width: 1199.98px) {
  .page-hero__title      { font-size: 46px; }
  .pull-quote__text      { font-size: 20px; }
  .statement-block__text { font-size: 18px; }
  .milestone-year        { font-size: 30px; }
}

@media (max-width: 991.98px) {
  .page-hero { padding: 72px 0 64px; }
  .page-hero__title   { font-size: 38px; }
  .page-hero__sub     { font-size: 16px; }
  .about-stats-row    { grid-template-columns: 1fr 1fr; }
  .about-stat-cell__num { font-size: 38px; }
  .milestones-timeline::before { left: 20px; }
  .milestone-row      { grid-template-columns: 1fr; }
  .milestone-row__dot { left: 20px; }
  .milestone-row--odd .milestone-row__left,
  .milestone-row--even .milestone-row__left { display: block; text-align: left; padding: 24px 0 24px 52px; }
  .milestone-row--odd .milestone-row__right,
  .milestone-row--even .milestone-row__right { display: none; }
  .pull-quote         { padding: 28px 32px; }
  .pull-quote__text   { font-size: 18px; }
  .statement-block    { padding: 32px 36px; }
}

@media (max-width: 767.98px) {
  .page-hero__title   { font-size: 32px; }
  .about-stats-row    { grid-template-columns: 1fr 1fr; }
  .pull-quote         { padding: 24px 24px; }
  .pull-quote__text   { font-size: 16px; }
  .statement-block    { padding: 28px 24px; }
  .statement-block__text { font-size: 16px; }
  .milestone-year     { font-size: 26px; }
}

@media (max-width: 575.98px) {
  .page-hero__title   { font-size: 28px; }
  .about-stats-row    { grid-template-columns: 1fr; }
  .cert-strip         { gap: 8px; }
  .cert-pill          { font-size: 13px; padding: 8px 16px; }
}

/* ----------------------------------------------------------------
   ≤ 575px  Mobile portrait
   ---------------------------------------------------------------- */
@media (max-width: 575.98px) {

  /* Hero */
  .hero-main-word         { font-size: 36px; letter-spacing: -1.5px; }
  .hero-stamp             { width: 60px; height: 60px; }
  .hero-stamp__num        { font-size: 16px; }
  .hero-img-wrap          { height: 240px; }
  .hero-img-badge__num    { font-size: 28px; }
  .hero-aside__h2         { font-size: 24px; }
  .hero-stat              { flex: 1 0 50%; }
  .hero-stat__num         { font-size: 20px; }
  .hero-stat__label       { font-size: 10px; }

  /* Type */
  h1 { font-size: 30px; }
  h2 { font-size: 24px; }
  h3 { font-size: 20px; }

  /* Businesses */
  .biz-grid { grid-template-columns: 1fr; }
  .vertical-card { padding: var(--sp4) var(--sp3); }

  /* Stats */
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-card__number { font-size: 34px; }

  /* Industries */
  .industry-grid { grid-template-columns: repeat(3, 1fr); gap: var(--sp2); }

  /* Galaxy section mobile */
  .galaxy-mobile-grid { grid-template-columns: repeat(3, 1fr); gap: var(--sp2); }
  .galaxy-section__title { font-size: 22px; }

  /* Who we are */
  .who-we-are__visual-wrap { height: 220px; }

  /* Stories */
  .story-card__thumb { height: 160px; }

  /* Foundation */
  .foundation-visual { min-height: 220px; }
  .foundation-visual__num { font-size: 44px; }
  .foundation-copy__headline { font-size: 26px; }

  /* CTA */
  .cta-banner__title { font-size: 26px; letter-spacing: -0.5px; }
  .cta-banner__btns .btn-brand,
  .cta-banner__btns .btn-ghost { width: 100%; justify-content: center; }

  /* Footer */
  .footer-nl-form { flex-direction: column; }
  .footer-nl-btn  { width: 100%; }

  /* Nav brand text */
  .nav-brand__text { font-size: 18px; }
}

/* ----------------------------------------------------------------
   SITEMAP PAGE — responsive overrides
   ---------------------------------------------------------------- */
@media (max-width: 1100px) {
  .sitemap-page .mm-grid { grid-template-columns: repeat(7, 0.7fr); gap: 8px; }
  .sitemap-page .mm-header { flex-direction: column; }
}
@media (max-width: 860px) {
  .sitemap-page .mm-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 700px) {
  .sitemap-page .cover { padding: 40px 24px 48px; }
  .sitemap-page .cover h1 { font-size: 32px; }
  .sitemap-page .mm-wrapper { padding: 32px 20px; }
  .sitemap-page .mm-grid { grid-template-columns: 1fr; }
  .sitemap-page .mm-card--biz { grid-column: span 1; }
  .sitemap-page .mm-biz-grid { grid-template-columns: 1fr 1fr; }
  .sitemap-page .container { padding: 0 20px 40px; }
  .sitemap-page .grid-2,
  .sitemap-page .grid-3 { grid-template-columns: 1fr; }
  .sitemap-page .process { flex-direction: column; }
  .sitemap-page .step:not(:last-child)::after { content: '↓'; right: auto; left: 50%; top: auto; bottom: -12px; transform: translateX(-50%); }
}

/* ----------------------------------------------------------------
   Container cap — laptop screens
   ---------------------------------------------------------------- */
@media (max-width: 1599.98px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-fluid {
    max-width: 1300px;
  }
}

/* ----------------------------------------------------------------
   Solutions grid — mobile
   ---------------------------------------------------------------- */
@media (max-width: 767.98px) {
  .solutions-grid {
    grid-template-columns: 1fr;
  }

  .solution-card__img {
    height: 380px;
  }
}

/* ----------------------------------------------------------------
   Reduced motion — scroll reveal & animations
   ---------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal--left,
  .reveal--right,
  .reveal--scale {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .word-inner {
    transform: none !important;
    opacity: 1 !important;
    animation: none !important;
  }

  .eyebrow {
    opacity: 1 !important;
    animation: none !important;
  }

  .stagger-children > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }

  .journey-slider__track { transition: none; }
  .journey-slide__img img { transition: none; transform: scale(1); }
}

/* ================================================================
   INNER PAGES — WORKFORCE / BUSINESS PAGE — RESPONSIVE
   ================================================================ */

/* ---- wf-stats-bar: 3 cols at tablet, 2 at mobile ---- */
@media (max-width: 991.98px) {
  .wf-stats-bar {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 575.98px) {
  .wf-stats-bar {
    grid-template-columns: repeat(2, 1fr);
  }
  .wf-stat {
    padding: 28px 16px;
  }
  .wf-stat__num {
    font-size: 32px;
  }
}

/* ---- Process steps: wrap/vertical on mobile ---- */
@media (max-width: 767.98px) {
  .process-steps {
    flex-wrap: wrap;
    gap: 24px;
  }
  .process-steps::before {
    display: none;
  }
  .process-step {
    flex: 0 0 calc(33.333% - 16px);
  }
}

@media (max-width: 575.98px) {
  .process-step {
    flex: 0 0 calc(50% - 12px);
  }
}

/* ---- Page hero title: reduce on mobile ---- */
@media (max-width: 767.98px) {
  .page-hero {
    padding: 72px 0 56px;
  }
  .page-hero__title {
    font-size: 36px;
  }
  .page-hero__btns {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ---- Inner CTA: font size reduction ---- */
@media (max-width: 767.98px) {
  .inner-cta {
    padding: 60px 0;
  }
  .inner-cta__title {
    font-size: 30px;
  }
  .inner-cta__btns {
    flex-direction: column;
  }
}

/* ---- Why stat box: reduce on mobile ---- */
@media (max-width: 991.98px) {
  .why-stat-box {
    padding: 32px 24px;
    margin-top: 40px;
  }
  .why-stat-box__num {
    font-size: 48px;
  }
}

/* ---- Case study metrics: stack on mobile ---- */
@media (max-width: 575.98px) {
  .case-study-card__metrics {
    flex-wrap: wrap;
    gap: 16px;
  }
}

/* ---- about-stats-row--5 responsive ---- */
@media (max-width: 991.98px) {
  .about-stats-row--5 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 575.98px) {
  .about-stats-row--5 {
    grid-template-columns: repeat(2, 1fr);
  }
}