/* ============================================================================
   MCT /review/ — DESKTOP SCALING CORRECTION
   Loaded LAST (after premium.v2.css). Layout-scaling only: container width +
   fluid type/spacing growth on large desktops. No colour, brand, content,
   photo-proportion, or section-order changes. Small screens are untouched
   (all growth is gated to large viewports or uses clamp lower-bounds equal to
   the current fixed values, so 375-1366 render exactly as before).
   ============================================================================ */

/* ---- 1. CONTENT WIDTH — use large-desktop width, still controlled --------- */
:root{ --content-max: 1600px; }
.container{
  /* never narrower than the previous 1240px; grow with the screen up to a
     premium 1600px ceiling; hold 92vw so ultra-wide keeps side breathing room */
  max-width: clamp(1240px, 92vw, 1600px);
}
.container--bleed{ max-width: min(1920px, 96vw); }

/* ---- 2. HERO HEADLINE — re-enable fluid growth above 768px ---------------- */
@media (min-width:769px){
  .hero__headline{
    font-size: clamp(56px, 2.4rem + 1.35vw, 72px);
    line-height: 1.07;
    min-height: 0;
  }
  .hero__content{
    max-width: clamp(34rem, 30rem + 6vw, 42rem);
    min-height: clamp(430px, 400px + 3vw, 500px);
  }
  .hero__sub{ max-width: 46ch; }
}

/* ---- 3. HERO VERTICAL PRESENCE — a touch taller on big screens ------------ */
@media (min-width:1001px){
  .hero__inner{ min-height: min(88vh, 1040px); }
}

/* ---- 4. SECTION HEADINGS — modest growth on large desktops ---------------- */
.t-h2{ font-size: clamp(1.75rem, 1.4rem + 0.9vw, 2.125rem); }
.t-h3{ font-size: clamp(1.3125rem, 1.15rem + 0.45vw, 1.5rem); }

/* ---- 5. BODY MEASURE — slightly larger lead copy on wide screens ---------- */
@media (min-width:1400px){
  .t-body-l{ font-size: 1.1875rem; }
}


/* ============================================================================
   MCT /review/ - DENSITY / PRESENCE PASS (large desktop only)
   Layered on top of the scaling fix above. Brings 100%/1920 closer to the
   density of a 150% view WITHOUT blunt proportional enlargement. Every rule is
   gated to large screens; tablet/mobile inherit nothing here. No brand, colour,
   image, content, or section change.
   ============================================================================ */

/* ---- 6. ROOT DENSITY LEVER - gentle, large-desktop only ------------------- */
@media (min-width:1440px){
  html{ font-size: clamp(16px, 12.5px + 0.22vw, 17px); }
}

/* ---- 7. HERO HEADLINE - stronger hierarchy, capped so it never breaks words */
@media (min-width:769px){
  .hero__headline{ font-size: clamp(56px, 2.1rem + 1.7vw, 72px); line-height:1.06; }
  .hero__content{ max-width: clamp(36rem, 30rem + 7vw, 48rem); }
}

/* ---- 8. HERO GRID - keep near original 42/58, controlled fill ------------- */
@media (min-width:1001px){
  .hero__inner{
    grid-template-columns: minmax(0,42%) minmax(0,58%);
    gap: clamp(2rem, 1.2rem + 2vw, 3.5rem);
    min-height: min(86vh, 940px);
  }
}

/* ---- 9. NAVIGATION - proportionate to the larger hero -------------------- */
@media (min-width:1200px){
  .site-nav a, nav a{ font-size: 1.0625rem; }
}

/* ---- 10. UTILITY BAR - decouple from root lever so it never clips --------- */
@media (min-width:1200px){
  .util{ font-size: 14px; }
  .util__inner{ height: 46px; min-height: 46px; }
}