/* ============================================================
   scale-100.css  —  "Bring the site back to 100%"
   ------------------------------------------------------------
   The site sizes type/space with vw-based clamp() and no sane
   desktop cap, so headlines blow up to 86–112px and sections
   pad to 140px on wide screens (the "overblown desktop" look).
   This layer caps the runaway maxes on desktop ONLY (>=1100px)
   so the site renders at true 100% — not enlarged. Mobile is
   untouched (the clamp minimums were already correct).

   Loaded LAST in <head>, uses !important to win the cascade
   over the in-page <style> clamps. Single source of truth —
   add each page's offenders here as they're audited.

   Created 2026-05-29. Remove this <link> to fully revert.
   ============================================================ */

@media (min-width: 1100px) {

  /* ---- Homepage hero (.hc-*) ---- */
  .hc-inner        { padding: 72px 56px 64px !important; gap: 56px !important; }
  .hc-line         { font-size: 46px !important; }      /* was clamp -> 88px  */
  .hc-savings-number { font-size: 64px !important; }    /* the "45%" was 112px */
  .hc-sub          { font-size: 17px !important; }
  .hc-visual       { height: 460px !important; }        /* was up to 680px    */

  /* ---- Homepage Atelier brand band (.atl-bn-*) ---- */
  .atl-bn-mark-name { font-size: 46px !important; }     /* was 86px */
  .atl-bn-headline  { font-size: 32px !important; }     /* was 52px */

  /* ---- Atelier ring builder (design/ring.blade.php) ---- */
  .os-hero-title         { font-size: 44px !important; }  /* was 72px */
  .os-ring-section-title { font-size: 32px !important; }  /* was 52px */
  .cc-card-title         { font-size: 32px !important; }  /* was 48-56px */

  /* ---- Atelier landing (atelier/index.blade.php) ---- */
  .atl-hdr-wordmark { font-size: 40px !important; }       /* was 56px */
  .atl-hero h1      { font-size: 44px !important; }        /* was 62px */
}
