/* =========================================================
   QUOREAL / V55 CUTOUT HEADING SIZE UNIFICATION
   2026-10-16
   Scope: TOP page photo-cutout English section titles only.
   ABOUT / SERVICE / CLIENTS / WHY QUOREAL / WORKS / PROCESS
   ========================================================= */

/* Desktop: one shared type scale for every photo-cutout heading. */
@media (min-width: 901px) {
  .about .q-section-stage__en,
  .service .q-section-stage__en,
  .clients .clients-stage-v34 .q-section-stage__en,
  .strength .why-head .q-section-stage__en,
  .case .q-section-stage__en,
  .flow .q-section-stage__en {
    font-size: clamp(86px, 7.8vw, 142px) !important;
  }
}

/* Tablet: keep the same hierarchy without allowing one section to dominate. */
@media (min-width: 561px) and (max-width: 900px) {
  .about .q-section-stage__en,
  .service .q-section-stage__en,
  .clients .clients-stage-v34 .q-section-stage__en,
  .strength .why-head .q-section-stage__en,
  .case .q-section-stage__en,
  .flow .q-section-stage__en {
    font-size: clamp(64px, 9vw, 78px) !important;
  }
}

/* Phone: one shared size; WHY QUOREAL remains inside the viewport. */
@media (max-width: 560px) {
  .about .q-section-stage__en,
  .service .q-section-stage__en,
  .clients .clients-stage-v34 .q-section-stage__en,
  .strength .why-head .q-section-stage__en,
  .case .q-section-stage__en,
  .flow .q-section-stage__en {
    font-size: clamp(42px, 12.8vw, 52px) !important;
  }
}