/* ============================================================
   BridgeWise V2 — Services (template-services.php)
   Ergänzt nur, was main.css nicht global abdeckt. Das Layout
   (.svc-flag, .svc-duo, .steps, .badge, .ph …) kommt aus main.css.
   ============================================================ */

/* Zeilenlänge der Hero-H1 wie in der Preview (dort inline: max-width:16ch). */
.page-hero h1 { max-width: 16ch; }

/* Bild-Slots: echtes <img> füllt den .ph-Rahmen (Bau-Regel 2).
   Der Rahmen gibt das Seitenverhältnis vor (.r-band), das Bild bringt
   width/height mit — Höhe steht also vor dem Laden fest, CLS = 0. */
.ph img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Service-Überschriften sind h2 (Bau-Regel 5: keine Ebene überspringen).
   Die Preview nutzt hier h3 — diese zwei Regeln stellen deren Optik her,
   ohne main.css anzufassen.
   Achtung: Ein h3 erbt font-weight/letter-spacing nicht nur aus .svc-flag h3 /
   .svc-card h3, sondern auch aus der blanken h3-Regel (main.css:102). Ein h2
   trifft die nicht und fällt auf h1..h4 zurück (620 / -0.015em). Beide Werte
   müssen darum hier explizit stehen — sonst driftet das Tracking still ab. */
.svc-flag h2 { color: #fff; font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 600; letter-spacing: -0.005em; }
.svc-card h2 { font-size: 1.32rem; font-weight: 600; letter-spacing: -0.005em; }