/*
Theme Name: FEMULOUS Blocks
Theme URI: https://www.femulous.de/
Author: FEMULOUS
Author URI: https://www.femulous.de/
Description: Block-Theme fuer FEMULOUS. Startseite und Rechtsseiten liegen als Gutenberg-Bloecke vor und sind im Editor pflegbar. Schriften und Bilder werden lokal ausgeliefert, es entsteht keine Verbindung zu Drittanbietern.
Version: 5.1.8
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: femulous
Tags: one-column, block-patterns, full-site-editing, editor-style, custom-colors
*/

/* ============================================================================
   AUFBAU DIESER DATEI - BITTE DIE REIHENFOLGE NICHT VERAENDERN.

     1. V501   Gutenberg-Wrapper neutralisieren        (VOR dem Kern)
     2. V409   der uebernommene Gestaltungsstand       (UNVERAENDERT)
     3. V500   core/image-Kompensation                 (NACH dem Kern)
     4. V502   Ersatz der strukturabhaengigen Selektoren
     5. V503   Bruecke zur theme.json-Palette
     6. V504   Seitenvorlage fuer Impressum/Datenschutz/404
     7. V505   Nachtrag: die im Kern undefinierte Variable --brown
     8. V506   Rueckmeldung der Anmeldeformulare
     9. V507   Portraetfotos in den Erfahrungsberichten
    10. V508   Gestaltung der Rechtsseiten
    11. V509   V400 MOBILE - beim Umbau verloren, zurueckgeholt
    12. V510   Mobile Korrekturen: Footer, Ueberlaufnetz, Wortumbruch
    13. V511   Feinarbeit Mobil: Seitenrand 15px -> 22px
    14. V512   Rechtsseiten auf Handybreite
    15. V513   Hover-Zustaende auf Tippgeraeten
    16. V514   Guide-Dialog an die sichtbare Fensterhoehe
    17. V515   Kopfzeile auf dem Handy: Logofarbe und Stapelreihenfolge
    18. V516   Handy-Feinschliff: Hero-Ausschnitt, Eisberg, Seitennavigation
    19. V517   Kopfzeile auf dem Hero, Buttons nach einem Muster
    20. V518   Claim, "Verstehe" und Kapitelnamen auf dem Handy

   Die Ebenen 11 bis 16 sind am 25.09.2026 entstanden, nachdem die Seite
   live gegangen war und auf dem Handy Fehler zeigte, die am Rechner nicht
   auftraten. Jede ihrer Regeln steht in einer max-width- oder
   hover:none-Klammer; der Rechner-Stand ist dadurch unberuehrt - am
   Livestand nachgemessen, bei 1440px veraendert sich keine einzige
   Abschnittshoehe.

   Die Ebenen 18 und 19 (28.09.2026) greifen bewusst auch am Rechner:
   bei den Eisberg-Begriffen (V516) und bei den Buttons (V517).
   Ebene 20 (29.09.2026) gilt wieder nur bis 900px.

   WARUM DIE REIHENFOLGE ZAEHLT

   Der uebernommene Stand (Abschnitt 2) besteht aus 151 historisch gewachsenen
   Korrekturebenen, V102 bis V405. Eine Auswertung aller 8.987 Deklarationen
   ergab: 625 davon (7,0 Prozent) gewinnen AUSSCHLIESSLICH deshalb, weil sie
   weiter unten stehen - gleiche Spezifitaet, gleiche !important-Stufe,
   unterschiedlicher Wert.

   Beispiel: Das Hintergrundfoto des Methodenzitats wird ueber 15 Ebenen hinweg
   immer wieder umgebaut; allein neun Eigenschaften dieses einen Elements
   haengen an der Position. Ebenso nimmt v367-typography-hierarchy still die
   Schriftgroessen aus frueheren Ebenen zurueck.

   Daraus folgt:
     - Abschnitt 2 wird NICHT sortiert, dedupliziert oder zusammengefasst.
     - Ein Minifier darf nur komprimieren. Optionen wie restructure,
       mergeRules oder reduceIdents MUESSEN abgeschaltet bleiben,
       sie ordnen Regeln um und zerstoeren das Ergebnis.
     - Korrekturen kommen als neue Ebene ans Ende, nie als Eingriff im Kern.

   WAS GEGENUEBER DEM AUSGANGSSTAND GEAENDERT WURDE

   Nur die Bildeinbindung. Die Fotos lagen als Base64 im CSS - 32,7 MB, nicht
   cachebar, nicht austauschbar, bei jedem Seitenaufruf neu uebertragen.
   Jetzt steht dort var(--img-...); die Adressen setzt functions.php aus der
   Mediathek ein, mit den Theme-Dateien als Reserve.

   Sechs Bilddeklarationen wurden ersatzlos entfernt. Sie waren allesamt von
   einer spaeteren Regel vollstaendig ueberschrieben und daher nie sichtbar -
   zusammen 11,2 MB tote Last. Dazu kam ein syntaktisch kaputter Base64-Rest
   von 2,7 MB, den der CSS-Parser ohnehin verwirft, der aber bei jedem Aufruf
   uebertragen wurde.

   Ergebnis: 33.172.971 Zeichen -> 437.212 Zeichen. Kein Wert hat sich geaendert.
   ============================================================================ */


/* ============================================================================
   V501 - GUTENBERG-KOMPENSATION, LAYOUT-WRAPPER
   Diese Ebene steht VOR dem uebernommenen V409-CSS.

   Grund: Im statischen Ausgangsstand lag das Markup direkt im <body>. Im
   Block-Theme schiebt WordPress mehrere Wrapper dazwischen:

       body > .wp-site-blocks > main.wp-block-post-content > <Sektionen>

   und ergaenzt Layout-Klassen (.is-layout-flow, .is-layout-constrained,
   .wp-container-core-group-*), die Breiten und Abstaende setzen. Das V409-CSS
   kennt keine dieser Klassen - Pruefung ergab 0 Treffer fuer wp-site-blocks,
   is-layout, has-global-padding, alignfull, wp-container und entry-content.

   Ohne diese Ebene legt WordPress ein Breitenkorsett ueber eine Seite, die
   ihre Breiten selbst regelt (--max:1320px und 35 .wrap-Regeln).

   Die Ebene steht bewusst VORNE, damit sie die 625 Deklarationen nicht stoert,
   deren Ergebnis allein an der Reihenfolge haengt.
   ============================================================================ */

.wp-site-blocks,
.wp-block-post-content,
.entry-content{
  max-width:none;
  margin:0;
  padding:0;
}

.wp-block-post-content > *,
.entry-content > *{
  max-width:none;
  margin-left:0;
  margin-right:0;
}

/* core/group bringt eigene Blockabstaende mit - die Seite bringt ihre eigenen. */
:where(.wp-block-group){ margin-block:0; }
.wp-site-blocks > * + *{ margin-block-start:0; }

/* Die Layout-Klassen, die WordPress serverseitig an Gruppen haengt. */
.wp-block-post-content.is-layout-flow > *,
.wp-block-post-content.is-layout-constrained > *,
.entry-content.is-layout-flow > *,
.entry-content.is-layout-constrained > *{
  max-width:none;
  margin-block-start:0;
  margin-block-end:0;
}


/* ==========================================================================
   V409 - UEBERNOMMENER GESTALTUNGSSTAND (UNVERAENDERT)
   ========================================================================== */


    :root{
      --ivory:#FAF7F1;
      --taupe:#593d21;
      --sand:#E7DDC9;
      --stone:#B7AEA1;
      --yellow:#EFC13A;
      --ink:#2F2A26;
      --muted:#625C57;
      --hair:rgba(183,174,161,.68);
      --max:1320px;
      --serif:"Cormorant Garamond", Georgia, serif;
      --sans:"Titillium Web", "Helvetica Neue", Arial, sans-serif;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--ivory);
      color:var(--ink);
      font-family:var(--sans);
      line-height:1.5;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }

    a{color:inherit;text-decoration:none}
    .wrap{width:min(calc(100% - 48px),var(--max));margin:0 auto}
    .section{padding:126px 0}
    .label{
      margin:0 0 22px;
      color:var(--yellow);
      font-size:.68rem;
      font-weight:500;
      text-transform:uppercase;
      letter-spacing:.22em;
    }
    h1,h2,h3,p{margin-top:0}
    h1,h2,.display{
      font-family:var(--serif);
      font-weight:400;
      letter-spacing:-.03em;
    }
    h1{font-size:clamp(4.1rem,7.4vw,7rem);line-height:.88;margin-bottom:0}
    h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.92;margin-bottom:28px}
    .italic{font-family:var(--serif);font-style:italic;color:var(--yellow)}
    .lead{font-size:clamp(1.05rem,1.45vw,1.25rem);line-height:1.58;color:var(--muted);max-width:700px}
    .mini{font-size:.82rem;color:var(--muted)}
    .rule{width:64px;height:1px;background:var(--stone);margin:30px 0}
    .btnrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:34px}
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:52px;
      padding:0 22px;
      font-size:.84rem;
      font-weight:500;
      border:1px solid var(--taupe);
      transition:.2s ease;
    }
    .btn.primary{background:var(--yellow);border-color:var(--yellow);color:var(--taupe)}
    .btn.ghost{background:transparent;color:var(--taupe)}
    .btn:hover{transform:translateY(-1px)}
    .textlink{font-size:.84rem;font-weight:500;color:var(--taupe);border-bottom:1px solid rgba(105,75,50,.48);padding-bottom:3px;width:max-content}


    .hero .rule,
    .signature .rule{
      height:2px;
      background:var(--yellow);
    }

    /* Design code 01: precision line */
    .precision-line{
      display:grid;
      grid-template-columns:auto 1fr;
      align-items:center;
      gap:14px;
      margin:26px 0 0;
      color:var(--muted);
      font-size:.76rem;
      letter-spacing:.04em;
    }
    .precision-line:after{content:"";height:1px;background:var(--hair)}


    /* Yellow discipline: one dominant energy signal per section */
    .label{
      color:#625C57;
    }

    .hero .label,
    .method .label,
    .signature .signature-kicker,
    .final .label{
      color:var(--yellow);
    }

    .italic{
      color:var(--taupe);
    }

    .hero-title .accent,
    .method .italic,
    .signature .sub,
    .final .italic{
      color:var(--yellow);
    }

    /* Yellow numbers only where they act as the main signal */
    .opening .situation .n,
    .path-item .num{
      color:var(--stone);
    }

    .method-step .number,
    .method-step:after{
      color:var(--yellow);
      background:var(--yellow);
    }

    .journey .type{
      color:#625C57;
    }

    .trust-item span{
      color:var(--stone);
    }

    .node:before{
      background:var(--yellow);
    }

    /* NAV */
    .nav{
      position:sticky;top:0;z-index:30;
      background:rgba(250,247,241,.92);
      backdrop-filter:blur(16px);
      border-bottom:1px solid rgba(183,174,161,.24);
    }
    .navin{
      height:78px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:30px;
    }
    .logo{font-weight:500;letter-spacing:.28em;color:var(--taupe);font-size:1.03rem}
    .navlinks{display:flex;gap:28px;font-size:.82rem;color:#625C57}
    .navcta{background:var(--taupe);color:var(--ivory);padding:11px 17px;font-size:.8rem;font-weight:500}


    /* Text color hierarchy */
    h1,h2,.display,.opening-big,.path-item h3,.finder-card .q,.journey h3,
    .transform-statement strong,.founder-quote,.mid-cta h3{
      color:var(--taupe);
    }

    .lead,
    .situation p,
    .path-item p,
    .journey p,
    .cluster span{
      color:var(--muted);
    }

    .method h2,
    .signature h2,
    .final h2{
      color:var(--ivory);
    }

    /* HERO */
    .hero{padding:52px 0 100px;overflow:hidden}
    .hero-grid{
      display:grid;
      grid-template-columns:1.08fr .92fr;
      gap:74px;
      align-items:center;
    }
    .hero-copy{padding:52px 0 10px;position:relative;z-index:2}
    .hero-title span{display:block}
    .hero-title .offset{padding-left:11%}
    .hero-title .accent{color:var(--yellow);font-style:italic}
    .hero-copy .lead{max-width:590px;margin-top:30px}
    .hero-media{
      min-height:720px;
      position:relative;
      background:
        radial-gradient(circle at 72% 16%,rgba(250,247,241,.34),transparent 26%),
        linear-gradient(145deg,#E7DDC9 0%,#B7AEA1 43%,#593d21 100%);
      overflow:hidden;
    }
    .hero-media:before{
      content:"";
      position:absolute;
      width:260px;height:260px;
      border:1px solid rgba(250,247,241,.38);
      border-radius:50%;
      right:-92px;top:78px;
    }
    .hero-media:after{
      content:"PERSONAL BRAND FOTO";
      position:absolute;left:30px;bottom:26px;
      font-size:.66rem;letter-spacing:.16em;color:rgba(47,42,38,.48)
    }
    .hero-badge{
      position:absolute;left:-52px;bottom:88px;
      width:148px;height:148px;border-radius:50%;
      background:var(--yellow);color:var(--taupe);
      display:grid;place-items:center;text-align:center;
      font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
      padding:24px;
    }
    .trustline{
      margin-top:56px;padding-top:22px;border-top:1px solid var(--hair);
      display:flex;gap:28px;flex-wrap:wrap;color:#625C57;font-size:.77rem
    }

    /* OPENING PROBLEM */
    .opening{background:var(--ivory)}
    .opening-grid{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:100px;
      align-items:start;
    }
    .opening-big{
      font-family:var(--serif);
      font-size:clamp(3rem,5.2vw,5.8rem);
      line-height:.92;
      letter-spacing:-.035em;
      color:var(--taupe);
      max-width:760px;
    }
    .opening-big em{font-weight:400;color:var(--yellow)}
    .situations{margin-top:12px}
    .situation{
      display:grid;grid-template-columns:56px 1fr;gap:18px;
      padding:25px 0;border-top:1px solid var(--hair)
    }
    .situation:last-child{border-bottom:1px solid var(--hair)}
    .situation .n{font-family:var(--serif);font-style:italic;color:var(--yellow);font-size:1.2rem}
    .situation h3{font-size:.95rem;margin-bottom:6px}
    .situation p{margin:0;color:var(--muted);font-size:.92rem}


    /* Stone as the science and precision layer */
    .precision-line,
    .mini,
    .journey .type,
    .finder-card .answer,
    .quote-meta{
      color:#625C57;
    }

    .precision-line:after,
    .path-item,
    .situation,
    .finder-options,
    .finder-card,
    .journey-list,
    .journey,
    .mid-cta-box,
    .transform-statement,
    .cluster,
    .trust-list,
    .trust-item{
      border-color:rgba(183,174,161,.72);
    }

    .orbit{
      border-color:rgba(183,174,161,.92);
    }

    .node{
      border-color:rgba(183,174,161,.9);
      background:rgba(250,247,241,.92);
    }

    /* SIGNATURE SYSTEM MODEL */
    .system-section{background:var(--ivory)}
    .system-grid{
      display:grid;
      grid-template-columns:.78fr 1.22fr;
      gap:84px;align-items:center;
    }
    .system-model{
      position:relative;
      min-height:650px;
      background:linear-gradient(145deg,rgba(231,221,201,.72),rgba(250,247,241,.9));
      border:1px solid rgba(183,174,161,.82);
      overflow:hidden;
    }
    .core{
      position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
      width:150px;height:150px;border-radius:50%;
      background:var(--taupe);color:var(--ivory);
      display:grid;place-items:center;text-align:center;
      font-family:var(--serif);font-size:2rem;line-height:1;
      z-index:3;
    }
    .orbit{
      position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
      border:1px solid rgba(183,174,161,.72);border-radius:50%;
    }
    .o1{width:330px;height:330px}
    .o2{width:510px;height:510px}
    .node{
      position:absolute;
      background:var(--ivory);
      border:1px solid rgba(183,174,161,.78);
      padding:10px 13px;
      font-size:.76rem;
      z-index:4;
    }
    .node:before{
      content:"";
      width:7px;height:7px;border-radius:50%;
      background:var(--yellow);
      display:inline-block;margin-right:7px
    }
    .n1{left:15%;top:18%}.n2{right:10%;top:21%}.n3{left:6%;top:52%}.n4{right:8%;top:56%}
    .n5{left:22%;bottom:14%}.n6{right:18%;bottom:11%}.n7{left:39%;top:8%}.n8{left:43%;bottom:6%}
    .system-copy .lead{max-width:520px}
    .system-copy .quote{
      font-family:var(--serif);font-size:clamp(2.15rem,3.5vw,3.8rem);line-height:.95;
      color:var(--taupe);margin:40px 0 0
    }


    /* Warm Taupe appears only as three intentional depth moments */
    .method,
    .signature,
    .final{
      background:var(--taupe);
    }

    .method,
    .signature{
      border-top:1px solid rgba(183,174,161,.28);
      border-bottom:1px solid rgba(183,174,161,.28);
    }

    .final{
      border-top:1px solid rgba(183,174,161,.22);
    }

    /* METHOD */
    .method{background:var(--taupe);color:var(--ivory)}
    .method h2{color:var(--ivory);max-width:900px}
    .method .lead{color:rgba(250,247,241,.73)}
    .method-flow{
      margin-top:72px;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      border-top:1px solid rgba(250,247,241,.22)
    }
    .method-step{
      min-height:360px;
      padding:40px 38px 38px 0;
      border-right:1px solid rgba(250,247,241,.17);
      position:relative;
    }
    .method-step+.method-step{padding-left:38px}
    .method-step:last-child{border-right:0}
    .method-step .number{font-family:var(--serif);font-size:4.8rem;line-height:1;color:var(--yellow)}
    .method-step h3{font-family:var(--serif);font-size:2.4rem;font-weight:400;margin:58px 0 14px}
    .method-step p{color:rgba(250,247,241,.72);max-width:300px}
    .method-step:after{
      content:"";
      position:absolute;top:-5px;left:0;
      width:9px;height:9px;border-radius:50%;background:var(--yellow)
    }
    .method-step+.method-step:after{left:38px}

    /* PATH */
    .path{background:var(--ivory)}
    .path-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}
    .path-sticky{position:sticky;top:120px;align-self:start}
    .path-items{counter-reset:item}
    .path-item{
      display:grid;grid-template-columns:80px 1fr;gap:24px;
      padding:28px 0;border-top:1px solid var(--hair)
    }
    .path-item:last-child{border-bottom:1px solid var(--hair)}
    .path-item .num{font-family:var(--serif);font-style:italic;color:var(--yellow);font-size:1.5rem}
    .path-item h3{font-family:var(--serif);font-size:1.8rem;font-weight:400;margin-bottom:7px;color:var(--taupe)}
    .path-item p{color:var(--muted);font-size:.92rem;margin:0}

    /* JOURNEY FINDER */
    .finder{background:linear-gradient(180deg,var(--sand) 0%,#E7DDC9 100%)}
    .finder-top{
      display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:end;margin-bottom:54px
    }
    .finder-options{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
    .finder-card{
      min-height:210px;padding:26px 28px;
      border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);
      background:rgba(250,247,241,.38);
      display:flex;flex-direction:column;justify-content:space-between
    }
    .finder-card .q{font-family:var(--serif);font-size:1.7rem;line-height:1.1;color:var(--taupe)}
    .finder-card .answer{font-size:.78rem;color:var(--muted)}
    .finder-card strong{color:var(--taupe)}

    /* SIGNATURE */
    .signature{
      background:var(--taupe);color:var(--ivory);
      padding:92px 0;
    }
    .signature-grid{
      display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center
    }
    .signature-kicker{color:var(--yellow);letter-spacing:.2em;text-transform:uppercase;font-size:.67rem}
    .signature h2{color:var(--ivory);font-size:clamp(4rem,7vw,7rem);margin:10px 0}
    .signature .sub{
      font-family:var(--serif);font-style:italic;color:var(--yellow);
      font-size:clamp(1.8rem,3vw,3rem);line-height:1
    }
    .signature-copy p{color:rgba(250,247,241,.74);max-width:530px}
    .signature-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:34px 0 0}
    .signature-point{padding:22px 18px 0 0;border-top:1px solid rgba(250,247,241,.18);font-size:.84rem}
    .signature .btn.primary{margin-top:34px}
    .signature-visual{
      min-height:520px;
      background:
        linear-gradient(145deg,rgba(242,194,58,.08),rgba(250,247,241,.08)),
        linear-gradient(135deg,#593d21,#593d21);
      border:1px solid rgba(250,247,241,.15);
      position:relative;overflow:hidden
    }
    .signature-visual:before{
      content:"";
      position:absolute;width:420px;height:420px;border-radius:50%;
      border:1px solid rgba(242,194,58,.5);
      left:50%;top:50%;transform:translate(-50%,-50%);
    }
    .signature-visual:after{
      content:"SIGNATURE JOURNEY";
      position:absolute;left:28px;bottom:25px;font-size:.65rem;letter-spacing:.17em;color:rgba(250,247,241,.5)
    }

    /* OTHER JOURNEYS */
    .journeys{background:var(--ivory)}
    .journey-list{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--hair);margin-top:50px}
    .journey{
      padding:28px 24px 30px 0;border-right:1px solid var(--hair);min-height:250px
    }
    .journey+.journey{padding-left:24px}
    .journey:last-child{border-right:0}
    .journey .type{font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow)}
    .journey h3{font-family:var(--serif);font-weight:400;font-size:1.8rem;margin:28px 0 7px;color:var(--taupe)}
    .journey .sub{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--taupe);margin-bottom:18px}
    .journey p{font-size:.84rem;color:var(--muted)}

    /* MID CTA */
    .mid-cta{padding:74px 0;background:var(--ivory)}
    .mid-cta-box{
      border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);
      padding:44px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center
    }
    .mid-cta h3{font-family:var(--serif);font-size:2.5rem;font-weight:400;line-height:1.03;color:var(--taupe);margin:0}
    .mid-cta .btnrow{justify-content:flex-end;margin-top:0}

    /* TRANSFORMATION */
    .transform{background:var(--ivory);padding:0}
    .transform-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:820px}
    .transform-media{
      background:
        radial-gradient(circle at 28% 24%,rgba(250,247,241,.32),transparent 30%),
        linear-gradient(135deg,#E7DDC9,#593d21);
      position:relative
    }
    .transform-media:after{
      content:"LIFESTYLE FOTO";
      position:absolute;left:30px;bottom:28px;font-size:.65rem;letter-spacing:.16em;color:rgba(47,42,38,.48)
    }
    .transform-copy{
      background:var(--ivory);
      padding:92px 70px;
      display:flex;flex-direction:column;justify-content:center
    }
    .transform-statements{margin-top:26px}
    .transform-statement{padding:26px 0;border-top:1px solid var(--hair)}
    .transform-statement:last-child{border-bottom:1px solid var(--hair)}
    .transform-statement strong{
      display:block;font-family:var(--serif);font-size:2.35rem;font-weight:400;color:var(--taupe);line-height:1
    }
    .transform-statement span{display:block;margin-top:7px;color:var(--muted);font-size:.88rem}

    /* TESTIMONIALS */
    .testimonials{background:var(--ivory)}
    .quote-feature{
      max-width:980px;margin:58px auto 0;text-align:center;
      font-family:var(--serif);font-size:clamp(2.3rem,4vw,4.3rem);line-height:1.06;color:var(--taupe)
    }
    .quote-feature em{color:var(--yellow)}
    .quote-meta{text-align:center;margin-top:26px;color:var(--muted);font-size:.8rem}
    .quote-placeholder{font-style:italic;color:#625C57}


    .about-grid{
      position:relative;
    }
    .about-grid:after{
      content:"";
      position:absolute;
      right:-32px;
      top:8%;
      width:44%;
      height:84%;
      background:rgba(231,221,201,.42);
      z-index:0;
      pointer-events:none;
    }
    .about-grid > *{
      position:relative;
      z-index:1;
    }

    /* ABOUT */
    .about{background:var(--ivory)}
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:82px;align-items:center}
    .about-media{
      min-height:700px;
      background:linear-gradient(135deg,#B7AEA1,#593d21);
      position:relative
    }
    .about-media:after{
      content:"GRÜNDERIN FOTO";
      position:absolute;left:30px;bottom:27px;font-size:.65rem;letter-spacing:.16em;color:rgba(47,42,38,.5)
    }
    .founder-quote{
      font-family:var(--serif);font-size:clamp(2.3rem,3.8vw,4rem);line-height:.98;color:var(--taupe);margin-bottom:34px
    }
    .founder-quote em{color:var(--yellow)}
    .clusters{margin-top:34px}
    .cluster{padding:18px 0;border-top:1px solid var(--hair)}
    .cluster:last-child{border-bottom:1px solid var(--hair)}
    .cluster strong{display:block;color:var(--taupe);font-size:.92rem}
    .cluster span{font-size:.8rem;color:var(--muted)}

    /* TRUST */
    .trust{background:var(--ivory)}
    .trust-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
    .trust-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
    .trust-item{min-height:150px;padding:24px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}
    .trust-item span{color:var(--yellow);font-family:var(--serif);font-style:italic}
    .trust-item strong{display:block;margin-top:26px;font-size:.88rem;color:var(--taupe)}

    /* FINAL */
    .final{background:var(--taupe);color:var(--ivory);text-align:center}
    .final h2{color:var(--ivory);max-width:900px;margin-left:auto;margin-right:auto}
    .final .lead{color:rgba(250,247,241,.73);margin:0 auto}
    .final .btnrow{justify-content:center}
    .final .ghost{border-color:rgba(250,247,241,.45);color:var(--ivory)}

    footer{
      background:#593d21;color:rgba(250,247,241,.7);
      padding:48px 0
    }
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}
    .footer-logo{color:var(--ivory);font-weight:500;letter-spacing:.28em}
    .footer-links{display:flex;flex-direction:column;gap:8px;font-size:.8rem}
    .copyright{margin-top:36px;padding-top:22px;border-top:1px solid rgba(250,247,241,.1);font-size:.7rem;color:rgba(250,247,241,.38)}


    /* Premium color rhythm */
    .method + .path,
    .signature + .journeys,
    .transform + .testimonials{
      position:relative;
    }

    .method + .path:before,
    .signature + .journeys:before{
      content:"";
      display:block;
      height:18px;
      background:var(--ivory);
      position:absolute;
      left:0;right:0;top:0;
      transform:translateY(-1px);
    }

    /* Mobile sticky conversion */
    .mobile-cta{display:none}

    @media(max-width:1040px){
      .navlinks{display:none}
      .hero-grid,.opening-grid,.system-grid,.path-grid,.finder-top,.signature-grid,.about-grid,.trust-grid{grid-template-columns:1fr}
      .hero-media{min-height:600px}
      .hero-badge{left:24px}
      .opening-grid,.system-grid,.path-grid{gap:48px}
      .path-sticky{position:static}
      .journey-list{grid-template-columns:repeat(2,1fr)}
      .journey{border-bottom:1px solid var(--hair)}
      .transform-grid{grid-template-columns:1fr}
      .transform-media{min-height:560px}
    }

    @media(max-width:720px){
      .wrap{width:min(calc(100% - 28px),var(--max))}
      .section{padding:84px 0}
      .navin{height:70px}
      .navcta{display:none}
      h1{font-size:3.7rem}
      h2{font-size:3rem}
      .hero{padding-top:28px}
      .hero-grid{gap:28px}
      .hero-title .offset{padding-left:0}
      .hero-media{min-height:470px}
      .hero-badge{width:112px;height:112px;left:18px;bottom:18px;font-size:.56rem;padding:16px}
      .trustline{gap:12px 20px}
      .system-model{min-height:520px}
      .core{width:120px;height:120px;font-size:1.6rem}
      .o1{width:260px;height:260px}.o2{width:410px;height:410px}
      .n1{left:3%;top:12%}.n2{right:2%;top:17%}.n3{left:2%;top:47%}.n4{right:2%;top:53%}
      .n5{left:8%;bottom:10%}.n6{right:7%;bottom:11%}.n7{left:34%;top:4%}.n8{left:35%;bottom:4%}
      .method-flow{grid-template-columns:1fr}
      .method-step,.method-step+.method-step{padding:32px 0;border-right:0;border-bottom:1px solid rgba(250,247,241,.17)}
      .method-step+.method-step:after{left:0}
      .finder-options{grid-template-columns:1fr}
      .signature-points{grid-template-columns:1fr}
      .signature-point{padding-bottom:16px}
      .journey-list{grid-template-columns:1fr}
      .journey,.journey+.journey{padding:28px 0;border-right:0}
      .mid-cta-box{grid-template-columns:1fr;gap:24px}
      .mid-cta .btnrow{justify-content:flex-start}
      .transform-copy{padding:70px 26px}
      .trust-list{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr}
      .mobile-cta{
        display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:50;
        background:var(--yellow);color:var(--taupe);text-align:center;padding:14px 18px;
        font-size:.82rem;font-weight:500;
        box-shadow:0 8px 30px rgba(47,42,38,.18)
      }
      body{padding-bottom:72px}
    }
    /* FINAL PREMIUM COLOUR SYSTEM
       FOUNDATION  Ivory
       GROUNDING   Warm Taupe
       WARMTH      Sand
       BALANCE     Stone
       ENERGY      Refined Femulous Yellow
    */

    /* Light surfaces: Taupe leads, Stone informs, Yellow only activates */
    .opening .label,
    .system-section .label,
    .path .label,
    .finder .label,
    .journeys .label,
    .testimonials .label,
    .about .label,
    .trust .label{
      color:#625C57;
    }

    .opening h2,
    .system-section h2,
    .path h2,
    .finder h2,
    .journeys h2,
    .testimonials h2,
    .about h2,
    .trust h2{
      color:var(--taupe);
    }

    /* On light sections italic highlights remain taupe, not yellow */
    .opening .italic,
    .system-section .italic,
    .path .italic,
    .finder .italic,
    .journeys .italic,
    .testimonials .italic,
    .about .italic,
    .trust .italic{
      color:var(--taupe);
    }

    /* Hero is the only light section where yellow becomes a major editorial signal */
    .hero .label,
    .hero-title .accent{
      color:var(--yellow);
    }

    /* Dark sections: ivory first, yellow once */
    .method,
    .signature,
    .final{
      color:var(--ivory);
    }

    .method h2,
    .signature h2,
    .final h2{
      color:var(--ivory);
    }

    .method .label,
    .signature .signature-kicker,
    .final .label{
      color:var(--yellow);
    }

    .method .italic,
    .signature .sub,
    .final .italic{
      color:var(--yellow);
    }

    /* Buttons are the functional Energy signal */
    .btn.primary,
    .mobile-cta{
      background:var(--yellow);
      border-color:var(--yellow);
      color:var(--taupe);
    }

    /* Science layer */
    .precision-line,
    .quote-meta,
    .finder-card .answer,
    .journey .type,
    .mini{
      color:#625C57;
    }

    .orbit{
      border-color:rgba(183,174,161,.96);
    }

    .node{
      border-color:rgba(183,174,161,.92);
    }

    .node:before{
      background:var(--yellow);
    }

    /* Neutralise repeated yellow numbers on light sections */
    .opening .situation .n,
    .path-item .num,
    .trust-item span{
      color:var(--stone);
    }

    /* Method numbers remain the sole numeric yellow accent */
    .method-step .number{
      color:var(--yellow);
    }

    /* Signature / hero rules remain yellow, other divider rules stay Stone */
    .hero .rule,
    .signature .rule{
      background:var(--yellow);
    }

    /* Taupe dark surfaces stay clean, without extra muddy overlays */
    .method,
    .signature,
    .final{
      background:var(--taupe);
    }

    /* Maintain premium readability on Taupe */
    .method .lead,
    .signature-copy p,
    .final .lead{
      color:rgba(250,247,241,.76);
    }

    /* Refined light hierarchy */
    .lead,
    .situation p,
    .path-item p,
    .journey p,
    .cluster span,
    .finder-card .answer{
      color:#625C57;
    }

    /* Yellow should never become a secondary background */
    .hero-badge{
      background:var(--yellow);
      color:var(--taupe);
    }

  
    .data-insight{padding:58px 0;background:var(--ivory);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
    .data-grid{display:grid;grid-template-columns:1.25fr auto .75fr auto 1fr;gap:28px;align-items:center}
    .data-tags{display:flex;flex-wrap:wrap;gap:8px}
    .data-tags span{padding:8px 10px;border:1px solid var(--hair);font-size:.74rem;color:#625C57}
    .data-arrow{font-size:1.6rem;color:var(--stone);text-align:center}
    .data-core{min-height:140px;background:var(--taupe);color:var(--ivory);display:grid;place-items:center;text-align:center;font-family:var(--sans);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;padding:20px}
    .data-core em{display:block;font-family:var(--serif);font-size:2.1rem;letter-spacing:-.02em;text-transform:none;color:var(--yellow);font-weight:400}
    .data-result strong{font-family:var(--sans);font-size:1rem;line-height:1.45;color:var(--taupe)}
    .founder-strip{padding:42px 0;background:var(--ivory);border-bottom:1px solid var(--hair)}
    .founder-strip-grid{display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center;max-width:760px}
    .founder-mini-photo{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#E7DDC9,#593d21)}
    .founder-strip h3{font-family:var(--sans);font-size:1rem;margin:0 0 6px;color:var(--taupe)}
    .founder-strip p{margin:0;color:var(--muted);font-size:.88rem}
    .founder-strip .label{margin-bottom:8px;color:#625C57}
    .journey-groups{border-top:1px solid var(--hair)}
    .journey-group{display:grid;grid-template-columns:90px 1fr;gap:28px;padding:36px 0;border-bottom:1px solid var(--hair)}
    .group-index{font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;color:var(--stone)}
    .group-copy h3{font-family:var(--sans);font-size:.78rem;letter-spacing:.18em;font-weight:500;color:var(--taupe);margin-bottom:12px}
    .group-lead{font-family:var(--serif);font-size:2rem;line-height:1.05;color:var(--taupe);margin-bottom:18px}
    .group-products{display:flex;gap:10px;flex-wrap:wrap}
    .group-products span{border:1px solid var(--hair);padding:8px 11px;font-size:.76rem;color:var(--taupe);background:rgba(250,247,241,.55)}
    .evidence-list{border-top:1px solid var(--hair)}
    .evidence-item{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--hair)}
    .evidence-item span{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;color:var(--stone)}
    .evidence-item p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}
    .section{padding:108px 0}
    .method{padding-top:108px;padding-bottom:108px}
    .signature{padding:82px 0}
    .mid-cta{padding:56px 0}
    @media(max-width:900px){.data-grid{grid-template-columns:1fr;gap:18px}.data-arrow{transform:rotate(90deg)}}
    @media(max-width:720px){.journey-group{grid-template-columns:48px 1fr;gap:16px}.group-lead{font-size:1.7rem}.founder-strip-grid{grid-template-columns:74px 1fr}.founder-mini-photo{width:74px;height:74px}}


    /* Trust headline: exclusive Energy accent */
    .trust h2 .trust-yellow{
      color:var(--yellow);
    }


    /* First Personal Brand photo */
    .hero-media.has-photo{
      position:relative;
      overflow:hidden;
      background:none;
    }
    .hero-media.has-photo:before,
    .hero-media.has-photo:after{
      display:none;
    }
    .hero-personal-photo{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      object-position:center 34%;
    }
    .hero-media.has-photo .hero-badge{
      z-index:2;
    }
    @media(max-width:720px){
      .hero-personal-photo{
        object-position:center 27%;
      }
    }


    /* FEMULOUS Methode: refined number placement */
    .method-step .number{
      color:var(--taupe) !important;
      text-align:left !important;
      justify-content:flex-start !important;
      align-items:flex-start !important;
      padding-left:0 !important;
      padding-top:4px !important;
      line-height:1 !important;
      transform:translateY(-10px);
      position:relative;
      z-index:2;
    }


    /* FEMULOUS Methode: final vertical alignment */
    .method-step .number{
      transform:translateY(calc(-10px - 2mm)) !important;
    }


    /* FEMULOUS Methode: final number position */
    .method-step .number{
      transform:translateY(calc(-10px - 7mm)) !important;
    }


    /* Recognition module directly below Hero CTAs */
    .recognition{
      background:var(--ivory);
      padding:82px 0 108px;
    }
    .recognition-label{
      color:#625C57;
      margin-bottom:18px;
    }
    .recognition h2{
      max-width:760px;
      margin:0 0 48px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:clamp(2.7rem,4.5vw,4.5rem);
      line-height:.98;
      font-weight:400;
      letter-spacing:-.025em;
    }
    .recognition h2 .italic{
      color:var(--yellow);
    }
    .recognition-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      background:rgba(231,221,201,.82);
      border:1px solid rgba(183,174,161,.25);
      border-radius:20px;
      overflow:hidden;
    }
    .recognition-item{
      min-height:226px;
      padding:40px 40px 36px;
      border-right:1px solid rgba(250,247,241,.28);
      border-bottom:1px solid rgba(250,247,241,.28);
    }
    .recognition-item:nth-child(3n){
      border-right:0;
    }
    .recognition-item:nth-child(n+4){
      border-bottom:0;
    }
    .recognition-icon{
      height:30px;
      margin-bottom:20px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:1.65rem;
      line-height:1;
    }
    .recognition-item h3{
      margin:0 0 14px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:1.42rem;
      line-height:1.15;
      font-weight:400;
    }
    .recognition-item p{
      max-width:300px;
      margin:0;
      color:#625C57;
      font-family:var(--sans);
      font-size:.94rem;
      line-height:1.55;
    }
    @media(max-width:900px){
      .recognition-grid{grid-template-columns:repeat(2,1fr)}
      .recognition-item:nth-child(3n){border-right:1px solid rgba(250,247,241,.28)}
      .recognition-item:nth-child(2n){border-right:0}
      .recognition-item:nth-child(n+4){border-bottom:1px solid rgba(250,247,241,.28)}
      .recognition-item:nth-child(n+5){border-bottom:0}
    }
    @media(max-width:620px){
      .recognition{padding:64px 0 82px}
      .recognition h2{margin-bottom:32px}
      .recognition-grid{grid-template-columns:1fr;border-radius:16px}
      .recognition-item{
        min-height:0;
        padding:30px 28px;
        border-right:0 !important;
        border-bottom:1px solid rgba(250,247,241,.34) !important;
      }
      .recognition-item:last-child{border-bottom:0 !important}
    }
max-width:1080px;
    }
    .problem-interlude p{
      margin:0 0 24px;
      font-family:var(--sans);
      font-size:clamp(1rem,1.35vw,1.18rem);
      line-height:1.5;
      color:#625C57;
      letter-spacing:.01em;
    }
    .problem-interlude h3{
      margin:0;
      font-family:var(--serif);
      font-style:italic;
      font-weight:400;
      font-size:clamp(1.65rem,2.4vw,2.35rem);
      line-height:1.18;
      color:var(--taupe);
      letter-spacing:-.015em;
    }
    @media(max-width:720px){
      .problem-interlude{
        margin-top:38px;
        text-align:left;
      }
      .problem-interlude p{margin-bottom:18px}
    }


    /* Editorial bridge between recognition/problem and system sections */
    .problem-bridge{
      background:var(--ivory);
      padding:54px 0 72px;
      text-align:center;
    }
    .problem-bridge .wrap{
      max-width:1100px;
    }
    .problem-bridge p{
      margin:0 0 22px;
      color:#625C57;
      font-family:var(--sans);
      font-size:clamp(1rem,1.35vw,1.16rem);
      line-height:1.55;
      letter-spacing:.005em;
    }
    .problem-bridge h3{
      margin:0;
      color:var(--taupe);
      font-family:var(--serif);
      font-style:italic;
      font-weight:400;
      font-size:clamp(1.75rem,2.6vw,2.55rem);
      line-height:1.15;
      letter-spacing:-.015em;
    }
    @media(max-width:720px){
      .problem-bridge{
        padding:42px 0 54px;
        text-align:left;
      }
      .problem-bridge p{
        margin-bottom:16px;
      }
    }


    /* FEMULOUS Iceberg System View */
    .iceberg-section{
      background:var(--sand);
    }
    .iceberg-section .label{
      color:#625C57;
    }
    .iceberg-section h2{
      max-width:820px;
      margin-bottom:56px;
      color:var(--taupe);
    }
    .iceberg-section h2 .italic{
      color:var(--taupe);
    }
    .iceberg-card{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(183,174,161,.36);
      border-radius:22px;
      background:var(--ivory);
    }
    .iceberg-visible{
      min-height:215px;
      padding:66px 64px 42px;
      background:linear-gradient(180deg,rgba(250,247,241,1) 0%,rgba(183,174,161,.42) 100%);
    }
    .iceberg-below{
      min-height:300px;
      padding:70px 64px 58px;
      background:linear-gradient(180deg,rgba(231,221,201,.9) 0%,rgba(183,174,161,.58) 100%);
    }
    .iceberg-caption{
      margin-bottom:26px;
      color:#625C57;
      font-family:var(--sans);
      font-size:.65rem;
      font-weight:500;
      letter-spacing:.28em;
    }
    .iceberg-pills{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      justify-content:center;
    }
    .iceberg-pills span{
      display:inline-flex;
      align-items:center;
      min-height:40px;
      padding:0 20px;
      border-radius:999px;
      font-family:var(--sans);
      font-size:.8rem;
      white-space:nowrap;
    }
    .iceberg-pills-light span{
      background:rgba(231,221,201,.72);
      color:var(--taupe);
    }
    .iceberg-pills-dark span{
      background:#593d21;
      color:var(--ivory);
    }
    .iceberg-waterline{
      position:absolute;
      left:0;
      right:0;
      top:205px;
      height:34px;
      z-index:3;
      pointer-events:none;
    }
    .iceberg-waterline svg{
      width:100%;
      height:100%;
      display:block;
    }
    .iceberg-waterline path{
      fill:rgba(239,193,58,.46);
    }
    .iceberg-explainer{
      max-width:900px;
      margin:34px auto 0;
      text-align:center;
      color:#625C57;
      font-family:var(--sans);
      font-size:.96rem;
      line-height:1.65;
    }
    @media(max-width:780px){
      .iceberg-section h2{margin-bottom:38px}
      .iceberg-visible,
      .iceberg-below{padding-left:28px;padding-right:28px}
      .iceberg-visible{min-height:255px;padding-top:48px}
      .iceberg-below{min-height:360px;padding-top:72px}
      .iceberg-waterline{top:245px}
      .iceberg-pills{justify-content:flex-start}
      .iceberg-pills span{font-size:.76rem;padding:0 16px}
      .iceberg-explainer{text-align:left}
    }


    .iceberg-section h2 .iceberg-yellow{
      color:var(--yellow);
    }


    /* Large editorial quote after Iceberg */
    .insight-quote{
      background:var(--ivory);
      padding:104px 0 112px;
    }
    .insight-quote blockquote{
      position:relative;
      max-width:1040px;
      margin:0 auto;
      padding:0 76px;
      text-align:center;
    }
    .insight-quote p{
      margin:0;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:clamp(3rem,5.2vw,5.4rem);
      font-weight:400;
      line-height:.98;
      letter-spacing:-.03em;
    }
    .insight-quote em{
      color:var(--yellow);
      font-weight:400;
    }
    .quote-mark{
      position:absolute;
      left:0;
      top:-26px;
      color:var(--stone);
      font-family:var(--serif);
      font-size:5.8rem;
      line-height:1;
      opacity:.72;
    }
    .quote-mark-end{
      left:auto;
      right:0;
      top:auto;
      bottom:-46px;
    }
    @media(max-width:720px){
      .insight-quote{padding:76px 0 84px}
      .insight-quote blockquote{padding:0 34px}
      .quote-mark{font-size:4rem;top:-18px}
      .quote-mark-end{bottom:-32px}
    }


    /* Iceberg headline: all Warm Taupe, emphasis in italic */
    .iceberg-section h2{
      color:var(--taupe) !important;
    }
    .iceberg-section h2 .iceberg-emphasis{
      color:var(--taupe) !important;
      font-style:italic;
      font-weight:400;
    }


    .femulous-yellow{
      color:var(--yellow) !important;
      font-style:italic;
      font-weight:400;
    }


    /* FEMULOUS Method: asymmetric editorial layout */
    .method-editorial{
      background:var(--ivory) !important;
      color:var(--taupe);
      padding:108px 0;
    }
    .method-editorial-grid{
      display:grid;
      grid-template-columns:minmax(0,.78fr) minmax(0,1.12fr);
      gap:64px;
      align-items:start;
    }
    .method-editorial-left{
      position:sticky;
      top:110px;
    }
    .method-editorial .label{
      color:var(--taupe) !important;
      margin-bottom:24px;
    }
    .method-editorial h2{
      max-width:540px;
      margin:0 0 26px;
      color:var(--taupe) !important;
      font-family:var(--serif);
      font-size:clamp(3rem,4.7vw,5.15rem);
      line-height:.96;
      letter-spacing:-.03em;
      font-weight:400;
    }
    .method-editorial h2 .femulous-yellow{
      color:var(--yellow) !important;
      font-style:italic;
    }
    .method-editorial-lead{
      max-width:510px;
      margin:0 0 42px;
      color:#625C57 !important;
      font-family:var(--sans);
      font-size:1.03rem;
      line-height:1.62;
    }
    .method-editorial-image{
      width:100%;
      aspect-ratio:1.75/1;
      border-radius:18px;
      overflow:hidden;
      background:
        linear-gradient(120deg,rgba(231,221,201,.28),rgba(105,75,50,.08)),
        linear-gradient(145deg,#E7DDC9,#593d21);
    }
    .method-editorial-cards{
      display:grid;
      gap:20px;
    }
    .method-card{
      min-height:182px;
      padding:42px 48px;
      border:1px solid rgba(183,174,161,.32);
      border-radius:20px;
      background:var(--sand);
    }
    .method-card-head{
      display:grid;
      grid-template-columns:28px 24px 1fr;
      gap:12px;
      align-items:center;
      margin-bottom:22px;
    }
    .method-card-num{
      color:var(--taupe);
      font-family:var(--serif);
      font-size:.72rem;
      line-height:1;
    }
    .method-card-icon{
      color:var(--taupe);
      font-family:var(--sans);
      font-size:1.2rem;
      line-height:1;
    }
    .method-card h3{
      margin:0;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:1.55rem;
      font-weight:400;
      line-height:1.1;
    }
    .method-card p{
      max-width:620px;
      margin:0 0 0 64px;
      color:#625C57;
      font-family:var(--sans);
      font-size:.95rem;
      line-height:1.6;
    }
    @media(max-width:900px){
      .method-editorial-grid{
        grid-template-columns:1fr;
        gap:44px;
      }
      .method-editorial-left{
        position:static;
      }
      .method-editorial-image{
        max-width:620px;
      }
    }
    @media(max-width:620px){
      .method-editorial{padding:78px 0}
      .method-card{padding:30px 26px;min-height:0}
      .method-card p{margin-left:0}
      .method-card-head{grid-template-columns:24px 22px 1fr}
    }


    /* FEMULOUS Method: dark premium highlight */
    .method-editorial{
      background:var(--taupe) !important;
      color:var(--ivory);
    }

    .method-editorial .label{
      color:var(--yellow) !important;
    }

    .method-editorial h2{
      color:var(--ivory) !important;
    }

    .method-editorial h2 .femulous-yellow{
      color:var(--yellow) !important;
    }

    .method-editorial-lead{
      color:rgba(250,247,241,.78) !important;
      max-width:520px;
    }

    .method-editorial-left{
      position:sticky;
      top:110px;
    }

    .method-editorial-cards{
      gap:18px;
    }

    .method-card{
      min-height:188px;
      padding:36px 44px;
      border:1px solid rgba(250,247,241,.16);
      border-radius:18px;
      background:rgba(250,247,241,.92);
      box-shadow:none;
    }

    .method-card-head{
      display:grid;
      grid-template-columns:70px 42px 1fr;
      gap:16px;
      align-items:center;
      margin-bottom:20px;
    }

    .method-card-num{
      color:var(--taupe) !important;
      font-family:var(--serif);
      font-size:2.7rem;
      font-style:italic;
      font-weight:400;
      line-height:.9;
      letter-spacing:-.03em;
    }

    .method-card-icon{
      width:38px;
      height:38px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:var(--taupe);
      font-family:var(--sans);
      font-size:1.55rem;
      line-height:1;
      border:1px solid rgba(105,75,50,.28);
      border-radius:50%;
    }

    .method-card h3{
      margin:0;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:1.75rem;
      font-weight:400;
      line-height:1.08;
    }

    .method-card p{
      margin:0 0 0 128px;
      max-width:620px;
      color:#625C57;
      font-family:var(--sans);
      font-size:.95rem;
      line-height:1.58;
    }

    @media(max-width:900px){
      .method-editorial-left{
        position:static;
      }
    }

    @media(max-width:620px){
      .method-card{
        padding:28px 24px;
      }
      .method-card-head{
        grid-template-columns:54px 36px 1fr;
        gap:12px;
      }
      .method-card-num{
        font-size:2.25rem;
      }
      .method-card-icon{
        width:32px;
        height:32px;
        font-size:1.3rem;
      }
      .method-card p{
        margin-left:0;
      }
    }


    /* FEMULOUS support spectrum */
    .support-spectrum{
      background:var(--ivory);
      padding:88px 0 82px;
      border-bottom:1px solid var(--hair);
    }
    .support-spectrum h2{
      max-width:1040px;
      margin:0 auto 58px;
      text-align:center;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:clamp(2.15rem,3.4vw,3.65rem);
      line-height:1.04;
      font-weight:400;
      letter-spacing:-.025em;
    }
    .support-spectrum-grid{
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:24px;
      align-items:start;
    }
    .support-spectrum-item{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:14px;
      text-align:center;
      color:var(--taupe);
    }
    .support-spectrum-item svg{
      width:30px;
      height:30px;
      fill:none;
      stroke:var(--yellow);
      stroke-width:1.45;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .support-spectrum-item span{
      font-family:var(--sans);
      font-size:.84rem;
      line-height:1.35;
      color:var(--taupe);
    }
    @media(max-width:960px){
      .support-spectrum-grid{
        grid-template-columns:repeat(3,1fr);
        row-gap:38px;
      }
    }
    @media(max-width:620px){
      .support-spectrum{
        padding:68px 0 64px;
      }
      .support-spectrum h2{
        margin-bottom:42px;
        text-align:left;
      }
      .support-spectrum-grid{
        grid-template-columns:repeat(2,1fr);
        gap:34px 18px;
      }
    }


    .support-spectrum h2 .support-subline{
      display:block;
      max-width:900px;
      margin:22px auto 0;
      font-family:var(--sans);
      font-size:clamp(1rem,1.35vw,1.18rem);
      line-height:1.55;
      font-weight:400;
      letter-spacing:0;
      color:#625C57;
    }


    /* Leistungsbausteine */
    .service-building-blocks{
      background:var(--sand);
      padding:92px 0 76px;
    }
    .service-building-blocks .label{
      color:var(--taupe);
      margin-bottom:22px;
    }
    .service-building-blocks h2{
      margin:0 0 54px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:clamp(2.7rem,4.4vw,4.65rem);
      line-height:.98;
      font-weight:400;
      letter-spacing:-.025em;
    }
    .service-building-blocks h2 .italic{
      color:var(--taupe);
    }
    .service-block-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      overflow:hidden;
      border:1px solid rgba(105,75,50,.16);
      border-radius:20px;
      background:rgba(250,247,241,.94);
    }
    .service-block{
      min-height:236px;
      padding:38px 34px 34px;
      border-right:1px solid rgba(105,75,50,.16);
      border-bottom:1px solid rgba(105,75,50,.16);
    }
    .service-block:nth-child(4n){border-right:0}
    .service-block:nth-child(n+5){border-bottom:0}
    .service-icon{
      height:32px;
      margin-bottom:24px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:1.55rem;
      line-height:1;
    }
    .service-block h3{
      margin:0 0 14px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:1.32rem;
      line-height:1.2;
      font-weight:400;
    }
    .service-block p{
      max-width:250px;
      margin:0;
      color:#625C57;
      font-family:var(--sans);
      font-size:.88rem;
      line-height:1.55;
    }
    .service-block-footer{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:36px;
      margin-top:38px;
    }
    .service-block-footer p{
      max-width:720px;
      margin:0;
      color:#625C57;
      font-family:var(--sans);
      font-size:.9rem;
      line-height:1.55;
    }
    .service-compare{
      flex:0 0 auto;
      padding:15px 25px;
      border:1px solid rgba(105,75,50,.18);
      border-radius:999px;
      color:var(--taupe);
      font-family:var(--sans);
      font-size:.86rem;
      text-decoration:none;
      transition:.2s ease;
    }
    .service-compare:hover{
      background:var(--taupe);
      color:var(--ivory);
    }
    @media(max-width:960px){
      .service-block-grid{grid-template-columns:repeat(2,1fr)}
      .service-block:nth-child(4n){border-right:1px solid rgba(105,75,50,.16)}
      .service-block:nth-child(2n){border-right:0}
      .service-block:nth-child(n+5){border-bottom:1px solid rgba(105,75,50,.16)}
      .service-block:nth-child(n+7){border-bottom:0}
    }
    @media(max-width:620px){
      .service-building-blocks{padding:70px 0 62px}
      .service-block-grid{grid-template-columns:1fr}
      .service-block{
        min-height:0;
        padding:30px 28px;
        border-right:0 !important;
        border-bottom:1px solid rgba(105,75,50,.16) !important;
      }
      .service-block:last-child{border-bottom:0 !important}
      .service-block-footer{
        align-items:flex-start;
        flex-direction:column;
      }
    }


    /* Leistungsbausteine: premium dark brand block */
    .service-building-blocks{
      background:var(--taupe) !important;
      padding:96px 0 84px;
      color:var(--ivory);
    }
    .service-building-blocks .label{
      color:var(--yellow) !important;
      margin-bottom:22px;
    }
    .service-building-blocks h2{
      margin:0 0 56px;
      color:var(--ivory) !important;
      font-family:var(--serif);
      font-size:clamp(2.8rem,4.5vw,4.75rem);
      line-height:.98;
      font-weight:400;
      letter-spacing:-.025em;
    }
    .service-building-blocks h2 .italic{
      color:var(--yellow) !important;
      font-style:italic;
    }
    .service-block-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      overflow:hidden;
      border:1px solid rgba(250,247,241,.16);
      border-radius:20px;
      background:rgba(250,247,241,.055);
    }
    .service-block{
      min-height:248px;
      padding:38px 34px 36px;
      border-right:1px solid rgba(250,247,241,.14);
      border-bottom:1px solid rgba(250,247,241,.14);
      background:transparent;
    }
    .service-block:nth-child(4n){border-right:0}
    .service-block:nth-child(n+5){border-bottom:0}

    .service-icon{
      width:42px;
      height:42px;
      margin-bottom:24px;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .service-icon svg{
      width:38px;
      height:38px;
      fill:none;
      stroke:var(--yellow);
      stroke-width:1.45;
      stroke-linecap:round;
      stroke-linejoin:round;
      vector-effect:non-scaling-stroke;
    }

    .service-block h3{
      margin:0 0 14px;
      color:var(--ivory);
      font-family:var(--serif);
      font-size:1.4rem;
      line-height:1.18;
      font-weight:400;
    }
    .service-block p{
      max-width:260px;
      margin:0;
      color:rgba(250,247,241,.72);
      font-family:var(--sans);
      font-size:.89rem;
      line-height:1.58;
    }

    .service-block-footer{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:36px;
      margin-top:38px;
    }
    .service-block-footer p{
      max-width:720px;
      margin:0;
      color:rgba(250,247,241,.68);
      font-family:var(--sans);
      font-size:.9rem;
      line-height:1.55;
    }
    .service-compare{
      flex:0 0 auto;
      padding:15px 25px;
      border:1px solid rgba(250,247,241,.28);
      border-radius:999px;
      color:var(--ivory);
      font-family:var(--sans);
      font-size:.86rem;
      text-decoration:none;
      transition:.2s ease;
    }
    .service-compare:hover{
      background:var(--yellow);
      border-color:var(--yellow);
      color:var(--taupe);
    }

    @media(max-width:960px){
      .service-block-grid{grid-template-columns:repeat(2,1fr)}
      .service-block:nth-child(4n){border-right:1px solid rgba(250,247,241,.14)}
      .service-block:nth-child(2n){border-right:0}
      .service-block:nth-child(n+5){border-bottom:1px solid rgba(250,247,241,.14)}
      .service-block:nth-child(n+7){border-bottom:0}
    }

    @media(max-width:620px){
      .service-building-blocks{padding:72px 0 64px}
      .service-block-grid{grid-template-columns:1fr}
      .service-block{
        min-height:0;
        padding:30px 28px;
        border-right:0 !important;
        border-bottom:1px solid rgba(250,247,241,.14) !important;
      }
      .service-block:last-child{border-bottom:0 !important}
      .service-block-footer{
        align-items:flex-start;
        flex-direction:column;
      }
      .service-icon{
        width:38px;
        height:38px;
      }
      .service-icon svg{
        width:34px;
        height:34px;
      }
    }


    /* Global FEMULOUS CTA shape */
    .btn,
    .button,
    .cta,
    .hero a[class*="btn"],
    .hero a[class*="cta"],
    a.service-compare,
    a[class*="button"],
    a[class*="cta"],
    button,
    input[type="button"],
    input[type="submit"]{
      border-radius:14px !important;
    }

    /* Keep compact navigation links untouched unless they are actual CTA buttons */
    @media(max-width:620px){
      .btn,
      .button,
      .cta,
      .hero a[class*="btn"],
      .hero a[class*="cta"],
      a.service-compare,
      a[class*="button"],
      a[class*="cta"],
      button,
      input[type="button"],
      input[type="submit"]{
        border-radius:12px !important;
      }
    }


    /* Global FEMULOUS CTA shape: true oval / pill */
    .btn,
    .button,
    .cta,
    .hero a[class*="btn"],
    .hero a[class*="cta"],
    a.service-compare,
    a[class*="button"],
    a[class*="cta"],
    button,
    input[type="button"],
    input[type="submit"]{
      border-radius:999px !important;
    }

    @media(max-width:620px){
      .btn,
      .button,
      .cta,
      .hero a[class*="btn"],
      .hero a[class*="cta"],
      a.service-compare,
      a[class*="button"],
      a[class*="cta"],
      button,
      input[type="button"],
      input[type="submit"]{
        border-radius:999px !important;
      }
    }


    .reward-feels{
      color:var(--yellow) !important;
      font-style:italic;
      font-weight:400;
    }


    /* Founder Story: 3-chapter editorial structure */
    .founder-story{
      background:var(--ivory);
      padding:108px 0 112px;
    }
    .founder-story > .wrap > .label{
      color:#625C57;
      margin-bottom:46px;
    }
    .founder-chapter{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:76px;
      align-items:center;
    }
    .founder-copy h2{
      margin:0 0 26px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:clamp(2.8rem,4.4vw,4.8rem);
      line-height:.98;
      font-weight:400;
      letter-spacing:-.03em;
    }
    .founder-copy h2 .italic{
      color:var(--yellow);
    }
    .founder-copy h3{
      margin:0 0 24px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:clamp(2rem,3vw,3rem);
      line-height:1;
      font-weight:400;
    }
    .founder-copy p{
      max-width:620px;
      color:#625C57;
      font-family:var(--sans);
      font-size:.98rem;
      line-height:1.68;
    }

    .founder-photo{
      overflow:hidden;
      border-radius:20px;
      background:
        linear-gradient(135deg,rgba(231,221,201,.26),rgba(105,75,50,.08)),
        linear-gradient(145deg,#E7DDC9,#593d21);
    }
    .founder-photo-large{
      min-height:640px;
    }
    .founder-photo-medium{
      min-height:500px;
    }

    .founder-quote-block{
      max-width:1040px;
      margin:100px auto 98px;
      text-align:center;
    }
    .founder-quote-block p{
      margin:0;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:clamp(2.8rem,4.8vw,5rem);
      font-style:italic;
      font-weight:400;
      line-height:1;
      letter-spacing:-.03em;
    }

    .founder-experience{
      grid-template-columns:.95fr 1.05fr;
      gap:88px;
    }
    .founder-photo-stack{
      position:relative;
      min-height:620px;
    }
    .founder-photo-small{
      position:absolute;
      width:68%;
      min-height:390px;
    }
    .founder-photo-one{
      left:0;
      top:0;
    }
    .founder-photo-two{
      right:0;
      bottom:0;
      width:56%;
      min-height:300px;
      border:10px solid var(--ivory);
    }

    .founder-method-origin{
      margin-top:110px;
      grid-template-columns:1.05fr .95fr;
    }
    .founder-mini-label{
      margin-bottom:18px;
      color:var(--yellow) !important;
    }

    .founder-pillars{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      margin-top:72px;
      border-top:1px solid var(--hair);
      border-left:1px solid var(--hair);
    }
    .founder-pillars article{
      min-height:220px;
      padding:30px 28px;
      border-right:1px solid var(--hair);
      border-bottom:1px solid var(--hair);
    }
    .founder-pillars span{
      display:block;
      margin-bottom:28px;
      color:var(--stone);
      font-family:var(--sans);
      font-size:.72rem;
      letter-spacing:.14em;
    }
    .founder-pillars h3{
      margin:0 0 12px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:1.6rem;
      font-weight:400;
      line-height:1.1;
    }
    .founder-pillars p{
      margin:0;
      color:#625C57;
      font-family:var(--sans);
      font-size:.9rem;
      line-height:1.55;
    }

    @media(max-width:960px){
      .founder-chapter{
        grid-template-columns:1fr;
        gap:44px;
      }
      .founder-photo-large,
      .founder-photo-medium{
        min-height:520px;
      }
      .founder-experience{
        gap:56px;
      }
      .founder-method-origin{
        margin-top:88px;
      }
    }

    @media(max-width:720px){
      .founder-story{
        padding:82px 0 90px;
      }
      .founder-photo-large{
        min-height:460px;
      }
      .founder-photo-stack{
        min-height:520px;
      }
      .founder-photo-small{
        min-height:320px;
      }
      .founder-photo-two{
        min-height:250px;
      }
      .founder-quote-block{
        margin:74px auto 72px;
        text-align:left;
      }
      .founder-pillars{
        grid-template-columns:1fr;
      }
      .founder-pillars article{
        min-height:0;
      }
    }


    /* Real lifestyle image for "Die Belohnung" */
    .transform-media{
      background-size:cover !important;
      background-position:center 28% !important;
      background-repeat:no-repeat !important;
    }
    .transform-media:after{
      content:none !important;
      display:none !important;
    }
    @media(max-width:900px){
      .transform-media{background-position:center 24% !important;}
    }


    /* Founder story photography */
    .founder-photo-one{
      background-size:cover !important;
      background-position:center 24% !important;
      background-repeat:no-repeat !important;
    }
    .founder-photo-two{
      background-image:var(--img-founder-two) !important;
      background-size:cover !important;
      background-position:center 30% !important;
      background-repeat:no-repeat !important;
    }


    /* Founder photo: Aus Erfahrung wurde Methode */
    .founder-photo-medium{
      background-size:cover !important;
      background-position:center center !important;
      background-repeat:no-repeat !important;
    }


    /* Founder intro portrait */
    .founder-photo-large{
      background-image:var(--img-founder-large) !important;
      background-size:cover !important;
      background-position:center 28% !important;
      background-repeat:no-repeat !important;
    }


    /* Signature Journey: REVIVE ME photo */
    .signature-visual{
      background-image:var(--img-signature) !important;
      background-size:cover !important;
      background-position:center center !important;
      background-repeat:no-repeat !important;
    }
    .signature-visual:before,
    .signature-visual:after{
      content:none !important;
      display:none !important;
    }


    /* FEMULOUS CONNECTION LINE */
    .femulous-connection{
      position:relative;
      display:grid;
      grid-template-columns:.95fr 1.1fr .95fr;
      gap:34px;
      margin-top:84px;
      padding-top:44px;
    }

    .connection-line{
      position:absolute;
      left:4%;
      right:4%;
      top:12px;
      height:1px;
      background:rgba(183,174,161,.72);
      z-index:1;
    }

    .connection-dot{
      position:absolute;
      top:50%;
      width:10px;
      height:10px;
      border-radius:50%;
      background:var(--yellow);
      transform:translate(-50%,-50%);
      box-shadow:0 0 0 5px var(--ivory);
    }
    .dot-1{left:14%}
    .dot-2{left:50%}
    .dot-3{left:86%}

    .connection-card{
      position:relative;
      min-height:300px;
      padding:34px 30px 32px;
      background:transparent;
      border-top:1px solid rgba(183,174,161,.62);
    }

    .connection-card.card-2{
      margin-top:24px;
      padding:42px 36px 38px;
      background:rgba(231,221,201,.34);
      border-top:0;
      border-radius:18px;
    }

    .connection-number{
      margin-bottom:24px;
      color:rgba(183,174,161,.9);
      font-family:var(--serif);
      font-size:clamp(3.6rem,5vw,5rem);
      font-style:italic;
      font-weight:400;
      line-height:.8;
      letter-spacing:-.04em;
    }

    .connection-icon{
      width:40px;
      height:40px;
      margin-bottom:20px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .connection-icon svg{
      width:36px;
      height:36px;
      fill:none;
      stroke:var(--yellow);
      stroke-width:1.45;
      stroke-linecap:round;
      stroke-linejoin:round;
      vector-effect:non-scaling-stroke;
    }

    .connection-card h3{
      margin:0 0 14px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:clamp(1.6rem,2.1vw,2rem);
      font-weight:400;
      line-height:1.08;
      letter-spacing:-.015em;
    }

    .connection-card p{
      max-width:360px;
      margin:0;
      color:#625C57;
      font-family:var(--sans);
      font-size:.92rem;
      line-height:1.6;
    }

    @media(max-width:900px){
      .femulous-connection{
        grid-template-columns:1fr;
        gap:28px;
        padding-top:0;
      }

      .connection-line{
        left:16px;
        right:auto;
        top:0;
        bottom:0;
        width:1px;
        height:auto;
      }

      .connection-dot{
        left:16px !important;
        top:auto;
        transform:translate(-50%,0);
      }
      .dot-1{top:54px}
      .dot-2{top:390px}
      .dot-3{top:728px}

      .connection-card,
      .connection-card.card-2{
        margin:0 0 0 42px;
        min-height:0;
      }
    }

    @media(max-width:620px){
      .femulous-connection{
        margin-top:60px;
      }
      .connection-card,
      .connection-card.card-2{
        padding:30px 24px;
      }
      .connection-number{
        font-size:3.3rem;
      }
    }


    /* HEALTH JOURNEY ARCHITECTURE */
    .journey-architecture{
      background:var(--ivory);
      padding:110px 0 96px;
    }
    .journey-architecture-head{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:72px;
      align-items:end;
      margin-bottom:64px;
    }
    .journey-architecture-head h2,
    .specialized-head h2,
    .journey-final-box h2{
      color:var(--taupe);
    }
    .journey-architecture-head .italic,
    .specialized-head .italic,
    .journey-final-box .italic{
      color:var(--yellow);
    }

    .journey-editorial{
      position:relative;
      display:grid;
      grid-template-columns:160px .8fr 1.2fr;
      gap:38px;
      padding:58px 0;
      border-top:1px solid var(--hair);
      border-bottom:1px solid var(--hair);
    }
    .journey-index{
      font-family:var(--serif);
      font-style:italic;
      font-size:6rem;
      line-height:.8;
      color:rgba(183,174,161,.82);
    }
    .journey-type{
      margin:0 0 12px;
      color:#625C57;
      font-size:.66rem;
      font-weight:500;
      text-transform:uppercase;
      letter-spacing:.18em;
    }
    .journey-editorial h3,
    .specialized-card h3,
    .supporting-journeys h3{
      margin:0 0 8px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:2.5rem;
      line-height:1;
      font-weight:400;
    }
    .journey-tagline{
      margin-bottom:20px;
      color:var(--taupe);
      font-family:var(--serif);
      font-style:italic;
      font-size:1.35rem;
      line-height:1.1;
    }
    .journey-editorial-copy > p{
      max-width:390px;
      color:var(--muted);
    }
    .journey-editorial-detail{
      padding-left:38px;
      border-left:1px solid var(--hair);
    }
    .journey-detail-group{
      padding:0 0 20px;
      margin-bottom:20px;
      border-bottom:1px solid rgba(183,174,161,.46);
    }
    .journey-detail-group span{
      display:block;
      margin-bottom:8px;
      color:#625C57;
      font-size:.64rem;
      letter-spacing:.16em;
    }
    .journey-detail-group p,
    .journey-detail-group li{
      color:var(--muted);
      font-size:.88rem;
      line-height:1.55;
    }
    .journey-detail-group ul{
      margin:0;
      padding-left:18px;
    }
    .journey-detail-group.result{
      border-bottom:0;
    }

    .journey-meter{
      display:grid;
      gap:12px;
      margin-top:26px;
    }
    .journey-meter > div{
      display:grid;
      grid-template-columns:110px 1fr;
      gap:16px;
      align-items:center;
    }
    .journey-meter span{
      font-size:.62rem;
      letter-spacing:.14em;
      color:#625C57;
    }
    .journey-meter i{
      position:relative;
      display:block;
      height:3px;
      background:rgba(183,174,161,.35);
      overflow:hidden;
    }
    .journey-meter i:after{
      content:"";
      display:block;
      width:var(--meter);
      height:100%;
      background:var(--yellow);
    }

    /* Signature Journey */
    .signature-premium{
      padding:0;
      background:var(--taupe);
    }
    .signature-premium-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      min-height:820px;
    }
    .signature-premium-photo{
      min-height:820px;
      background-image:inherit;
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
    }
    .signature-premium .signature-visual{
      display:none;
    }
    .signature-premium-copy{
      padding:82px 70px;
      color:var(--ivory);
      display:flex;
      flex-direction:column;
      justify-content:center;
    }
    .signature-premium-copy h2{
      margin:8px 0 6px;
      color:var(--ivory);
      font-size:clamp(4.4rem,7vw,7rem);
    }
    .signature-sub{
      color:var(--ivory);
      font-family:var(--serif);
      font-size:2rem;
      line-height:1.05;
    }
    .signature-sub em{
      color:var(--yellow);
      font-weight:400;
    }
    .signature-premium-copy > p{
      max-width:580px;
      margin:26px 0 0;
      color:rgba(250,247,241,.75);
    }
    .signature-stages{
      margin-top:34px;
      border-top:1px solid rgba(250,247,241,.16);
    }
    .signature-stages article{
      display:grid;
      grid-template-columns:50px 1fr;
      gap:18px;
      padding:19px 0;
      border-bottom:1px solid rgba(250,247,241,.16);
    }
    .signature-stages article > span{
      color:var(--yellow);
      font-family:var(--serif);
      font-style:italic;
      font-size:1.25rem;
    }
    .signature-stages strong{
      display:block;
      margin-bottom:5px;
      color:var(--ivory);
      font-size:.68rem;
      letter-spacing:.14em;
    }
    .signature-stages p{
      margin:0;
      color:rgba(250,247,241,.7);
      font-size:.86rem;
      line-height:1.5;
    }
    .signature-outcomes{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:28px 0 4px;
    }
    .signature-outcomes span{
      padding:7px 10px;
      border:1px solid rgba(250,247,241,.18);
      border-radius:999px;
      color:rgba(250,247,241,.78);
      font-size:.72rem;
    }
    .dark-meter span{
      color:rgba(250,247,241,.58);
    }
    .dark-meter i{
      background:rgba(250,247,241,.18);
    }
    .signature-premium-copy .btn{
      align-self:flex-start;
      margin-top:34px;
    }

    /* Specialized */
    .specialized-journeys{
      padding:110px 0;
      background:var(--ivory);
    }
    .specialized-head{
      max-width:860px;
      margin-bottom:54px;
    }
    .specialized-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:24px;
    }
    .specialized-card{
      position:relative;
      min-height:510px;
      padding:40px;
      background:var(--sand);
      border:1px solid rgba(183,174,161,.36);
      border-radius:20px;
    }
    .specialized-number{
      position:absolute;
      right:28px;
      top:20px;
      color:rgba(183,174,161,.75);
      font-family:var(--serif);
      font-size:4.5rem;
      font-style:italic;
      line-height:1;
    }
    .specialized-card > p{
      max-width:520px;
      color:var(--muted);
    }
    .specialized-meta{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      margin:28px 0;
    }
    .specialized-meta span{
      padding:7px 10px;
      border:1px solid rgba(105,75,50,.16);
      border-radius:999px;
      color:var(--taupe);
      font-size:.72rem;
    }
    .compact-meter{
      margin:28px 0;
    }

    .supporting-journeys{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:24px;
      margin-top:24px;
    }
    .supporting-journeys article{
      padding:34px;
      border-top:1px solid var(--hair);
    }
    .supporting-journeys h3{
      font-size:2rem;
    }
    .supporting-journeys p{
      max-width:520px;
      color:var(--muted);
      font-size:.9rem;
    }

    /* Final Journey CTA */
    .journey-final-cta{
      padding:78px 0;
      background:var(--sand);
    }
    .journey-final-box{
      display:grid;
      grid-template-columns:1fr auto;
      gap:52px;
      align-items:center;
    }
    .journey-final-box h2{
      margin-bottom:16px;
    }
    .journey-final-box p{
      max-width:680px;
      margin:0;
      color:var(--muted);
    }

    @media(max-width:980px){
      .journey-architecture-head,
      .journey-editorial,
      .signature-premium-grid,
      .specialized-grid,
      .supporting-journeys,
      .journey-final-box{
        grid-template-columns:1fr;
      }
      .journey-editorial-detail{
        padding-left:0;
        border-left:0;
      }
      .journey-index{
        font-size:4.6rem;
      }
      .signature-premium-photo{
        min-height:560px;
      }
      .journey-final-box{
        gap:28px;
      }
    }

    @media(max-width:620px){
      .journey-architecture,
      .specialized-journeys{
        padding:78px 0;
      }
      .journey-editorial{
        grid-template-columns:1fr;
        gap:24px;
      }
      .signature-premium-copy{
        padding:62px 26px;
      }
      .signature-premium-photo{
        min-height:420px;
      }
      .specialized-card{
        min-height:0;
        padding:32px 26px;
      }
      .journey-meter > div{
        grid-template-columns:95px 1fr;
      }
    }

    .signature-premium-photo{
      background-image:var(--img-signature) !important;
    }
    

    .journey-system{background:var(--ivory);padding:112px 0 104px}
    .journey-system-head{display:grid;grid-template-columns:1.05fr .95fr;gap:74px;align-items:end}
    .journey-system-head h2,.journey-compare-intro h2,.journey-choice-cta h2{color:var(--taupe)}
    .journey-system-head .italic,.journey-compare-intro .italic,.journey-choice-cta .italic{color:var(--yellow)}
    .journey-selfselect{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
    .journey-selfselect a{min-height:150px;padding:26px 28px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);display:flex;flex-direction:column;justify-content:space-between;gap:22px;transition:.2s ease}
    .journey-selfselect a:hover{background:var(--sand)}
    .journey-selfselect span{color:var(--muted);font-family:var(--serif);font-size:1.35rem;line-height:1.12}
    .journey-selfselect strong{color:var(--taupe);font-size:.72rem;letter-spacing:.14em}
    .journey-compare-intro{max-width:920px;margin:110px 0 54px}
    .journey-compare-intro p:last-child{max-width:720px;color:var(--muted)}
    .journey-list-unified{border-top:1px solid var(--hair)}
    .journey-unified{display:grid;grid-template-columns:120px .9fr 1.1fr;gap:40px;padding:58px 0;border-bottom:1px solid var(--hair);scroll-margin-top:110px}
    .journey-unified-index{color:rgba(183,174,161,.9);font-family:var(--serif);font-size:5.5rem;font-style:italic;line-height:.85}
    .journey-type{margin:0 0 10px;color:#625C57;font-size:.64rem;font-weight:500;letter-spacing:.17em;text-transform:uppercase}
    .journey-unified h3{margin:0 0 8px;color:var(--taupe);font-family:var(--serif);font-size:2.75rem;font-weight:400;line-height:1}
    .journey-tagline{margin-bottom:22px;color:var(--taupe);font-family:var(--serif);font-style:italic;font-size:1.38rem;line-height:1.1}
    .journey-summary{max-width:430px;color:var(--muted);font-size:.94rem;line-height:1.6}
    .journey-outcome{max-width:440px;margin:28px 0;padding-top:20px;border-top:1px solid rgba(183,174,161,.5)}
    .journey-outcome span,.journey-includes>span{display:block;margin-bottom:8px;color:#625C57;font-size:.62rem;letter-spacing:.15em}
    .journey-outcome p,.journey-includes p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}
    .journey-unified-detail{padding-left:38px;border-left:1px solid var(--hair)}
    .journey-facts{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(183,174,161,.5);border-left:1px solid rgba(183,174,161,.5)}
    .journey-facts div{min-height:88px;padding:17px 18px;border-right:1px solid rgba(183,174,161,.5);border-bottom:1px solid rgba(183,174,161,.5)}
    .journey-facts span{display:block;margin-bottom:9px;color:#625C57;font-size:.58rem;letter-spacing:.14em}
    .journey-facts strong{color:var(--taupe);font-family:var(--serif);font-size:1.08rem;font-weight:400}
    .journey-bars{display:grid;gap:14px;margin:28px 0}
    .journey-bars>div{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center}
    .journey-bars span{color:#625C57;font-size:.59rem;letter-spacing:.12em}
    .journey-bars i{display:block;height:3px;background:rgba(183,174,161,.34);overflow:hidden}
    .journey-bars b{display:block;height:100%;background:var(--yellow)}
    .journey-includes{padding-top:20px;border-top:1px solid rgba(183,174,161,.5)}
    .journey-signature{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;background:rgba(231,221,201,.45)}
    .journey-signature .journey-type{color:var(--yellow)}
    .journey-specialized-premium{position:relative}
    .journey-specialized-premium:before{content:"SPECIALIZED PREMIUM";position:absolute;right:0;top:22px;color:var(--yellow);font-size:.58rem;letter-spacing:.18em}
    .journey-choice-cta{display:grid;grid-template-columns:1fr auto;gap:54px;align-items:center;margin-top:88px;padding:46px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
    .journey-choice-cta h2{margin-bottom:12px}
    .journey-choice-cta p:last-child{max-width:680px;margin:0;color:var(--muted)}
    @media(max-width:980px){
      .journey-system-head,.journey-unified,.journey-choice-cta{grid-template-columns:1fr}
      .journey-selfselect{grid-template-columns:repeat(2,1fr)}
      .journey-unified-detail{padding-left:0;border-left:0}
      .journey-unified-index{font-size:4.2rem}
      .journey-choice-cta{gap:26px}
    }
    @media(max-width:620px){
      .journey-system{padding:82px 0}
      .journey-selfselect{grid-template-columns:1fr}
      .journey-unified{gap:24px;padding:44px 0}
      .journey-facts{grid-template-columns:1fr}
      .journey-bars>div{grid-template-columns:98px 1fr}
      .journey-signature{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
    }


    /* Journey expandable detail experience */
    .journey-detail-toggle{
      display:inline-flex;
      align-items:center;
      gap:12px;
      margin-top:4px;
      padding:0 0 5px;
      border:0;
      border-bottom:1px solid rgba(105,75,50,.48);
      border-radius:0 !important;
      background:transparent;
      color:var(--taupe);
      font-family:var(--sans);
      font-size:.84rem;
      font-weight:500;
      cursor:pointer;
    }
    .journey-detail-toggle svg{
      width:16px;
      height:16px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.5;
      transition:transform .25s ease;
    }
    .journey-detail-toggle[aria-expanded="true"] svg{
      transform:rotate(180deg);
    }

    .journey-detail-panel{
      grid-column:1 / -1;
      margin-top:8px;
    }
    .journey-detail-panel[hidden]{
      display:none;
    }
    .journey-detail-panel-inner{
      margin-top:26px;
      padding:42px 44px 38px;
      border:1px solid rgba(183,174,161,.48);
      border-radius:20px;
      background:rgba(231,221,201,.34);
    }
    .journey-detail-panel-head{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:52px;
      align-items:end;
      padding-bottom:28px;
      border-bottom:1px solid rgba(183,174,161,.55);
    }
    .journey-detail-eyebrow{
      margin:0 0 9px;
      color:var(--yellow);
      font-size:.61rem;
      font-weight:500;
      letter-spacing:.17em;
    }
    .journey-detail-panel h4{
      margin:0;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:2rem;
      font-weight:400;
      line-height:1.05;
    }
    .journey-detail-panel-head > p{
      max-width:620px;
      margin:0;
      color:var(--muted);
      font-size:.9rem;
      line-height:1.6;
    }
    .journey-detail-columns{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:0;
      margin-top:30px;
    }
    .journey-detail-column{
      padding:0 28px;
      border-left:1px solid rgba(183,174,161,.5);
    }
    .journey-detail-column:first-child{
      padding-left:0;
      border-left:0;
    }
    .journey-detail-column:last-child{
      padding-right:0;
    }
    .journey-detail-column h5{
      margin:0 0 17px;
      color:var(--taupe);
      font-family:var(--sans);
      font-size:.65rem;
      font-weight:500;
      letter-spacing:.15em;
    }
    .journey-detail-column ul{
      margin:0;
      padding-left:17px;
    }
    .journey-detail-column li{
      margin-bottom:10px;
      color:#625C57;
      font-size:.86rem;
      line-height:1.5;
    }
    .journey-detail-footer{
      display:flex;
      justify-content:space-between;
      gap:30px;
      align-items:center;
      margin-top:34px;
      padding-top:28px;
      border-top:1px solid rgba(183,174,161,.55);
    }
    .journey-detail-footer p{
      margin:0;
      color:var(--muted);
      font-size:.86rem;
    }

    .journey-signature .journey-detail-panel-inner{
      background:rgba(250,247,241,.76);
    }

    @media(max-width:820px){
      .journey-detail-panel-head,
      .journey-detail-columns{
        grid-template-columns:1fr;
      }
      .journey-detail-panel-head{
        gap:18px;
      }
      .journey-detail-column{
        padding:22px 0;
        border-left:0;
        border-top:1px solid rgba(183,174,161,.5);
      }
      .journey-detail-column:first-child{
        border-top:0;
      }
      .journey-detail-footer{
        align-items:flex-start;
        flex-direction:column;
      }
    }
    @media(max-width:620px){
      .journey-detail-panel-inner{
        padding:30px 24px;
      }
    }
    @media(min-width:981px){
      .journey-selfselect{
        grid-template-columns:repeat(6,1fr);
      }
      .journey-selfselect a{
        grid-column:span 2;
      }
      .journey-selfselect a:nth-child(4){
        grid-column:2 / span 2;
      }
      .journey-selfselect a:nth-child(5){
        grid-column:4 / span 2;
      }
    }


    /* =========================================================
       FEMULOUS CINEMATIC IMAGE REVEAL
       Premium scroll behaviour inspired by luxury editorial sites
       ========================================================= */

    .fem-scroll-image{
      --fem-progress:0;
      --fem-scale:0.91;
      --fem-y:54px;
      --fem-radius:28px;
      position:relative;
      transform:
        translate3d(0,var(--fem-y),0)
        scale(var(--fem-scale));
      border-radius:var(--fem-radius) !important;
      overflow:hidden !important;
      transform-origin:center center;
      will-change:transform,border-radius;
      transition:box-shadow .6s ease;
      backface-visibility:hidden;
    }

    .fem-scroll-image.is-inview{
      box-shadow:0 22px 58px rgba(47,42,38,.055);
    }

    /* A very subtle editorial veil that disappears as the image opens */
    .fem-scroll-image::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:4;
      pointer-events:none;
      background:var(--ivory);
      opacity:calc(.16 * (1 - var(--fem-progress)));
      transition:opacity .1s linear;
    }

    /* Do not cover UI that is intentionally layered over imagery */
    .hero-media.fem-scroll-image::before{
      z-index:1;
    }
    .hero-media.fem-scroll-image .hero-badge{
      z-index:6;
    }

    /* Hero opens more gently because it is already visible on page load */
    .hero-media.fem-scroll-image{
      --fem-scale:.965;
      --fem-y:18px;
    }

    /* Large editorial reward image receives the strongest cinematic treatment */
    .transform-media.fem-scroll-image{
      transform-origin:center 45%;
    }

    /* Staggered founder images should remain visually layered */
    .founder-photo-small.fem-scroll-image{
      transform-origin:center center;
    }

    /* Signature image stays elegant on the dark brand field */
    .signature-visual.fem-scroll-image,
    .signature-premium-photo.fem-scroll-image{
      box-shadow:none;
    }

    /* Slightly more breathing room around photographic sections */
    .transform{
      overflow:hidden;
    }
    .founder-story{
      overflow:hidden;
    }

    /* Supporting text can enter with a restrained editorial fade */
    .fem-scroll-copy{
      opacity:.42;
      transform:translate3d(0,28px,0);
      transition:
        opacity .9s cubic-bezier(.22,.61,.36,1),
        transform .9s cubic-bezier(.22,.61,.36,1);
    }
    .fem-scroll-copy.is-inview{
      opacity:1;
      transform:translate3d(0,0,0);
    }

    @media(max-width:720px){
      .fem-scroll-image{
        --fem-scale:.96;
        --fem-y:26px;
        --fem-radius:20px;
      }
      .hero-media.fem-scroll-image{
        --fem-scale:.985;
        --fem-y:10px;
      }
    }

    @media(prefers-reduced-motion:reduce){
      .fem-scroll-image{
        transform:none !important;
        border-radius:20px !important;
      }
      .fem-scroll-image::before{
        display:none !important;
      }
      .fem-scroll-copy{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
      }
    }


    /* Editorial self-selection instead of package grid */
    .journey-editorial-nav{
      margin-top:78px;
    }
    .journey-editorial-nav-head{
      display:grid;
      grid-template-columns:.72fr 1.28fr;
      gap:74px;
      align-items:end;
      padding-bottom:34px;
      border-bottom:1px solid var(--hair);
    }
    .journey-editorial-nav-head .label{
      margin:0;
    }
    .journey-editorial-nav-head h3{
      max-width:820px;
      margin:0;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:clamp(2rem,3.4vw,3.55rem);
      font-weight:400;
      line-height:1.02;
      letter-spacing:-.025em;
    }
    .journey-editorial-nav-head h3 .italic{
      color:var(--yellow);
    }

    .journey-editorial-nav-list{
      border-bottom:1px solid var(--hair);
    }
    .journey-nav-row{
      position:relative;
      display:grid;
      grid-template-columns:82px minmax(0,1fr) 210px 30px;
      gap:26px;
      align-items:center;
      min-height:142px;
      padding:26px 20px 26px 0;
      border-bottom:1px solid var(--hair);
      overflow:hidden;
      transition:
        background-color .4s ease,
        padding-left .4s cubic-bezier(.22,.61,.36,1);
    }
    .journey-nav-row:last-child{
      border-bottom:0;
    }
    .journey-nav-row:before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:3px;
      background:var(--yellow);
      transform:scaleY(0);
      transform-origin:bottom;
      transition:transform .4s cubic-bezier(.22,.61,.36,1);
    }
    .journey-nav-row:hover{
      padding-left:18px;
      background:rgba(231,221,201,.26);
    }
    .journey-nav-row:hover:before{
      transform:scaleY(1);
    }

    .journey-nav-num{
      color:rgba(183,174,161,.92);
      font-family:var(--serif);
      font-size:2.6rem;
      font-style:italic;
      line-height:1;
      transition:color .35s ease;
    }
    .journey-nav-row:hover .journey-nav-num{
      color:var(--yellow);
    }

    .journey-nav-copy{
      display:block;
    }
    .journey-nav-copy strong{
      display:block;
      max-width:720px;
      color:var(--taupe);
      font-family:var(--serif);
      font-size:clamp(1.35rem,2vw,2rem);
      font-weight:400;
      line-height:1.08;
      transition:transform .4s cubic-bezier(.22,.61,.36,1);
    }
    .journey-nav-row:hover .journey-nav-copy strong{
      transform:translateX(6px);
    }
    .journey-nav-copy small{
      display:block;
      margin-top:10px;
      color:var(--muted);
      font-family:var(--sans);
      font-size:.82rem;
      line-height:1.45;
    }

    .journey-nav-program{
      display:flex;
      flex-direction:column;
      gap:7px;
      align-items:flex-start;
      color:var(--taupe);
      font-family:var(--sans);
      font-size:.7rem;
      font-weight:500;
      letter-spacing:.14em;
    }
    .journey-nav-program em{
      color:#625C57;
      font-size:.55rem;
      font-style:normal;
      letter-spacing:.13em;
    }
    .journey-nav-signature{
      background:rgba(231,221,201,.38);
    }
    .journey-nav-signature .journey-nav-program em{
      color:var(--yellow);
    }

    .journey-nav-arrow{
      color:var(--taupe);
      font-size:1.25rem;
      transform:translateX(-4px);
      opacity:.55;
      transition:
        transform .35s ease,
        opacity .35s ease,
        color .35s ease;
    }
    .journey-nav-row:hover .journey-nav-arrow{
      transform:translateX(2px);
      opacity:1;
      color:var(--yellow);
    }

    @media(max-width:900px){
      .journey-editorial-nav-head{
        grid-template-columns:1fr;
        gap:18px;
      }
      .journey-nav-row{
        grid-template-columns:58px minmax(0,1fr) 28px;
        gap:18px;
      }
      .journey-nav-program{
        grid-column:2;
        grid-row:2;
        margin-top:-10px;
      }
      .journey-nav-arrow{
        grid-column:3;
        grid-row:1 / span 2;
      }
    }

    @media(max-width:620px){
      .journey-editorial-nav{
        margin-top:58px;
      }
      .journey-nav-row{
        grid-template-columns:44px minmax(0,1fr) 22px;
        min-height:0;
        padding:24px 0;
      }
      .journey-nav-num{
        font-size:2rem;
      }
      .journey-nav-copy strong{
        font-size:1.35rem;
      }
      .journey-nav-copy small{
        font-size:.78rem;
      }
      .journey-nav-row:hover{
        padding-left:8px;
      }
    }

    @media(prefers-reduced-motion:reduce){
      .journey-nav-row,
      .journey-nav-row:before,
      .journey-nav-copy strong,
      .journey-nav-arrow{
        transition:none !important;
      }
    }


    /* Navigation refinement */
    .navin{
      display:flex;
      align-items:center;
      gap:26px;
    }
    .navlinks{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:24px;
      margin-left:auto;
    }
    .navlinks a{
      white-space:nowrap;
      font-size:.8rem;
      color:#625C57;
    }
    .navcta-yellow{
      display:inline-flex;
      align-items:center;
      gap:9px;
      min-height:42px;
      margin-left:2px;
      padding:0 18px !important;
      border-radius:999px !important;
      background:var(--yellow) !important;
      color:var(--taupe) !important;
      font-size:.8rem;
      font-weight:500;
      white-space:nowrap;
      transition:transform .2s ease,opacity .2s ease;
    }
    .navcta-yellow:hover{
      transform:translateY(-1px);
      opacity:.94;
    }
    .navcta-yellow span{
      font-size:1rem;
      line-height:1;
    }
    @media(max-width:1120px){
      .navlinks{gap:17px}
      .navlinks a{font-size:.74rem}
      .navcta-yellow{padding:0 15px !important;font-size:.74rem}
    }


    /* Premium recognition grid */
    .recognition{
      background:var(--ivory);
    }
    .recognition-grid{
      overflow:hidden;
      border:1px solid rgba(105,75,50,.12);
      border-radius:24px;
      background:rgba(231,221,201,.70);
    }
    .recognition-item{
      position:relative;
      padding:44px 40px 42px !important;
      background:transparent;
      transition:background-color .35s ease;
    }
    .recognition-item:hover{
      background:rgba(250,247,241,.34);
    }
    .premium-recognition-icon{
      width:44px !important;
      height:44px !important;
      margin-bottom:24px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      color:var(--taupe) !important;
      font-size:0 !important;
    }
    .premium-recognition-icon svg{
      width:37px;
      height:37px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.15;
      stroke-linecap:round;
      stroke-linejoin:round;
      vector-effect:non-scaling-stroke;
    }
    .recognition-item h3{
      margin-bottom:14px !important;
      color:var(--taupe) !important;
      font-family:var(--serif);
      font-size:1.5rem !important;
      font-weight:400;
      line-height:1.08;
    }
    .recognition-item p{
      max-width:320px;
      color:#625C57 !important;
      font-size:.91rem !important;
      line-height:1.58 !important;
    }
    @media(max-width:720px){
      .recognition-item{
        padding:32px 28px !important;
      }
      .premium-recognition-icon{
        width:39px !important;
        height:39px !important;
        margin-bottom:19px !important;
      }
      .premium-recognition-icon svg{
        width:33px;
        height:33px;
      }
    }


    /* Recognition icons v2: bespoke FEMULOUS line system */
    .premium-recognition-icon{
      width:48px !important;
      height:48px !important;
      margin-bottom:22px !important;
      color:var(--taupe) !important;
    }
    .premium-recognition-icon svg{
      width:36px;
      height:36px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.35;
      stroke-linecap:round;
      stroke-linejoin:round;
      vector-effect:non-scaling-stroke;
      transition:color .3s ease, transform .35s cubic-bezier(.22,.61,.36,1);
    }
    .recognition-item:hover .premium-recognition-icon svg{
      color:var(--yellow);
      transform:translateY(-2px);
    }


    /* Refined FEMULOUS method icon system */
    .method-card-icon svg{
      width:27px;
      height:27px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.25;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .method-card-icon svg .icon-fill{
      fill:currentColor;
      stroke:none;
      opacity:.72;
    }


    /* FEMULOUS HERO AMBIENT MOTION */
    .hero-media.has-photo{
      isolation:isolate;
      overflow:hidden;
    }
    .hero-media.has-photo::before,
    .hero-media.has-photo::after{
      content:"";
      position:absolute;
      pointer-events:none;
      z-index:0;
      filter:blur(46px);
      opacity:.72;
      will-change:transform;
    }
    .hero-media.has-photo::before{
      width:72%;
      height:60%;
      left:-12%;
      top:6%;
      border-radius:46% 54% 57% 43% / 52% 42% 58% 48%;
      background:radial-gradient(circle at 38% 38%,
        rgba(105,75,50,.30) 0%,
        rgba(105,75,50,.17) 40%,
        rgba(231,221,201,.08) 70%,
        transparent 100%);
      animation:femAmbientOne 24s ease-in-out infinite alternate;
    }
    .hero-media.has-photo::after{
      width:66%;
      height:54%;
      right:-14%;
      bottom:2%;
      border-radius:54% 46% 42% 58% / 44% 58% 42% 56%;
      background:radial-gradient(circle at 42% 42%,
        rgba(242,194,58,.15) 0%,
        rgba(231,221,201,.24) 36%,
        rgba(183,174,161,.12) 68%,
        transparent 100%);
      animation:femAmbientTwo 30s ease-in-out infinite alternate;
    }
    .hero-media.has-photo .hero-ambient-layer{
      position:absolute;
      width:58%;
      height:44%;
      left:28%;
      top:22%;
      z-index:0;
      border-radius:50%;
      pointer-events:none;
      background:radial-gradient(circle at center,
        rgba(250,247,241,.45) 0%,
        rgba(231,221,201,.20) 44%,
        transparent 74%);
      filter:blur(34px);
      opacity:.7;
      animation:femAmbientThree 20s ease-in-out infinite alternate;
      will-change:transform,opacity;
    }
    .hero-media.has-photo img{
      position:relative;
      z-index:2;
    }
    .hero-media.has-photo .hero-ambient-wash{
      position:absolute;
      inset:0;
      z-index:3;
      pointer-events:none;
      background:linear-gradient(115deg,
        rgba(250,247,241,.05) 0%,
        transparent 34%,
        rgba(242,194,58,.03) 66%,
        rgba(105,75,50,.03) 100%);
      mix-blend-mode:soft-light;
      opacity:.62;
    }

    @keyframes femAmbientOne{
      0%{transform:translate3d(-3%,2%,0) scale(1)}
      50%{transform:translate3d(10%,7%,0) scale(1.08) rotate(2deg)}
      100%{transform:translate3d(4%,-5%,0) scale(1.03) rotate(-2deg)}
    }
    @keyframes femAmbientTwo{
      0%{transform:translate3d(4%,2%,0) scale(1)}
      50%{transform:translate3d(-9%,-5%,0) scale(1.1) rotate(-2deg)}
      100%{transform:translate3d(-2%,7%,0) scale(1.04) rotate(2deg)}
    }
    @keyframes femAmbientThree{
      0%{transform:translate3d(-4%,3%,0) scale(.96);opacity:.55}
      50%{transform:translate3d(8%,-6%,0) scale(1.08);opacity:.78}
      100%{transform:translate3d(2%,5%,0) scale(1.02);opacity:.62}
    }

    @media(max-width:720px){
      .hero-media.has-photo::before{width:82%;height:60%;left:-18%}
      .hero-media.has-photo::after{width:76%;height:56%;right:-22%}
      .hero-media.has-photo .hero-ambient-layer{width:72%;height:52%;left:20%}
    }
    @media(prefers-reduced-motion:reduce){
      .hero-media.has-photo::before,
      .hero-media.has-photo::after,
      .hero-media.has-photo .hero-ambient-layer{
        animation:none !important;
        transform:none !important;
      }
    }


    /* =========================================================
       FEMULOUS HERO AMBIENT MOTION v2
       Visible atmospheric movement over the hero image
       ========================================================= */

    .hero-media.has-photo{
      position:relative;
      isolation:isolate;
      overflow:hidden;
    }

    .hero-media.has-photo img{
      position:relative;
      z-index:1;
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .hero-media.has-photo .hero-ambient-layer{
      position:absolute;
      z-index:3;
      width:76%;
      height:58%;
      left:-8%;
      top:8%;
      border-radius:48% 52% 58% 42% / 52% 46% 54% 48%;
      pointer-events:none;
      background:
        radial-gradient(circle at 48% 44%,
          rgba(250,247,241,.22) 0%,
          rgba(231,221,201,.12) 34%,
          rgba(105,75,50,.045) 62%,
          transparent 78%);
      filter:blur(30px);
      mix-blend-mode:soft-light;
      opacity:.9;
      animation:femVisibleAmbientOne 18s ease-in-out infinite alternate;
      will-change:transform,opacity;
    }

    .hero-media.has-photo .hero-ambient-layer::after{
      content:"";
      position:absolute;
      width:78%;
      height:72%;
      right:-45%;
      bottom:-28%;
      border-radius:50%;
      background:
        radial-gradient(circle at center,
          rgba(242,194,58,.18) 0%,
          rgba(242,194,58,.075) 33%,
          rgba(231,221,201,.04) 56%,
          transparent 75%);
      filter:blur(24px);
      animation:femVisibleAmbientTwo 23s ease-in-out infinite alternate;
    }

    .hero-media.has-photo .hero-ambient-wash{
      position:absolute;
      inset:-8%;
      z-index:4;
      pointer-events:none;
      background:
        linear-gradient(
          118deg,
          transparent 15%,
          rgba(250,247,241,.12) 34%,
          rgba(250,247,241,.035) 47%,
          transparent 61%
        );
      opacity:.8;
      mix-blend-mode:screen;
      transform:translate3d(-16%,0,0) rotate(-3deg);
      animation:femLightSweep 14s ease-in-out infinite alternate;
      will-change:transform,opacity;
    }

    /* Thin moving warm light line, intentionally subtle */
    .hero-media.has-photo .hero-ambient-wash::after{
      content:"";
      position:absolute;
      width:28%;
      height:120%;
      left:12%;
      top:-10%;
      background:
        linear-gradient(
          90deg,
          transparent,
          rgba(242,194,58,.045),
          rgba(250,247,241,.09),
          transparent
        );
      filter:blur(18px);
      transform:rotate(8deg);
    }

    @keyframes femVisibleAmbientOne{
      0%{
        transform:translate3d(-6%,1%,0) scale(.97) rotate(-2deg);
        opacity:.72;
      }
      50%{
        transform:translate3d(9%,6%,0) scale(1.08) rotate(1.5deg);
        opacity:.96;
      }
      100%{
        transform:translate3d(2%,-5%,0) scale(1.02) rotate(-1deg);
        opacity:.8;
      }
    }

    @keyframes femVisibleAmbientTwo{
      0%{transform:translate3d(0,0,0) scale(.95)}
      50%{transform:translate3d(-16%,-10%,0) scale(1.1)}
      100%{transform:translate3d(-7%,8%,0) scale(1.02)}
    }

    @keyframes femLightSweep{
      0%{
        transform:translate3d(-18%,0,0) rotate(-3deg);
        opacity:.42;
      }
      55%{
        transform:translate3d(12%,0,0) rotate(-1deg);
        opacity:.82;
      }
      100%{
        transform:translate3d(26%,0,0) rotate(1deg);
        opacity:.52;
      }
    }

    /* Neutralise the old hidden background pseudo-elements */
    .hero-media.has-photo::before,
    .hero-media.has-photo::after{
      display:none !important;
    }

    @media(max-width:720px){
      .hero-media.has-photo .hero-ambient-layer{
        width:90%;
        height:64%;
        left:-18%;
      }
      .hero-media.has-photo .hero-ambient-wash{
        opacity:.62;
      }
    }

    @media(prefers-reduced-motion:reduce){
      .hero-media.has-photo .hero-ambient-layer,
      .hero-media.has-photo .hero-ambient-layer::after,
      .hero-media.has-photo .hero-ambient-wash{
        animation:none !important;
        transform:none !important;
      }
    }


    /* =========================================================
       FEMULOUS HERO MOTION v3 - deliberately visible
       ========================================================= */
    .hero-media.has-photo{
      position:relative !important;
      overflow:hidden !important;
      isolation:isolate !important;
    }

    .hero-media.has-photo img{
      position:relative !important;
      z-index:1 !important;
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      display:block !important;
    }

    .hero-light-motion{
      position:absolute;
      inset:-15%;
      z-index:5;
      pointer-events:none;
      overflow:hidden;
      opacity:1;
      mix-blend-mode:screen;
    }

    .hero-light-motion::before{
      content:"";
      position:absolute;
      width:48%;
      height:135%;
      left:-30%;
      top:-18%;
      transform:rotate(11deg);
      background:
        linear-gradient(
          90deg,
          transparent 0%,
          rgba(250,247,241,.02) 18%,
          rgba(250,247,241,.22) 45%,
          rgba(242,194,58,.16) 58%,
          rgba(250,247,241,.08) 72%,
          transparent 100%
        );
      filter:blur(18px);
      animation:femHeroSweep 11s ease-in-out infinite alternate;
      will-change:transform;
    }

    .hero-light-motion::after{
      content:"";
      position:absolute;
      width:54%;
      height:54%;
      right:-10%;
      bottom:4%;
      border-radius:50%;
      background:
        radial-gradient(circle at center,
          rgba(242,194,58,.22) 0%,
          rgba(242,194,58,.11) 28%,
          rgba(105,75,50,.08) 50%,
          transparent 72%);
      filter:blur(26px);
      mix-blend-mode:soft-light;
      animation:femHeroOrb 16s ease-in-out infinite alternate;
      will-change:transform,opacity;
    }

    @keyframes femHeroSweep{
      0%{
        transform:translate3d(-8%,0,0) rotate(11deg);
      }
      100%{
        transform:translate3d(245%,0,0) rotate(11deg);
      }
    }

    @keyframes femHeroOrb{
      0%{
        transform:translate3d(0,0,0) scale(.92);
        opacity:.55;
      }
      50%{
        transform:translate3d(-22%,-12%,0) scale(1.08);
        opacity:.9;
      }
      100%{
        transform:translate3d(-8%,10%,0) scale(1);
        opacity:.65;
      }
    }

    /* Retire previous, near-invisible ambient helpers */
    .hero-media.has-photo .hero-ambient-layer,
    .hero-media.has-photo .hero-ambient-wash{
      display:none !important;
    }

    @media(prefers-reduced-motion:reduce){
      .hero-light-motion::before,
      .hero-light-motion::after{
        animation:none !important;
      }
    }


    /* =========================================================
       FEMULOUS recognition grid motion
       Editorial staggered reveal on scroll
       ========================================================= */

    .recognition-grid{
      perspective:1200px;
    }

    .recognition-item.fem-reveal-tile{
      opacity:0;
      transform:
        translate3d(
          calc((var(--reveal-order) - 2.5) * 7px),
          58px,
          0
        )
        scale(.965);
      filter:blur(3px);
      transition:
        opacity .82s cubic-bezier(.22,.61,.36,1),
        transform .95s cubic-bezier(.16,1,.3,1),
        filter .72s ease,
        background-color .35s ease;
      transition-delay:calc(var(--reveal-order) * 95ms);
      will-change:transform,opacity,filter;
    }

    .recognition-item.fem-reveal-tile.is-visible{
      opacity:1;
      transform:translate3d(0,0,0) scale(1);
      filter:blur(0);
    }

    /* Gentle premium interaction after reveal */
    .recognition-item.fem-reveal-tile.is-visible:hover{
      transform:translate3d(0,-5px,0) scale(1.012);
      background:rgba(250,247,241,.44);
    }

    .recognition-item.fem-reveal-tile.is-visible:hover
    .premium-recognition-icon svg{
      transform:translateY(-3px) scale(1.06);
    }

    /* Make hero ambient motion visibly stronger without becoming flashy */
    .hero-light-motion{
      opacity:1 !important;
    }

    .hero-light-motion::before{
      width:56% !important;
      background:
        linear-gradient(
          90deg,
          transparent 0%,
          rgba(250,247,241,.04) 14%,
          rgba(250,247,241,.32) 42%,
          rgba(242,194,58,.24) 57%,
          rgba(250,247,241,.15) 72%,
          transparent 100%
        ) !important;
      filter:blur(14px) !important;
      animation-duration:9s !important;
    }

    .hero-light-motion::after{
      width:62% !important;
      height:62% !important;
      background:
        radial-gradient(circle at center,
          rgba(242,194,58,.31) 0%,
          rgba(242,194,58,.16) 28%,
          rgba(105,75,50,.12) 51%,
          transparent 73%
        ) !important;
      filter:blur(22px) !important;
      animation-duration:13s !important;
    }

    @media(max-width:720px){
      .recognition-item.fem-reveal-tile{
        transform:translate3d(0,38px,0) scale(.98);
        transition-delay:calc(var(--reveal-order) * 65ms);
      }
    }

    @media(prefers-reduced-motion:reduce){
      .recognition-item.fem-reveal-tile{
        opacity:1 !important;
        transform:none !important;
        filter:none !important;
        transition:none !important;
      }
    }


/* =========================================================
   FEMULOUS Navigation UX v75
   Active section, premium mobile menu, conversion footer
   ========================================================= */

.navlinks a{
  position:relative;
  transition:color .25s ease, opacity .25s ease;
}
.navlinks a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-10px;
  width:18px;
  height:1.5px;
  background:var(--yellow);
  transform:translateX(-50%) scaleX(0);
  transform-origin:center;
  transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.navlinks a.is-active{
  color:var(--taupe);
  font-weight:600;
}
.navlinks a.is-active::after{
  transform:translateX(-50%) scaleX(1);
}

/* Mobile menu trigger */
.menu-toggle{
  display:none;
  appearance:none;
  border:0;
  background:transparent;
  color:var(--taupe);
  font:inherit;
  align-items:center;
  gap:10px;
  cursor:pointer;
  padding:12px 0 12px 12px;
}
.menu-toggle-lines{
  width:22px;
  height:14px;
  position:relative;
  display:inline-block;
}
.menu-toggle-lines i{
  position:absolute;
  left:0;
  width:22px;
  height:1px;
  background:currentColor;
  transition:transform .3s ease, top .3s ease;
}
.menu-toggle-lines i:first-child{top:3px}
.menu-toggle-lines i:last-child{top:10px}
.menu-toggle[aria-expanded="true"] .menu-toggle-lines i:first-child{
  top:7px;
  transform:rotate(45deg);
}
.menu-toggle[aria-expanded="true"] .menu-toggle-lines i:last-child{
  top:7px;
  transform:rotate(-45deg);
}

/* Full screen mobile drawer */
.mobile-menu-panel{
  position:fixed;
  inset:0;
  z-index:999;
  background:var(--ivory);
  opacity:0;
  visibility:hidden;
  transform:translateY(-12px);
  transition:opacity .34s ease, visibility .34s ease, transform .4s cubic-bezier(.16,1,.3,1);
}
.mobile-menu-panel.is-open{
  opacity:1;
  visibility:visible;
  transform:none;
}
.mobile-menu-inner{
  min-height:100%;
  padding:110px 28px 36px;
  display:flex;
  flex-direction:column;
}
.mobile-menu-eyebrow{
  color:var(--taupe);
  font-size:.72rem;
  letter-spacing:.26em;
  margin-bottom:28px;
}
.mobile-menu-links{
  display:flex;
  flex-direction:column;
  border-top:1px solid rgba(105,75,50,.18);
}
.mobile-menu-links a{
  display:grid;
  grid-template-columns:38px 1fr;
  align-items:center;
  gap:10px;
  padding:18px 0;
  border-bottom:1px solid rgba(105,75,50,.14);
  color:var(--taupe);
  text-decoration:none;
  font-family:var(--serif);
  font-size:clamp(1.45rem,7vw,2rem);
  line-height:1.08;
}
.mobile-menu-links a span{
  font-family:var(--sans);
  font-size:.62rem;
  letter-spacing:.12em;
  opacity:.55;
}
.mobile-menu-links a.is-active{
  color:var(--taupe);
}
.mobile-menu-links a.is-active span{
  color:var(--yellow);
  opacity:1;
}
.mobile-menu-primary{
  margin-top:auto;
  min-height:54px;
  padding:0 24px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:var(--yellow);
  color:#2F2A26;
  text-decoration:none;
  font-weight:600;
}
body.menu-open{overflow:hidden}

/* Conversion footer */
.premium-footer{
  background:var(--taupe);
  color:var(--ivory);
  padding-top:0;
}
.footer-conversion{
  padding:90px 0 82px;
  max-width:900px;
  border-bottom:1px solid rgba(250,247,241,.2);
}
.footer-conversion .label{
  color:rgba(250,247,241,.68);
}
.footer-conversion h2{
  margin:18px 0 24px;
  max-width:900px;
  color:var(--ivory);
  font-family:var(--serif);
  font-size:clamp(2.5rem,5.2vw,5rem);
  line-height:.98;
  font-weight:400;
}
.footer-conversion h2 em{
  color:var(--yellow);
  font-weight:400;
}
.footer-conversion p:not(.label){
  max-width:610px;
  color:rgba(250,247,241,.72);
  line-height:1.65;
}
.footer-primary-cta{
  margin-top:28px;
}
.footer-navigation{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:48px;
  padding:58px 0 52px;
}
.footer-brand p,
.footer-column a{
  color:rgba(250,247,241,.68);
}
.footer-brand-note{
  margin-top:18px;
  max-width:220px;
  line-height:1.55;
}
.footer-column{
  display:flex;
  flex-direction:column;
  gap:11px;
}
.footer-column h3{
  margin:0 0 9px;
  color:var(--ivory);
  font-family:var(--sans);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.footer-column a{
  text-decoration:none;
  font-size:.88rem;
  transition:color .2s ease;
}
.footer-column a:hover{color:var(--yellow)}
.premium-footer .copyright{
  border-top:1px solid rgba(250,247,241,.16);
  color:rgba(250,247,241,.48);
  padding:20px 0 28px;
}

@media(max-width:900px){
  .navlinks,
  .nav > .wrap > .navcta{
    display:none !important;
  }
  .menu-toggle{
    display:flex;
    position:relative;
    z-index:1001;
  }
  .nav .logo{
    position:relative;
    z-index:1001;
  }
  .footer-navigation{
    grid-template-columns:1.3fr 1fr 1fr;
  }
  .footer-brand{
    grid-column:1 / -1;
    margin-bottom:8px;
  }
}

@media(max-width:640px){
  .footer-conversion{
    padding:68px 0 60px;
  }
  .footer-conversion h2{
    font-size:clamp(2.35rem,12vw,3.55rem);
  }
  .footer-navigation{
    grid-template-columns:1fr 1fr;
    gap:38px 28px;
    padding:44px 0;
  }
  .footer-brand{
    grid-column:1 / -1;
  }
}

@media(prefers-reduced-motion:reduce){
  .mobile-menu-panel,
  .menu-toggle-lines i,
  .navlinks a::after{
    transition:none !important;
  }
}


/* =========================================================
   FEMULOUS ABOUT STORY v81
   Founder story, career, credentials and professional role
   ========================================================= */
.founder-story-v2{
  padding-top:110px;
  padding-bottom:110px;
}
.founder-story-v2 > .wrap > .label{
  margin-bottom:54px;
}
.about-v2-chapter{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:clamp(48px,7vw,110px);
  align-items:center;
  padding:72px 0;
  border-top:1px solid rgba(105,75,50,.16);
}
.about-v2-experience{
  grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);
}
.about-v2-copy{
  max-width:760px;
}
.about-v2-index{
  display:block;
  margin-bottom:22px;
  color:rgba(105,75,50,.72);
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.19em;
}
.about-v2-copy h2,
.about-v2-credentials h2,
.about-v2-role h2{
  margin:0 0 28px;
  font-family:var(--serif);
  color:var(--taupe);
  font-size:clamp(2.35rem,4.5vw,4.7rem);
  line-height:1.02;
  font-weight:400;
}
.about-v2-copy p,
.about-v2-role-copy p{
  color:var(--muted);
  font-size:1rem;
  line-height:1.72;
}
.about-v2-copy p + p,
.about-v2-role-copy p + p{
  margin-top:15px;
}
.about-v2-photo{
  min-height:560px;
  border-radius:26px;
  overflow:hidden;
}
.about-v2-photo-story{
  min-height:610px;
  width:100%;
}
.about-v2-photo-career{
  min-height:520px;
}
.about-v2-statement{
  margin:40px 0 54px;
  padding:82px clamp(30px,7vw,110px);
  background:var(--taupe);
  border-radius:28px;
  color:var(--ivory);
  font-family:var(--serif);
  font-size:clamp(2.2rem,4.5vw,4.7rem);
  line-height:1.04;
}
.about-v2-statement span,
.about-v2-statement em{
  display:block;
}
.about-v2-statement em{
  margin-top:8px;
  color:var(--yellow);
  font-weight:400;
}
.about-v2-emphasis{
  margin-top:26px !important;
  padding-left:20px;
  border-left:2px solid var(--yellow);
  color:var(--taupe) !important;
  font-family:var(--serif);
  font-size:1.32rem !important;
  line-height:1.45 !important;
}
.about-v2-credentials{
  margin-top:34px;
  padding:80px 0 90px;
  border-top:1px solid rgba(105,75,50,.16);
}
.about-v2-credentials-head{
  max-width:900px;
  margin-bottom:48px;
}
.credential-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(105,75,50,.18);
  border-radius:26px;
  overflow:hidden;
  background:rgba(231,221,201,.34);
}
.credential-column{
  padding:38px 34px 42px;
}
.credential-column + .credential-column{
  border-left:1px solid rgba(105,75,50,.18);
}
.credential-no{
  display:block;
  margin-bottom:28px;
  color:var(--yellow);
  font-family:var(--serif);
  font-style:italic;
  font-size:1.25rem;
}
.credential-column h3{
  margin:0 0 28px;
  color:var(--taupe);
  font-family:var(--serif);
  font-size:1.55rem;
  font-weight:400;
}
.credential-item{
  padding:17px 0;
  border-top:1px solid rgba(105,75,50,.13);
}
.credential-item strong,
.credential-item span{
  display:block;
}
.credential-item strong{
  color:var(--taupe);
  font-size:.91rem;
  line-height:1.4;
}
.credential-item span{
  margin-top:5px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.5;
}
.about-v2-role{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(50px,8vw,120px);
  padding:88px clamp(28px,5vw,72px);
  margin-bottom:86px;
  border-radius:28px;
  background:var(--taupe);
}
.about-v2-role .about-v2-index,
.about-v2-role h2{
  color:var(--ivory);
}
.about-v2-role h2 .italic{
  color:var(--yellow);
}
.about-v2-role-copy p{
  color:rgba(250,247,241,.72);
}
.about-v2-role-lead{
  margin-top:0 !important;
  color:var(--yellow) !important;
  font-family:var(--serif);
  font-size:1.55rem !important;
}
.about-v2-boundary{
  margin-top:26px !important;
  padding-top:24px;
  border-top:1px solid rgba(250,247,241,.2);
}
.about-v2-boundary strong{
  color:var(--ivory);
  font-weight:500;
}

@media(max-width:900px){
  .about-v2-chapter,
  .about-v2-experience,
  .about-v2-role{
    grid-template-columns:1fr;
  }
  .about-v2-experience .about-v2-photo{
    order:2;
  }
  .credential-grid{
    grid-template-columns:1fr;
  }
  .credential-column + .credential-column{
    border-left:0;
    border-top:1px solid rgba(105,75,50,.18);
  }
  .about-v2-photo,
  .about-v2-photo-story,
  .about-v2-photo-career{
    min-height:520px;
  }
}
@media(max-width:640px){
  .founder-story-v2{
    padding-top:76px;
    padding-bottom:76px;
  }
  .about-v2-chapter{
    padding:52px 0;
    gap:34px;
  }
  .about-v2-statement{
    margin:20px 0 36px;
    padding:54px 26px;
  }
  .about-v2-credentials{
    padding:60px 0;
  }
  .credential-column{
    padding:30px 24px 34px;
  }
  .about-v2-role{
    padding:52px 26px;
    gap:28px;
    margin-bottom:58px;
  }
  .about-v2-photo,
  .about-v2-photo-story,
  .about-v2-photo-career{
    min-height:430px;
  }
}


/* FEMULOUS medicine complement statement */
.about-v2-system-lead{
  margin-top:28px !important;
  color:var(--taupe) !important;
  font-family:var(--serif);
  font-size:1.25rem !important;
  line-height:1.5 !important;
}
.medicine-complement-box{
  position:relative;
  margin:34px 0 32px;
  padding:32px 34px 34px;
  border:1px solid rgba(105,75,50,.16);
  border-radius:22px;
  background:rgba(231,221,201,.34);
  overflow:hidden;
}
.medicine-complement-box::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--yellow);
}
.medicine-complement-kicker{
  display:block;
  margin-bottom:14px;
  color:rgba(105,75,50,.7);
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.17em;
}
.medicine-complement-box h3{
  margin:0 0 16px;
  color:var(--taupe);
  font-family:var(--serif);
  font-size:clamp(1.65rem,2.4vw,2.25rem);
  line-height:1.08;
  font-weight:400;
}
.medicine-complement-box h3 em{
  color:var(--taupe);
  font-weight:400;
}
.medicine-complement-box p{
  margin:0 !important;
  max-width:650px;
}
@media(max-width:640px){
  .medicine-complement-box{
    padding:27px 25px 29px;
  }
}


.journey-guide-cta{margin:68px 0 34px;padding:52px clamp(30px,5vw,70px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;border-radius:28px;background:var(--taupe);color:var(--ivory)}
.journey-guide-copy{max-width:760px}.journey-guide-copy .label{color:rgba(250,247,241,.62)}
.journey-guide-copy h2,.journey-guide-soft h2,.journey-guide-dialog h2{margin:14px 0 18px;font-family:var(--serif);font-size:clamp(2.25rem,4vw,4.15rem);line-height:1.02;font-weight:400}
.journey-guide-copy h2{color:var(--ivory)}.journey-guide-copy h2 .italic{color:var(--yellow)}
.journey-guide-copy>p:last-child{max-width:660px;color:rgba(250,247,241,.7);line-height:1.65}.journey-guide-cta .btn{white-space:nowrap}
.journey-guide-soft{padding:86px 0;background:rgba(231,221,201,.38)}
.journey-guide-soft-inner{display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(50px,8vw,120px);align-items:end}
.journey-guide-soft h2{color:var(--taupe);margin-bottom:0}.journey-guide-soft-action p{color:var(--muted);line-height:1.65;margin-bottom:24px}
.journey-guide-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
.journey-guide-modal.is-open{opacity:1;visibility:visible}.journey-guide-backdrop{position:absolute;inset:0;background:rgba(50,37,28,.68);backdrop-filter:blur(8px)}
.journey-guide-dialog{position:relative;z-index:1;width:min(660px,100%);max-height:min(820px,calc(100vh - 48px));overflow:auto;padding:48px clamp(28px,5vw,58px) 44px;border-radius:28px;background:var(--ivory);box-shadow:0 28px 80px rgba(35,25,18,.25)}
.journey-guide-dialog h2{color:var(--taupe);font-size:clamp(2.2rem,4vw,3.55rem)}.journey-guide-dialog-intro{color:var(--muted);line-height:1.65;margin-bottom:30px}
.journey-guide-close{position:absolute;right:22px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(105,75,50,.08);color:var(--taupe);font-size:1.65rem;line-height:1;cursor:pointer}
.journey-guide-form{display:grid;gap:18px}.journey-guide-form label:not(.journey-guide-consent){display:grid;gap:8px}
.journey-guide-form label>span:first-child{color:var(--taupe);font-size:.72rem;font-weight:600;letter-spacing:.08em}
.journey-guide-form input[type="text"],.journey-guide-form input[type="email"]{width:100%;min-height:54px;padding:0 16px;border:1px solid rgba(105,75,50,.22);border-radius:14px;background:#FAF7F1;color:var(--taupe);font:inherit;outline:none}
.journey-guide-form input:focus{border-color:var(--taupe);box-shadow:0 0 0 3px rgba(105,75,50,.08)}
.journey-guide-consent{display:grid;grid-template-columns:18px 1fr;gap:11px;align-items:start;margin-top:2px}.journey-guide-consent input{margin-top:3px}
.journey-guide-consent span{color:var(--muted)!important;font-size:.76rem!important;font-weight:400!important;letter-spacing:0!important;line-height:1.5}
.journey-guide-submit{margin-top:4px;width:100%;justify-content:space-between}.journey-guide-privacy{margin:0;color:rgba(105,75,50,.56);font-size:.68rem;line-height:1.5}
body.guide-modal-open{overflow:hidden}
@media(max-width:800px){.journey-guide-cta,.journey-guide-soft-inner{grid-template-columns:1fr}.journey-guide-cta{align-items:start;gap:28px}.journey-guide-cta .btn{justify-self:start}}
@media(max-width:560px){.journey-guide-cta{padding:40px 25px}.journey-guide-dialog{padding:44px 24px 32px;border-radius:22px}}
@media(prefers-reduced-motion:reduce){.journey-guide-modal{transition:none}}


/* Trust & Expertise refinement */
.trust-intro{align-self:start}
.trust-context{margin-top:clamp(34px,5vw,70px);max-width:500px;padding-top:24px;border-top:1px solid rgba(105,75,50,.22)}
.trust-context h3,.evidence-item h3{margin:0;color:var(--taupe);font-family:var(--serif);font-weight:400}
.trust-context h3{font-size:clamp(1.25rem,1.7vw,1.65rem);margin-bottom:12px}
.trust-context p{margin:0;color:var(--muted);line-height:1.65;max-width:470px}
.evidence-item{align-items:flex-start}
.evidence-item>div{min-width:0}
.evidence-item h3{font-size:clamp(1.02rem,1.35vw,1.22rem);line-height:1.3;margin-bottom:9px}
.evidence-item p{margin:0}

/* Perspektivwechsel */
.belief-shift{padding:110px 0 0;background:var(--ivory);overflow:hidden}
.belief-opening-grid,.belief-antithesis{display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(50px,8vw,130px);align-items:start}
.belief-opening-grid{margin-top:24px}
.belief-shift h2{margin:0;font-family:var(--serif);font-size:clamp(3rem,5.4vw,5.9rem);font-weight:400;line-height:1;color:var(--taupe);letter-spacing:-.025em}
.belief-assumptions{border-top:1px solid rgba(105,75,50,.24)}
.belief-assumptions p{margin:0;padding:17px 0;border-bottom:1px solid rgba(105,75,50,.18);font-family:var(--serif);font-size:clamp(1.05rem,1.45vw,1.3rem);color:var(--muted)}
.belief-context{max-width:750px;margin:46px 0 95px auto;color:var(--muted);font-size:1.05rem;line-height:1.7}
.belief-turn{padding:95px max(6vw,40px);background:var(--taupe);text-align:center;color:var(--ivory)}
.belief-turn>p{margin:0 0 12px;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(250,247,241,.65)}
.belief-turn h3{max-width:1050px;margin:auto;font-family:var(--serif);font-size:clamp(2.8rem,5.2vw,5.6rem);font-weight:400;line-height:1;color:var(--ivory)}
.belief-turn .italic{color:var(--yellow)}
.belief-antithesis{padding-top:105px;padding-bottom:115px}
.belief-antithesis h2{font-size:clamp(2.8rem,4.7vw,5rem)}
.belief-antithesis h2 .italic{color:var(--yellow)}
.belief-copy{padding-top:26px;border-top:1px solid rgba(105,75,50,.24)}
.belief-copy>p{margin:0 0 20px;color:var(--muted);line-height:1.7}
.belief-copy .belief-lead{font-family:var(--serif);font-size:clamp(1.45rem,1.9vw,1.9rem);line-height:1.3;color:var(--taupe)}
.belief-selfefficacy{margin-top:34px;padding-top:25px;border-top:1px solid rgba(105,75,50,.2)}
.belief-selfefficacy span{font-size:.62rem;font-weight:600;letter-spacing:.17em;color:var(--taupe)}
.belief-selfefficacy p{margin:12px 0 0;font-family:var(--serif);font-size:clamp(1.25rem,1.7vw,1.6rem);line-height:1.4;color:var(--taupe)}
@media(max-width:820px){.belief-opening-grid,.belief-antithesis{grid-template-columns:1fr}.belief-context{margin-left:0}.belief-shift{padding-top:80px}}


/* Antithese V2: System, Anker und Selbstwirksamkeit */
.belief-system{margin-top:34px;padding-top:28px;border-top:1px solid rgba(105,75,50,.22)}
.belief-system h3{margin:0 0 18px;font-family:var(--serif);font-size:clamp(1.35rem,1.9vw,1.8rem);font-weight:400;line-height:1.35;color:var(--taupe)}
.belief-system p{margin:0;color:var(--muted);line-height:1.7}
.belief-anchor{display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(50px,8vw,130px);padding-top:105px;padding-bottom:105px;border-top:1px solid rgba(105,75,50,.16)}
.belief-anchor h2{font-size:clamp(2.8rem,4.7vw,5rem)}
.belief-anchor h2 .italic{color:var(--yellow)}
.belief-anchor-copy{padding-top:26px;border-top:1px solid rgba(105,75,50,.24)}
.belief-anchor-copy>p{margin:0 0 20px;color:var(--muted);line-height:1.7}
.belief-anchor-copy .belief-bridge{margin-top:34px;padding-top:25px;border-top:1px solid rgba(105,75,50,.2);font-family:var(--serif);font-size:clamp(1.25rem,1.7vw,1.6rem);line-height:1.4;color:var(--taupe)}
.belief-selfefficacy-band{background:var(--sand);padding:clamp(75px,8vw,110px) 0}
.belief-selfefficacy-grid{display:grid;grid-template-columns:.55fr 1.25fr;gap:clamp(45px,8vw,120px);align-items:start}
.belief-selfefficacy-grid h2{font-size:clamp(2.8rem,4.7vw,5rem);margin-bottom:28px}
.belief-selfefficacy-grid h2 .italic{color:var(--taupe)}
.belief-selfefficacy-grid p:not(.label){max-width:760px;color:var(--muted);line-height:1.7;margin:0 0 18px}
.belief-red-thread{padding-top:62px;padding-bottom:110px}
.belief-red-thread p{max-width:1050px;margin:0 auto;text-align:center;font-family:var(--serif);font-size:clamp(1.7rem,3vw,3rem);line-height:1.25;color:var(--taupe)}
@media(max-width:820px){
  .belief-anchor,.belief-selfefficacy-grid{grid-template-columns:1fr}
  .belief-anchor{gap:40px}
  .belief-selfefficacy-grid{gap:28px}
}


.transform-closing-thought{margin-top:clamp(38px,5vw,62px);padding-top:25px;border-top:1px solid rgba(105,75,50,.2)}
.transform-closing-thought p{max-width:690px;margin:0;font-family:var(--serif);font-size:clamp(1.12rem,1.55vw,1.45rem);line-height:1.5;color:var(--taupe)}
.transform-closing-thought em{font-weight:400}


/* =========================================================
   Premium Iceberg Visualization
   ========================================================= */
.iceberg-premium{
  background:linear-gradient(180deg,#FAF7F1 0%,#E7DDC9 100%);
  padding-top:clamp(90px,9vw,140px);
  padding-bottom:clamp(90px,9vw,135px);
}
.iceberg-head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.7fr);
  gap:clamp(48px,8vw,120px);
  align-items:end;
  margin-bottom:54px;
}
.iceberg-head h2{
  max-width:850px;
  margin:20px 0 0;
  color:var(--taupe);
  font-family:var(--serif);
  font-size:clamp(3.1rem,5.6vw,6rem);
  line-height:.98;
  font-weight:400;
}
.iceberg-emphasis{
  font-style:italic;
  font-weight:400;
}
.iceberg-head-note{
  display:grid;
  grid-template-columns:1px 1fr;
  gap:28px;
  align-items:center;
  padding-bottom:12px;
}
.iceberg-head-note>span{
  height:64px;
  background:rgba(105,75,50,.35);
}
.iceberg-head-note p{
  margin:0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.55;
}
.iceberg-scene{
  position:relative;
  min-height:760px;
  overflow:hidden;
  border-radius:28px;
  background:
    linear-gradient(to bottom,rgba(255,253,249,.95) 0 49.5%,rgba(211,197,181,.58) 50%,rgba(196,178,158,.58) 100%);
  border:1px solid rgba(105,75,50,.1);
  box-shadow:0 18px 55px rgba(80,58,40,.08);
}
.iceberg-art{
  position:absolute;
  left:50%;
  top:4%;
  width:min(66%,850px);
  height:91%;
  transform:translateX(-50%);
  z-index:1;
}
.iceberg-art svg{width:100%;height:100%}
.iceberg-water-surface{
  position:absolute;
  left:0;right:0;top:48.7%;
  z-index:4;
  height:55px;
  pointer-events:none;
}
.iceberg-water-surface svg{width:100%;height:100%}
.iceberg-side-label{
  position:absolute;
  left:36px;
  z-index:6;
  display:grid;
  grid-template-columns:14px 1fr;
  gap:14px;
  align-items:start;
  color:var(--taupe);
}
.iceberg-side-visible{top:22%}
.iceberg-side-below{top:64%}
.iceberg-side-dot{
  position:relative;
  width:8px;height:8px;
  margin-top:4px;
  border-radius:50%;
  background:var(--taupe);
}
.iceberg-side-dot::after{
  content:"";
  position:absolute;
  left:3px;
  top:8px;
  width:1px;
  height:90px;
  background:rgba(105,75,50,.42);
}
.iceberg-side-label strong{
  display:block;
  font-size:.67rem;
  letter-spacing:.22em;
}
.iceberg-side-label em{
  display:block;
  margin-top:10px;
  font-family:var(--serif);
  font-size:1.35rem;
  font-weight:400;
  line-height:1.3;
}
.iceberg-pills{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  z-index:7;
  width:min(82%,1120px);
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}
.iceberg-pills-top{top:36%}
.iceberg-pills-bottom{top:63%}
.iceberg-pills span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  font-size:.82rem;
  white-space:nowrap;
}
.iceberg-pills-top span{
  color:var(--taupe);
  background:rgba(248,243,235,.92);
  box-shadow:0 6px 18px rgba(90,65,45,.07);
  border:1px solid rgba(105,75,50,.06);
}
.iceberg-pills-top i{
  font-family:var(--serif);
  font-size:1.15rem;
  font-style:normal;
}
.iceberg-pills-bottom span{
  color:var(--ivory);
  background:rgba(105,75,50,.9);
  box-shadow:0 6px 18px rgba(70,48,32,.08);
}
.iceberg-explainer{
  max-width:920px;
  margin:38px auto 0;
  text-align:center;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.65;
}
.iceberg-explainer strong{
  color:var(--taupe);
}
@media(max-width:900px){
  .iceberg-head{grid-template-columns:1fr}
  .iceberg-head-note{max-width:540px}
  .iceberg-scene{min-height:880px}
  .iceberg-art{width:92%;top:9%;height:82%}
  .iceberg-pills{width:82%;gap:10px}
  .iceberg-pills-top{top:34%}
  .iceberg-pills-bottom{top:62%}
  .iceberg-side-label{left:22px}
}
@media(max-width:640px){
  .iceberg-premium{padding-top:74px;padding-bottom:78px}
  .iceberg-head h2{font-size:clamp(2.75rem,13vw,4.2rem)}
  .iceberg-scene{min-height:1040px;border-radius:22px}
  .iceberg-art{width:150%;height:72%;top:14%}
  .iceberg-side-label{left:18px}
  .iceberg-side-visible{top:11%}
  .iceberg-side-below{top:57%}
  .iceberg-side-dot::after{height:60px}
  .iceberg-pills{width:80%;left:57%;gap:8px}
  .iceberg-pills-top{top:25%}
  .iceberg-pills-bottom{top:62%}
  .iceberg-pills span{min-height:41px;padding:0 13px;font-size:.72rem}
  .iceberg-pills-top span{background:rgba(248,243,235,.96)}
}


/* =========================================================
   Editorial Connection Map + scroll-drawn FEMULOUS thread
   ========================================================= */
.belief-antithesis-editorial{
  grid-template-columns:minmax(0,.9fr) minmax(330px,.65fr);
  grid-template-areas:
    "head copy"
    "map map";
}
.belief-antithesis-editorial .belief-antithesis-head{grid-area:head}
.belief-antithesis-editorial .belief-copy-editorial{grid-area:copy}
.belief-thread-map{grid-area:map}

.belief-editorial-block + .belief-editorial-block{
  margin-top:44px;
}
.belief-editorial-kicker{
  display:block;
  margin-bottom:16px;
  color:rgba(105,75,50,.63);
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.18em;
}
.belief-gap-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.belief-gap-list span{
  padding:9px 14px;
  border:1px solid rgba(105,75,50,.2);
  border-radius:999px;
  color:var(--taupe);
  font-size:.72rem;
  background:rgba(250,247,241,.54);
}

.belief-thread-map{
  position:relative;
  min-height:560px;
  margin-top:88px;
  border-top:1px solid rgba(105,75,50,.15);
  border-bottom:1px solid rgba(105,75,50,.15);
  overflow:hidden;
}
.belief-thread-svg{
  position:absolute;
  inset:28px 1% 20px;
  width:98%;
  height:calc(100% - 48px);
  overflow:visible;
}
.belief-thread-path{
  fill:none;
  stroke:var(--taupe);
  stroke-width:1.35;
  stroke-linecap:round;
  opacity:.62;
}
.thread-node{
  position:absolute;
  width:210px;
  padding:20px 0 0 22px;
  color:var(--taupe);
  opacity:0;
  transform:translateY(24px);
  transition:opacity .65s ease,transform .8s cubic-bezier(.22,.8,.24,1);
}
.thread-node::before{
  content:"";
  position:absolute;
  left:0;
  top:25px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--yellow);
  box-shadow:0 0 0 6px rgba(242,194,58,.14);
}
.thread-node.is-visible{
  opacity:1;
  transform:none;
}
.thread-node strong,.thread-node small,.thread-node span{
  display:block;
}
.thread-num{
  margin-bottom:9px;
  font-size:.57rem;
  letter-spacing:.17em;
  color:rgba(105,75,50,.55);
}
.thread-node strong{
  font-family:var(--serif);
  font-size:1.38rem;
  font-weight:400;
}
.thread-node small{
  margin-top:8px;
  color:var(--muted);
  font-size:.7rem;
  line-height:1.5;
}
.thread-node-1{left:3%;top:5%}
.thread-node-2{left:34%;top:21%}
.thread-node-3{right:5%;top:35%}
.thread-node-4{right:1%;bottom:4%}

.thread-center{
  position:absolute;
  left:50%;
  top:59%;
  z-index:3;
  width:220px;
  height:220px;
  transform:translate(-50%,-50%) scale(.92);
  border:1px solid rgba(105,75,50,.18);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:rgba(250,247,241,.82);
  box-shadow:0 18px 50px rgba(80,58,40,.07);
  opacity:0;
  transition:opacity .8s ease .18s,transform .95s cubic-bezier(.22,.8,.24,1) .18s;
}
.thread-center.is-visible{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
.thread-center span{
  color:var(--taupe);
  font-size:.72rem;
  letter-spacing:.2em;
}
.thread-center em{
  margin-top:9px;
  color:var(--yellow);
  font-family:var(--serif);
  font-size:1.8rem;
  font-weight:400;
}

.belief-anchor-editorial{
  grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);
  grid-template-areas:
    "title visual"
    "title copy";
  align-items:start;
}
.belief-anchor-editorial .belief-anchor-title{grid-area:title}
.belief-anchor-editorial .belief-anchor-visual{grid-area:visual}
.belief-anchor-editorial .belief-anchor-copy{grid-area:copy}

.belief-anchor-visual{
  position:relative;
  min-height:330px;
  margin-bottom:38px;
}
.anchor-node{
  position:absolute;
  z-index:2;
  padding:13px 17px;
  border:1px solid rgba(105,75,50,.18);
  border-radius:999px;
  background:var(--ivory);
  color:var(--taupe);
  font-size:.74rem;
  white-space:nowrap;
  opacity:0;
  transform:scale(.96);
  transition:opacity .65s ease,transform .75s cubic-bezier(.22,.8,.24,1);
}
.anchor-node.is-visible{opacity:1;transform:none}
.anchor-data{left:0;top:45%}
.anchor-medical{right:0;top:45%}
.anchor-everyday{left:50%;bottom:0;transform:translateX(-50%) scale(.96)}
.anchor-everyday.is-visible{transform:translateX(-50%) scale(1)}
.anchor-femulous{
  left:50%;
  top:42%;
  transform:translate(-50%,-50%) scale(.92);
  min-width:205px;
  text-align:center;
  border-radius:22px;
  padding:20px 24px;
  background:var(--taupe);
  color:var(--ivory);
}
.anchor-femulous.is-visible{transform:translate(-50%,-50%) scale(1)}
.anchor-femulous strong,.anchor-femulous span{display:block}
.anchor-femulous strong{font-size:.76rem;letter-spacing:.18em}
.anchor-femulous span{margin-top:7px;color:rgba(250,247,241,.66);font-size:.63rem}
.anchor-line{
  position:absolute;
  z-index:1;
  background:rgba(105,75,50,.28);
  transform-origin:left center;
  transition:transform .9s cubic-bezier(.22,.8,.24,1);
}
.anchor-line-left,.anchor-line-right{height:1px;top:49%;width:34%;transform:scaleX(0)}
.anchor-line-left{left:13%}
.anchor-line-right{right:13%;transform-origin:right center}
.anchor-line-down{width:1px;height:31%;left:50%;top:51%;transform:scaleY(0);transform-origin:top center}
.belief-anchor-visual.is-visible .anchor-line-left,
.belief-anchor-visual.is-visible .anchor-line-right{transform:scaleX(1)}
.belief-anchor-visual.is-visible .anchor-line-down{transform:scaleY(1)}

.belief-red-thread-signature{
  text-align:center;
}
.belief-red-thread-label{
  display:block;
  margin-bottom:18px;
  color:rgba(105,75,50,.55);
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.2em;
}

@media(max-width:900px){
  .belief-antithesis-editorial{
    grid-template-columns:1fr;
    grid-template-areas:"head" "copy" "map";
  }
  .belief-thread-map{min-height:720px}
  .thread-node-1{left:4%;top:4%}
  .thread-node-2{left:45%;top:18%}
  .thread-node-3{right:4%;top:39%}
  .thread-node-4{right:3%;bottom:3%}
  .belief-anchor-editorial{
    grid-template-columns:1fr;
    grid-template-areas:"title" "visual" "copy";
  }
}
@media(max-width:620px){
  .belief-thread-map{min-height:780px;margin-top:60px}
  .belief-thread-svg{opacity:.45}
  .thread-center{width:175px;height:175px;top:54%}
  .thread-center em{font-size:1.45rem}
  .thread-node{width:165px}
  .thread-node strong{font-size:1.12rem}
  .thread-node-1{left:0}
  .thread-node-2{left:auto;right:0;top:18%}
  .thread-node-3{left:0;right:auto;top:58%}
  .thread-node-4{right:0}
  .belief-anchor-visual{min-height:400px}
  .anchor-data{left:0;top:13%}
  .anchor-medical{right:0;top:13%}
  .anchor-femulous{top:48%}
  .anchor-everyday{bottom:5%}
  .anchor-line-left,.anchor-line-right{top:28%;width:31%}
  .anchor-line-down{top:52%;height:27%}
}
@media(prefers-reduced-motion:reduce){
  .thread-node,.thread-center,.anchor-node{opacity:1!important;transform:none!important}
  .anchor-everyday{transform:translateX(-50%)!important}
  .anchor-femulous{transform:translate(-50%,-50%)!important}
  .anchor-line-left,.anchor-line-right{transform:scaleX(1)!important}
  .anchor-line-down{transform:scaleY(1)!important}
}


/* Iceberg fidelity pass: closer to the approved premium visual */
.iceberg-scene{
  min-height:720px !important;
  background:
    linear-gradient(to bottom,
      rgba(255,253,249,.98) 0%,
      rgba(255,253,249,.98) 49.4%,
      rgba(214,201,186,.54) 49.6%,
      rgba(198,180,160,.56) 100%) !important;
}
.iceberg-art{
  top:2.5% !important;
  width:min(72%,920px) !important;
  height:95% !important;
  opacity:.88;
}
.iceberg-water-surface{
  top:48.9% !important;
  height:48px !important;
}
.iceberg-pills-top{
  top:35.5% !important;
  width:min(76%,1040px) !important;
}
.iceberg-pills-bottom{
  top:62.5% !important;
  width:min(74%,1010px) !important;
}
.iceberg-pills-bottom span{
  background:rgba(105,75,50,.92) !important;
}
.iceberg-side-visible{top:20% !important}
.iceberg-side-below{top:63% !important}

@media(max-width:900px){
  .iceberg-scene{min-height:840px !important}
  .iceberg-art{width:105% !important;height:87% !important;top:7% !important}
  .iceberg-pills-top{top:33% !important;width:80% !important}
  .iceberg-pills-bottom{top:62% !important;width:79% !important}
}
@media(max-width:640px){
  .iceberg-scene{min-height:1030px !important}
  .iceberg-art{width:165% !important;height:72% !important;top:14% !important}
  .iceberg-pills-top{top:24.5% !important;width:80% !important}
  .iceberg-pills-bottom{top:61.5% !important;width:80% !important}
}


/* =========================================================
   Connection graphics refinement V97
   Keeps the animated thread away from copy and makes the
   FEMULOUS bridge a visibly connected system on all screens.
   ========================================================= */

/* 1. Editorial thread: create a dedicated visual lane */
.belief-thread-map{
  min-height:610px !important;
  margin-top:92px !important;
}
.belief-thread-svg{
  inset:36px 3% 30px !important;
  width:94% !important;
  height:calc(100% - 66px) !important;
  z-index:1;
}
.belief-thread-path{
  stroke-width:1.25 !important;
  opacity:.52 !important;
}
.thread-node{
  z-index:4 !important;
  padding:16px 18px 16px 26px !important;
  background:rgba(250,247,241,.96);
  border-radius:4px;
}
.thread-node::before{
  left:4px !important;
  top:21px !important;
}
.thread-node-1{left:2.5% !important;top:3% !important}
.thread-node-2{left:31% !important;top:21% !important}
.thread-node-3{right:3% !important;top:31% !important}
.thread-node-4{right:2% !important;bottom:3% !important}
.thread-center{
  z-index:5 !important;
  background:rgba(250,247,241,.97) !important;
}

/* 2. The lower bridge is one connected composition */
.belief-anchor-visual{
  min-height:350px !important;
  display:grid;
  grid-template-columns:minmax(125px,1fr) minmax(220px,1.25fr) minmax(150px,1fr);
  grid-template-rows:1fr 88px;
  align-items:center;
  column-gap:0;
  position:relative;
}
.anchor-node{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  justify-self:center;
  z-index:3 !important;
}
.anchor-data{grid-column:1;grid-row:1}
.anchor-femulous{
  grid-column:2;
  grid-row:1;
  left:auto !important;
  top:auto !important;
  transform:none !important;
}
.anchor-femulous.is-visible{transform:none !important}
.anchor-medical{grid-column:3;grid-row:1}
.anchor-everyday{
  grid-column:2;
  grid-row:2;
  left:auto !important;
  bottom:auto !important;
  transform:none !important;
}
.anchor-everyday.is-visible{transform:none !important}

.anchor-line{
  z-index:1 !important;
  background:rgba(105,75,50,.32) !important;
}
.anchor-line-left{
  left:16.5% !important;
  right:auto !important;
  top:calc(50% - 44px) !important;
  width:33.5% !important;
}
.anchor-line-right{
  right:16.5% !important;
  left:auto !important;
  top:calc(50% - 44px) !important;
  width:33.5% !important;
}
.anchor-line-down{
  left:50% !important;
  top:calc(50% - 43px) !important;
  height:132px !important;
}

/* connector dots make the relationships unmistakable */
.anchor-node::after{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--taupe);
  top:50%;
  transform:translateY(-50%);
}
.anchor-data::after{right:-4px}
.anchor-medical::after{left:-4px}
.anchor-femulous::after{
  left:50%;
  top:auto;
  bottom:-4px;
  transform:translateX(-50%);
}
.anchor-everyday::after{
  left:50%;
  top:-4px;
  transform:translateX(-50%);
}

/* Tablet: keep the same logic, reduce density */
@media(max-width:900px){
  .belief-thread-map{
    min-height:680px !important;
  }
  .thread-node{
    width:205px !important;
  }
  .thread-node-1{left:1% !important;top:2% !important}
  .thread-node-2{left:auto !important;right:4% !important;top:17% !important}
  .thread-node-3{left:3% !important;right:auto !important;top:57% !important}
  .thread-node-4{right:2% !important;bottom:2% !important}
  .thread-center{top:50% !important}

  .belief-anchor-visual{
    grid-template-columns:minmax(110px,1fr) minmax(190px,1.2fr) minmax(130px,1fr);
  }
}

/* Smartphone: vertical journey instead of a squeezed desktop diagram */
@media(max-width:640px){
  .belief-thread-map{
    min-height:auto !important;
    margin-top:56px !important;
    padding:22px 0 18px 34px;
    overflow:visible !important;
  }
  .belief-thread-svg{
    display:none !important;
  }
  .belief-thread-map::before{
    content:"";
    position:absolute;
    left:12px;
    top:40px;
    bottom:112px;
    width:1px;
    background:rgba(105,75,50,.28);
  }
  .thread-node{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    margin:0 0 28px !important;
    padding:10px 8px 10px 22px !important;
    background:transparent !important;
    opacity:1 !important;
    transform:none !important;
  }
  .thread-node::before{
    left:-26px !important;
    top:18px !important;
  }
  .thread-node strong{
    font-size:1.28rem !important;
  }
  .thread-node small{
    max-width:270px;
    font-size:.73rem !important;
  }
  .thread-center{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:170px !important;
    height:170px !important;
    margin:12px auto 0 !important;
    transform:none !important;
    opacity:1 !important;
  }
  .thread-center.is-visible{transform:none !important}

  .belief-anchor-visual{
    min-height:auto !important;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    gap:34px;
    padding:22px 0 8px;
  }
  .anchor-node{
    width:min(100%,290px);
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:normal !important;
    text-align:center;
  }
  .anchor-femulous{
    order:2;
    min-width:0 !important;
    border-radius:20px !important;
    padding:20px !important;
  }
  .anchor-data{order:1}
  .anchor-medical{order:3}
  .anchor-everyday{order:4}

  /* One continuous vertical connector */
  .belief-anchor-visual::before{
    content:"";
    position:absolute;
    left:50%;
    top:48px;
    bottom:32px;
    width:1px;
    background:rgba(105,75,50,.3);
    transform:translateX(-50%);
    z-index:0;
  }
  .anchor-line{
    display:none !important;
  }
  .anchor-node::after{
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:-20px !important;
    transform:translateX(-50%) !important;
  }
  .anchor-everyday::after{display:none}
  .anchor-node{
    background:var(--ivory) !important;
  }
  .anchor-femulous{
    background:var(--taupe) !important;
  }
}


/* =========================================================
   V98 Linked Editorial Story
   Matches the approved reference composition
   ========================================================= */
.belief-linked-stage{padding-top:105px;padding-bottom:105px}
.belief-linked-top{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(260px,.62fr) minmax(330px,.96fr);
  gap:clamp(44px,6vw,88px);
  align-items:start;
}
.belief-linked-title h2,
.belief-linked-bottom-title h2{
  margin:18px 0 0;
  color:var(--taupe);
  font-family:var(--serif);
  font-size:clamp(2.7rem,4.5vw,5rem);
  line-height:1.02;
  font-weight:400;
}
.belief-linked-title .italic,
.belief-linked-bottom-title .italic{color:var(--yellow)}

.belief-linked-timeline{
  position:relative;
  min-height:560px;
}
.linked-thread{
  position:absolute;
  left:-16px;
  top:0;
  width:105px;
  height:100%;
  overflow:visible;
}
.linked-thread-path{
  fill:none;
  stroke:rgba(105,75,50,.65);
  stroke-width:1.3;
  stroke-dasharray:2 3;
}
.linked-step{
  position:absolute;
  left:44px;
  width:220px;
  display:grid;
  grid-template-columns:12px 1fr;
  gap:14px;
  color:var(--taupe);
}
.linked-step-1{top:0}
.linked-step-2{top:26%}
.linked-step-3{top:52%}
.linked-step-4{top:78%}
.linked-dot{
  width:10px;height:10px;margin-top:3px;border-radius:50%;
  background:var(--taupe);
}
.linked-index{
  display:inline-block;
  margin-right:8px;
  color:rgba(105,75,50,.55);
  font-size:.58rem;
  letter-spacing:.13em;
}
.linked-step strong{
  font-size:.65rem;
  letter-spacing:.14em;
}
.linked-step p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.48;
}

.belief-linked-copy{padding-top:0}
.linked-copy-block{
  padding-bottom:28px;
  border-bottom:1px solid rgba(105,75,50,.18);
}
.linked-copy-block + .linked-copy-block{
  margin-top:28px;
  border-bottom:0;
}
.linked-copy-block h3{
  margin:0 0 14px;
  color:var(--taupe);
  font-family:var(--serif);
  font-size:clamp(1.45rem,1.85vw,1.9rem);
  line-height:1.25;
  font-weight:400;
}
.linked-copy-block h3 em{
  color:var(--taupe);
  font-weight:400;
}
.linked-copy-block p{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.65;
}
.linked-copy-problem{position:relative;padding-right:145px}
.linked-gap-box{
  position:absolute;
  right:0;
  bottom:0;
  width:130px;
  padding:18px 16px;
  border:1px solid rgba(105,75,50,.2);
  background:rgba(250,247,241,.55);
}
.linked-gap-box>span{
  display:block;
  font-size:.6rem;
  font-weight:600;
  letter-spacing:.16em;
  color:var(--taupe);
}
.linked-gap-box ul{
  margin:14px 0 0;
  padding-left:16px;
  color:var(--muted);
  font-size:.7rem;
  line-height:1.8;
}

.belief-linked-divider{
  height:1px;
  margin:24px 0 70px;
  background:rgba(105,75,50,.16);
}

.belief-linked-bottom{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(430px,1.22fr) minmax(260px,.56fr);
  gap:clamp(36px,5vw,70px);
  align-items:center;
}
.belief-linked-bottom-title h2{
  font-size:clamp(2.6rem,4.1vw,4.6rem);
}
.belief-hub{
  position:relative;
  min-height:360px;
}
.hub-card{
  position:absolute;
  z-index:2;
  border:1px solid rgba(105,75,50,.16);
  background:rgba(250,247,241,.9);
  color:var(--taupe);
}
.hub-card strong{
  display:block;
  font-size:.6rem;
  letter-spacing:.12em;
}
.hub-card p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:.67rem;
  line-height:1.45;
}
.hub-data,.hub-medical,.hub-everyday{
  width:175px;
  min-height:100px;
  padding:18px;
  border-radius:18px;
}
.hub-data{left:0;top:90px}
.hub-medical{right:0;top:90px}
.hub-everyday{left:50%;bottom:0;transform:translateX(-50%)}
.hub-center{
  left:50%;top:78px;
  width:185px;height:120px;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--sand);
  text-align:center;
}
.hub-center strong{font-size:.78rem;letter-spacing:.11em}
.hub-center p{
  margin-top:7px;
  color:var(--taupe);
  font-family:var(--serif);
  font-size:1rem;
}
.hub-icon{
  display:block;
  margin-bottom:9px;
  font-size:1.3rem;
}
.hub-line{
  position:absolute;
  z-index:1;
  background:rgba(105,75,50,.42);
}
.hub-line-left{height:1px;left:175px;right:calc(50% + 92px);top:150px}
.hub-line-right{height:1px;left:calc(50% + 92px);right:175px;top:150px}
.hub-line-down{width:1px;left:50%;top:198px;bottom:100px}
.belief-linked-bottom-copy p{
  margin:0 0 22px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.65;
}

/* scroll reveal and continuity */
.linked-step,.linked-copy-block,.belief-hub .hub-card{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .6s ease,transform .75s cubic-bezier(.22,.8,.24,1);
}
.linked-step.is-visible,.linked-copy-block.is-visible,.belief-hub .hub-card.is-visible{
  opacity:1;
  transform:none;
}
.hub-everyday.is-visible{transform:translateX(-50%)}
.hub-center.is-visible{transform:translateX(-50%)}

@media(max-width:980px){
  .belief-linked-top{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "title copy"
      "timeline timeline";
  }
  .belief-linked-title{grid-area:title}
  .belief-linked-copy{grid-area:copy}
  .belief-linked-timeline{grid-area:timeline;margin-top:30px}
  .belief-linked-bottom{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "title copy"
      "hub hub";
  }
  .belief-linked-bottom-title{grid-area:title}
  .belief-linked-bottom-copy{grid-area:copy}
  .belief-hub{grid-area:hub;margin-top:10px}
}
@media(max-width:640px){
  .belief-linked-stage{padding-top:72px;padding-bottom:72px}
  .belief-linked-top,.belief-linked-bottom{
    display:block;
  }
  .belief-linked-title h2,.belief-linked-bottom-title h2{
    font-size:clamp(2.55rem,12vw,4rem);
  }
  .belief-linked-copy{margin-top:38px}
  .linked-copy-problem{padding-right:0}
  .linked-gap-box{
    position:relative;
    width:100%;
    margin-top:24px;
  }

  /* Mobile timeline: readable vertical path */
  .belief-linked-timeline{
    min-height:auto;
    margin-top:48px;
    padding-left:34px;
  }
  .linked-thread{
    left:-30px;
    width:70px;
    height:calc(100% - 8px);
  }
  .linked-step{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    margin-bottom:34px;
  }
  .linked-step:last-child{margin-bottom:0}
  .belief-linked-divider{margin:54px 0}
  .belief-linked-bottom-copy{margin-top:34px}

  /* Mobile hub: one vertical connected system */
  .belief-hub{
    min-height:auto;
    margin-top:48px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:32px;
  }
  .hub-card{
    position:relative;
    inset:auto;
    width:min(100%,290px);
    transform:none;
  }
  .hub-data{order:1}
  .hub-center{order:2;height:110px;border-radius:55px}
  .hub-medical{order:3}
  .hub-everyday{order:4}
  .hub-center,.hub-everyday{left:auto;top:auto;bottom:auto;transform:none}
  .hub-center.is-visible,.hub-everyday.is-visible{transform:none}
  .hub-line-left,.hub-line-right{display:none}
  .hub-line-down{
    top:45px;bottom:45px;left:50%;
    height:auto;
  }
  .hub-card{
    background:var(--ivory);
  }
  .hub-center{
    background:var(--sand);
  }
}
@media(prefers-reduced-motion:reduce){
  .linked-step,.linked-copy-block,.belief-hub .hub-card{
    opacity:1!important;
    transform:none!important;
  }
  .hub-everyday,.hub-center{transform:none!important}
}


/* =========================================================
   V99 UX-safe editorial connection story
   No text overlap, one visual thread, resilient mobile layout
   ========================================================= */

.belief-linked-stage-v99{
  position:relative;
  padding-top:100px;
  padding-bottom:100px;
}

/* Both chapters use the same three-column system so the thread reads continuously. */
.belief-linked-top-v99,
.belief-linked-bottom-v99{
  display:grid;
  grid-template-columns:minmax(260px,.82fr) minmax(280px,.72fr) minmax(340px,1fr);
  gap:clamp(42px,5.5vw,82px);
  align-items:start;
}

.belief-linked-title-v99 h2,
.belief-linked-bottom-title-v99 h2{
  margin:18px 0 0;
  color:var(--taupe);
  font-family:var(--serif);
  font-weight:400;
  line-height:1.02;
  font-size:clamp(2.65rem,4.35vw,4.9rem);
}
.belief-linked-title-v99 .italic,
.belief-linked-bottom-title-v99 .italic{
  color:var(--yellow);
}

/* TIMELINE
   The line has a dedicated 42px rail. Text begins well to its right. */
.belief-linked-timeline-v99{
  position:relative;
  min-height:640px;
  padding-left:68px;
}
.timeline-thread-v99{
  position:absolute;
  left:0;
  top:0;
  width:82px;
  height:100%;
  overflow:visible;
  pointer-events:none;
  z-index:1;
}
.timeline-thread-path-v99{
  fill:none;
  stroke:rgba(105,75,50,.6);
  stroke-width:1.2;
  stroke-linecap:round;
  stroke-dasharray:2 3;
}

.linked-step-v99{
  position:absolute;
  left:68px;
  right:0;
  z-index:3;
  min-height:92px;
  display:grid;
  grid-template-columns:12px 1fr;
  gap:14px;
  padding:2px 0;
  background:var(--ivory);
}
.step-v99-1{top:0}
.step-v99-2{top:25%}
.step-v99-3{top:50%}
.step-v99-4{top:75%}

.linked-dot-v99{
  width:10px;
  height:10px;
  margin-top:4px;
  margin-left:-56px;
  border-radius:50%;
  background:var(--taupe);
  position:relative;
  z-index:4;
}
.linked-index-v99{
  display:inline-block;
  margin-right:8px;
  color:rgba(105,75,50,.5);
  font-size:.58rem;
  letter-spacing:.13em;
}
.linked-step-v99 strong{
  color:var(--taupe);
  font-size:.64rem;
  letter-spacing:.14em;
}
.linked-step-v99 p{
  max-width:205px;
  margin:10px 0 0;
  color:var(--muted);
  font-size:.75rem;
  line-height:1.5;
}

/* Editorial explanation column */
.belief-linked-copy-v99{
  min-width:0;
}
.linked-copy-block-v99{
  padding-bottom:30px;
  border-bottom:1px solid rgba(105,75,50,.18);
}
.linked-copy-block-v99 + .linked-copy-block-v99{
  margin-top:30px;
  border-bottom:0;
}
.linked-copy-block-v99 h3{
  margin:0 0 14px;
  color:var(--taupe);
  font-family:var(--serif);
  font-size:clamp(1.45rem,1.8vw,1.9rem);
  line-height:1.25;
  font-weight:400;
}
.linked-copy-block-v99 h3 em{
  font-weight:400;
}
.linked-copy-block-v99 p{
  margin:0;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.65;
}
.linked-copy-problem-v99{
  display:grid;
  grid-template-columns:minmax(0,1fr) 128px;
  gap:22px;
  align-items:end;
}
.linked-copy-problem-v99 h3{
  grid-column:1/-1;
}
.linked-gap-box-v99{
  grid-column:2;
  grid-row:2;
  padding:17px 15px;
  border:1px solid rgba(105,75,50,.2);
  background:rgba(250,247,241,.64);
}
.linked-gap-box-v99>span{
  display:block;
  color:var(--taupe);
  font-size:.58rem;
  font-weight:600;
  letter-spacing:.16em;
}
.linked-gap-box-v99 ul{
  margin:13px 0 0;
  padding-left:16px;
  color:var(--muted);
  font-size:.68rem;
  line-height:1.8;
}

.belief-linked-divider-v99{
  height:1px;
  margin:28px 0 70px;
  background:rgba(105,75,50,.15);
}

/* HUB
   Grid and connector lines share one coordinate system. */
.belief-hub-v99{
  position:relative;
  min-height:370px;
  display:grid;
  grid-template-columns:1fr 190px 1fr;
  grid-template-rows:205px 125px;
  align-items:center;
  justify-items:center;
}
.hub-card-v99{
  position:relative;
  z-index:3;
  box-sizing:border-box;
  color:var(--taupe);
  background:rgba(250,247,241,.97);
  border:1px solid rgba(105,75,50,.16);
}
.hub-data-v99,
.hub-medical-v99,
.hub-everyday-v99{
  width:100%;
  max-width:185px;
  min-height:105px;
  padding:18px;
  border-radius:18px;
}
.hub-data-v99{grid-column:1;grid-row:1}
.hub-center-v99{
  grid-column:2;
  grid-row:1;
  width:190px;
  height:126px;
  border-radius:50%;
  background:var(--sand);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.hub-medical-v99{grid-column:3;grid-row:1}
.hub-everyday-v99{
  grid-column:2;
  grid-row:2;
  align-self:end;
}
.hub-card-v99 strong{
  display:block;
  font-size:.59rem;
  letter-spacing:.12em;
}
.hub-card-v99 p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:.66rem;
  line-height:1.45;
}
.hub-center-v99 strong{
  font-size:.78rem;
  letter-spacing:.11em;
}
.hub-center-v99 p{
  color:var(--taupe);
  font-family:var(--serif);
  font-size:1rem;
}
.hub-icon-v99{
  display:block;
  margin-bottom:9px;
  font-size:1.25rem;
}

/* Every connector is behind the cards and terminates at card edges. */
.hub-line-v99,
.hub-thread-in-v99{
  position:absolute;
  z-index:1;
  background:rgba(105,75,50,.34);
  pointer-events:none;
}
.hub-line-left-v99{
  height:1px;
  top:102px;
  left:calc((100% - 190px)/6 + 92px);
  right:calc(50% + 95px);
}
.hub-line-right-v99{
  height:1px;
  top:102px;
  left:calc(50% + 95px);
  right:calc((100% - 190px)/6 + 92px);
}
.hub-line-down-v99{
  width:1px;
  left:50%;
  top:165px;
  bottom:82px;
}
.hub-thread-in-v99{
  width:1px;
  left:50%;
  top:-70px;
  height:70px;
}

/* copy remains in its own column */
.belief-linked-bottom-copy-v99{
  min-width:0;
  padding-top:8px;
}
.belief-linked-bottom-copy-v99 p{
  margin:0 0 22px;
  color:var(--muted);
  font-size:.81rem;
  line-height:1.65;
}

/* Progressive enhancement only. Content is visible without JS. */
body.v99-motion .linked-step-v99,
body.v99-motion .linked-copy-block-v99,
body.v99-motion .hub-card-v99{
  opacity:0;
  transform:translateY(16px);
}
body.v99-motion .linked-step-v99.v99-visible,
body.v99-motion .linked-copy-block-v99.v99-visible,
body.v99-motion .hub-card-v99.v99-visible{
  opacity:1;
  transform:none;
  transition:opacity .55s ease, transform .72s cubic-bezier(.22,.8,.24,1);
}
body.v99-motion .timeline-thread-path-v99{
  transition:stroke-dashoffset .08s linear;
}

/* Tablet */
@media(max-width:980px){
  .belief-linked-top-v99,
  .belief-linked-bottom-v99{
    grid-template-columns:minmax(235px,.8fr) minmax(250px,.8fr);
    grid-template-areas:
      "title copy"
      "timeline timeline";
  }
  .belief-linked-title-v99{grid-area:title}
  .belief-linked-copy-v99{grid-area:copy}
  .belief-linked-timeline-v99{
    grid-area:timeline;
    margin-top:38px;
    max-width:620px;
    min-height:560px;
  }

  .belief-linked-bottom-title-v99{grid-area:title}
  .belief-linked-bottom-copy-v99{grid-area:copy}
  .belief-hub-v99{
    grid-area:timeline;
    width:min(100%,690px);
    margin:30px auto 0;
  }
}

/* Smartphone
   One clean vertical reading order. No absolute text blocks. */
@media(max-width:640px){
  .belief-linked-stage-v99{
    padding-top:72px;
    padding-bottom:72px;
  }
  .belief-linked-top-v99,
  .belief-linked-bottom-v99{
    display:block;
  }
  .belief-linked-title-v99 h2,
  .belief-linked-bottom-title-v99 h2{
    font-size:clamp(2.5rem,12vw,3.9rem);
  }
  .belief-linked-copy-v99{
    margin-top:38px;
  }
  .linked-copy-problem-v99{
    display:block;
  }
  .linked-gap-box-v99{
    margin-top:24px;
    width:100%;
  }

  /* Timeline becomes a semantic vertical list */
  .belief-linked-timeline-v99{
    min-height:auto;
    margin-top:48px;
    padding-left:34px;
  }
  .timeline-thread-v99{
    left:0;
    width:28px;
    height:calc(100% - 22px);
  }
  .timeline-thread-path-v99{
    d:path("M14 0 L14 640");
  }
  .linked-step-v99{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    min-height:0;
    margin-bottom:34px;
    padding:0 0 0 10px;
    background:transparent;
  }
  .linked-step-v99:last-child{
    margin-bottom:0;
  }
  .linked-dot-v99{
    position:absolute;
    left:-34px;
    top:2px;
    margin:0;
  }
  .linked-step-v99 p{
    max-width:280px;
  }

  .belief-linked-divider-v99{
    margin:54px 0;
  }
  .belief-linked-bottom-copy-v99{
    margin-top:34px;
  }

  /* Hub becomes one connected vertical system */
  .belief-hub-v99{
    min-height:auto;
    margin-top:48px;
    display:flex;
    flex-direction:column;
    gap:32px;
  }
  .hub-card-v99{
    width:min(100%,290px);
    max-width:290px;
    min-height:0;
  }
  .hub-data-v99,
  .hub-medical-v99,
  .hub-everyday-v99{
    padding:18px 20px;
  }
  .hub-center-v99{
    width:220px;
    height:112px;
    border-radius:56px;
  }
  .hub-thread-in-v99,
  .hub-line-v99{
    display:none;
  }
  .belief-hub-v99::before{
    content:"";
    position:absolute;
    z-index:1;
    left:50%;
    top:35px;
    bottom:35px;
    width:1px;
    background:rgba(105,75,50,.3);
    transform:translateX(-50%);
  }
  .hub-card-v99{
    background:var(--ivory);
  }
  .hub-center-v99{
    background:var(--sand);
  }
}

@media(prefers-reduced-motion:reduce){
  body.v99-motion .linked-step-v99,
  body.v99-motion .linked-copy-block-v99,
  body.v99-motion .hub-card-v99{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* V102 cleaner perspective and bridge */
.perspective-clean{padding-top:110px;padding-bottom:110px}
.perspective-clean-head{
  max-width:900px;
  margin-bottom:72px;
}
.perspective-clean-head h2,.bridge-clean-intro h2{
  margin:18px 0 0;
  font-family:var(--serif);
  font-weight:400;
  color:var(--taupe);
  font-size:clamp(3rem,5vw,5.5rem);
  line-height:1.02;
}
.perspective-clean-head .italic,.bridge-clean-intro .italic{color:var(--yellow)}

.perspective-process{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(105,75,50,.18);
  border-bottom:1px solid rgba(105,75,50,.18);
  margin-bottom:90px;
}
.process-item{
  min-height:190px;
  padding:30px 28px 28px;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:14px;
}
.process-item+ .process-item{border-left:1px solid rgba(105,75,50,.14)}
.process-number,.explain-index,.bridge-kicker{
  color:rgba(105,75,50,.45);
  font-size:.62rem;
  letter-spacing:.13em;
}
.process-item strong,.bridge-card strong{
  display:block;
  color:var(--taupe);
  font-size:.66rem;
  letter-spacing:.13em;
}
.process-item p,.bridge-card p{
  margin:14px 0 0;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.55;
}

.perspective-explain{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(50px,7vw,110px);
  position:relative;
}
.perspective-explain section{
  padding-top:24px;
  border-top:1px solid rgba(105,75,50,.18);
}
.perspective-explain h3{
  margin:18px 0 16px;
  max-width:520px;
  font-family:var(--serif);
  color:var(--taupe);
  font-size:clamp(1.75rem,2.5vw,2.6rem);
  line-height:1.22;
  font-weight:400;
}
.perspective-explain h3 em{font-weight:400}
.perspective-explain section>p{
  max-width:560px;
  margin:0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.7;
}
.gap-clean{
  grid-column:1/-1;
  margin-top:4px;
  padding:20px 0;
  display:flex;
  align-items:center;
  gap:34px;
  border-top:1px solid rgba(105,75,50,.18);
  border-bottom:1px solid rgba(105,75,50,.18);
}
.gap-clean>span{
  color:var(--taupe);
  font-size:.6rem;
  font-weight:600;
  letter-spacing:.16em;
}
.gap-clean div{display:flex;gap:12px;flex-wrap:wrap}
.gap-clean strong{
  padding:8px 14px;
  border-radius:999px;
  background:var(--sand);
  color:var(--taupe);
  font-size:.7rem;
  font-weight:400;
}

.bridge-clean{
  margin-top:120px;
  padding-top:90px;
  border-top:1px solid rgba(105,75,50,.18);
}
.bridge-clean-intro{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);
  column-gap:8vw;
  align-items:end;
}
.bridge-clean-intro .label{grid-column:1/-1}
.bridge-clean-intro h2{font-size:clamp(2.9rem,4.5vw,5rem)}
.bridge-lead{
  margin:0 0 7px;
  max-width:520px;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.7;
}

.bridge-system{
  position:relative;
  margin:85px auto 70px;
  max-width:1050px;
  min-height:390px;
  display:grid;
  grid-template-columns:1fr 230px 1fr;
  grid-template-rows:220px 140px;
  align-items:center;
  justify-items:center;
}
.bridge-card{
  position:relative;
  z-index:3;
  width:100%;
  max-width:240px;
  min-height:125px;
  padding:24px;
  border:1px solid rgba(105,75,50,.16);
  border-radius:18px;
  background:var(--ivory);
}
.bridge-data{grid-column:1;grid-row:1}
.bridge-medical{grid-column:3;grid-row:1}
.bridge-everyday{grid-column:2;grid-row:2}
.bridge-kicker{display:block;margin-bottom:12px}
.bridge-center{
  grid-column:2;grid-row:1;
  position:relative;z-index:4;
  width:210px;height:145px;
  border-radius:50%;
  background:var(--taupe);
  color:var(--ivory);
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
}
.bridge-center span{font-size:.65rem;letter-spacing:.17em}
.bridge-center strong{
  margin-top:10px;
  font-family:var(--serif);
  font-size:1.25rem;
  font-weight:400;
}
.bridge-line{
  position:absolute;
  z-index:1;
  background:rgba(105,75,50,.3);
}
.bridge-line-left{height:1px;top:110px;left:22%;right:calc(50% + 105px)}
.bridge-line-right{height:1px;top:110px;left:calc(50% + 105px);right:22%}
.bridge-line-down{width:1px;left:50%;top:182px;bottom:112px}

.bridge-copy{
  max-width:820px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:55px;
  padding-top:35px;
  border-top:1px solid rgba(105,75,50,.18);
}
.bridge-copy p{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.7;
}

/* restrained reveal, no moving layout */
.perspective-clean .process-item,
.perspective-clean .perspective-explain section,
.perspective-clean .bridge-card,
.perspective-clean .bridge-center{
  transition:opacity .55s ease,transform .65s ease;
}
body.v102-motion .perspective-clean .process-item,
body.v102-motion .perspective-clean .perspective-explain section,
body.v102-motion .perspective-clean .bridge-card,
body.v102-motion .perspective-clean .bridge-center{
  opacity:0;transform:translateY(12px);
}
body.v102-motion .perspective-clean .v102-visible{
  opacity:1;transform:none;
}

@media(max-width:900px){
  .perspective-process{grid-template-columns:1fr 1fr}
  .process-item:nth-child(3){border-left:0;border-top:1px solid rgba(105,75,50,.14)}
  .process-item:nth-child(4){border-top:1px solid rgba(105,75,50,.14)}
  .bridge-clean-intro{grid-template-columns:1fr}
  .bridge-lead{margin-top:28px}
}
@media(max-width:640px){
  .perspective-clean{padding-top:72px;padding-bottom:72px}
  .perspective-clean-head{margin-bottom:50px}
  .perspective-clean-head h2,.bridge-clean-intro h2{
    font-size:clamp(2.55rem,12vw,4rem)
  }
  .perspective-process{
    display:block;
    margin-bottom:64px;
  }
  .process-item{
    min-height:0;
    padding:24px 4px;
    grid-template-columns:38px 1fr;
    border-left:0!important;
    border-top:1px solid rgba(105,75,50,.14);
  }
  .process-item:first-child{border-top:0}
  .perspective-explain{display:block}
  .perspective-explain section+section{margin-top:48px}
  .gap-clean{
    display:block;
    margin-top:38px;
  }
  .gap-clean div{margin-top:16px}
  .bridge-clean{margin-top:80px;padding-top:64px}
  .bridge-system{
    min-height:auto;
    margin:55px auto 50px;
    display:flex;
    flex-direction:column;
    gap:28px;
  }
  .bridge-card{max-width:300px}
  .bridge-center{order:-1;width:220px;height:118px;border-radius:59px}
  .bridge-system::before{
    content:"";
    position:absolute;
    left:50%;top:45px;bottom:45px;width:1px;
    background:rgba(105,75,50,.26);
    transform:translateX(-50%);
    z-index:1;
  }
  .bridge-line{display:none}
  .bridge-copy{
    grid-template-columns:1fr;
    gap:22px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.v102-motion .perspective-clean .process-item,
  body.v102-motion .perspective-clean .perspective-explain section,
  body.v102-motion .perspective-clean .bridge-card,
  body.v102-motion .perspective-clean .bridge-center{
    opacity:1!important;transform:none!important;transition:none!important;
  }
}


.method-fourstep{position:relative;overflow:hidden;padding:clamp(95px,10vw,150px) 0;background:var(--taupe);color:var(--ivory)}
.method-fourstep-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,2.18fr);grid-template-areas:"intro steps" "closing closing";gap:clamp(54px,7vw,110px);align-items:start}
.method-fourstep-intro{grid-area:intro;max-width:390px}
.method-fourstep-intro .label{color:var(--yellow)}
.method-fourstep-intro h2{margin:20px 0 24px;color:var(--ivory);font-family:var(--serif);font-size:clamp(2.65rem,4.4vw,4.8rem);line-height:1.01;font-weight:400}
.method-fourstep-intro h2 .italic{color:var(--yellow)}
.method-fourstep-lead{margin:0;color:rgba(250,247,241,.7);font-size:.92rem;line-height:1.72}
.method-fourstep-link{display:inline-flex;gap:10px;align-items:center;margin-top:30px;padding-bottom:5px;border-bottom:1px solid rgba(242,194,58,.6);color:var(--ivory);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.method-fourstep-steps{grid-area:steps;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}
.method-step{position:relative;z-index:2;min-width:0;padding:0 28px 10px}
.method-step + .method-step{border-left:1px solid rgba(250,247,241,.16)}
.method-step-number{display:block;margin-bottom:22px;color:var(--yellow);font-family:var(--serif);font-size:1.15rem;font-style:italic}
.method-step-icon{width:52px;height:52px;margin-bottom:22px;border:1px solid rgba(242,194,58,.62);border-radius:50%;display:grid;place-items:center}
.method-step-icon svg{width:27px;height:27px;fill:none;stroke:var(--yellow);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.method-step h3{margin:0 0 13px;color:var(--ivory);font-size:.72rem;letter-spacing:.13em}
.method-step-question{margin:0 0 10px!important;color:var(--ivory)!important;font-family:var(--serif);font-size:1.05rem!important;line-height:1.34!important}
.method-step p:last-child{margin:0;color:rgba(250,247,241,.66);font-size:.76rem;line-height:1.6}
.method-step-emphasis::after{content:"";position:absolute;left:28px;right:28px;bottom:-20px;height:2px;background:var(--yellow)}
.method-progress-line{position:absolute;left:6%;right:6%;bottom:-48px;height:1px;background:rgba(250,247,241,.16);transform-origin:left center}
.method-fourstep-closing{grid-area:closing;margin-top:18px;padding-top:34px;border-top:1px solid rgba(250,247,241,.16);text-align:center}
.method-fourstep-closing p{max-width:900px;margin:0 auto;color:var(--ivory);font-family:var(--serif);font-size:clamp(1.45rem,2.4vw,2.3rem);line-height:1.35}
body.v104-motion .method-step,body.v104-motion .method-fourstep-intro,body.v104-motion .method-fourstep-closing{opacity:0;transform:translateY(18px)}
body.v104-motion .method-step.v104-visible,body.v104-motion .method-fourstep-intro.v104-visible,body.v104-motion .method-fourstep-closing.v104-visible{opacity:1;transform:none;transition:opacity .6s ease,transform .75s cubic-bezier(.22,.8,.24,1)}
body.v104-motion .method-progress-line{transform:scaleX(0)}
body.v104-motion .method-progress-line.v104-visible{transform:scaleX(1);transition:transform 1.15s cubic-bezier(.22,.8,.24,1)}
@media(max-width:980px){.method-fourstep-grid{grid-template-columns:1fr;grid-template-areas:"intro" "steps" "closing"}.method-fourstep-intro{max-width:620px}.method-fourstep-steps{grid-template-columns:1fr 1fr}.method-step{padding:32px 28px;border-top:1px solid rgba(250,247,241,.14)}.method-step + .method-step{border-left:0}.method-step:nth-child(even){border-left:1px solid rgba(250,247,241,.14)}.method-progress-line{display:none}}
@media(max-width:640px){.method-fourstep{padding:76px 0}.method-fourstep-intro h2{font-size:clamp(2.55rem,12vw,4rem)}.method-fourstep-steps{display:block;margin-top:12px}.method-step{padding:30px 0;border-top:1px solid rgba(250,247,241,.14)}.method-step:nth-child(even){border-left:0}.method-step-emphasis::after{left:0;right:auto;width:64px;bottom:0}.method-fourstep-closing{margin-top:10px;text-align:left}}
@media(prefers-reduced-motion:reduce){body.v104-motion .method-step,body.v104-motion .method-fourstep-intro,body.v104-motion .method-fourstep-closing{opacity:1!important;transform:none!important;transition:none!important}body.v104-motion .method-progress-line{transform:scaleX(1)!important}}


/* V105: improved readability of the four FEMULOUS method modules */
.method-step h3{
  font-size:.92rem !important;
  letter-spacing:.11em !important;
  line-height:1.3 !important;
  margin-bottom:16px !important;
}
.method-step-question{
  font-size:1.28rem !important;
  line-height:1.38 !important;
  margin-bottom:14px !important;
}
.method-step p:last-child{
  font-size:.84rem !important;
  line-height:1.65 !important;
}
@media (min-width:1200px){
  .method-step h3{font-size:.98rem !important}
  .method-step-question{font-size:1.34rem !important}
  .method-step p:last-child{font-size:.86rem !important}
}
@media (max-width:640px){
  .method-step h3{font-size:.9rem !important}
  .method-step-question{font-size:1.24rem !important}
  .method-step p:last-child{font-size:.88rem !important}
}


/* V106 FEMULOUS method refinements */
.method-step-number{
  font-size:2.35rem !important;
  line-height:1 !important;
  margin-bottom:22px !important;
  color:var(--yellow) !important;
  font-style:normal !important;
  letter-spacing:0 !important;
}
.method-step-number::before,
.method-step-number::after,
.method-step::before{
  content:none !important;
  display:none !important;
}
.method-step-icon{
  width:64px !important;
  height:64px !important;
  border:1.5px solid var(--ivory) !important;
  background:transparent !important;
}
.method-step-icon svg{
  width:31px !important;
  height:31px !important;
  stroke:var(--yellow) !important;
}
.method-step-emphasis::after{
  display:none !important;
}
@media(min-width:1200px){
  .method-step-number{font-size:2.6rem !important}
}
@media(max-width:640px){
  .method-step-number{font-size:2.15rem !important}
  .method-step-icon{width:60px !important;height:60px !important}
}


/* V106 iceberg responsive layout and icon treatment */
.iceberg-scene{
  --iceberg-label-zone: 165px;
}
.iceberg-pills{
  left:calc(50% + 55px) !important;
  width:min(calc(100% - var(--iceberg-label-zone) - 80px),1040px) !important;
  transform:translateX(-50%) !important;
}
.iceberg-pills-top{
  top:35.5% !important;
}
.iceberg-pills-bottom{
  top:62.5% !important;
}
.iceberg-side-label{
  width:145px;
}

/* slightly more breathing room before the pills at medium desktop widths */
@media(max-width:1180px){
  .iceberg-scene{--iceberg-label-zone:155px}
  .iceberg-pills{
    left:calc(50% + 70px) !important;
    width:calc(100% - 260px) !important;
    gap:9px !important;
  }
  .iceberg-pills span{
    padding-left:14px !important;
    padding-right:14px !important;
    font-size:.76rem !important;
  }
}

/* tablet: labels move above the chip groups instead of competing horizontally */
@media(max-width:900px){
  .iceberg-scene{
    min-height:980px !important;
    --iceberg-label-zone:0px;
  }
  .iceberg-side-label{
    left:24px !important;
    width:auto !important;
  }
  .iceberg-side-visible{top:8% !important}
  .iceberg-side-below{top:56% !important}
  .iceberg-pills{
    left:50% !important;
    width:82% !important;
  }
  .iceberg-pills-top{top:27% !important}
  .iceberg-pills-bottom{top:66% !important}
  .iceberg-art{
    top:12% !important;
    width:112% !important;
    height:78% !important;
  }
}

/* smartphone: stacked, centered chips with clean separation from headings */
@media(max-width:640px){
  .iceberg-scene{min-height:1180px !important}
  .iceberg-side-visible{top:5% !important}
  .iceberg-side-below{top:54% !important}
  .iceberg-pills{
    width:78% !important;
    gap:8px !important;
  }
  .iceberg-pills-top{top:20% !important}
  .iceberg-pills-bottom{top:63% !important}
  .iceberg-pills span{
    min-height:42px !important;
    padding:0 13px !important;
    font-size:.72rem !important;
  }
  .iceberg-art{
    top:13% !important;
    width:170% !important;
    height:70% !important;
  }
}


.iceberg-chip{
  gap:9px !important;
}
.iceberg-chip b{
  font-weight:400;
}
.iceberg-chip-icon{
  width:19px;
  height:19px;
  display:inline-grid;
  place-items:center;
  flex:0 0 19px;
}
.iceberg-chip-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.iceberg-pills-top .iceberg-chip-icon{color:var(--taupe)}
.iceberg-pills-bottom .iceberg-chip-icon{color:var(--yellow)}


/* V107: remove decorative dots above method numbers */
.method-step-number::before,
.method-step-number::after,
.method-step::before,
.method-step::after,
.method-fourstep-steps .method-step > span:first-child::before,
.method-fourstep-steps .method-step > span:first-child::after{
  content:none !important;
  display:none !important;
}
.method-step{
  background-image:none !important;
}


/* V109 Perspektivwechsel: Editorial-Foto links */
.belief-with-photo .belief-photo-layout{
  display:grid;
  grid-template-columns:minmax(340px,.88fr) minmax(520px,1.12fr);
  gap:clamp(52px,7vw,112px);
  align-items:start;
  margin-top:34px;
}
.belief-with-photo .belief-photo{
  min-height:clamp(560px,52vw,760px);
  border:1px solid rgba(105,75,50,.12);
  background-size:cover;
  background-position:center center;
  position:relative;
  overflow:hidden;
}
.belief-with-photo .belief-photo::after{
  content:"";
  position:absolute;
  left:24px;
  bottom:22px;
  color:rgba(105,75,50,.55);
  font-size:.58rem;
  letter-spacing:.18em;
}
.belief-with-photo .belief-photo-copy{padding-top:2px}
.belief-with-photo .belief-photo-copy h2{margin:0 0 46px;max-width:760px}
.belief-with-photo .belief-assumptions{margin:0 0 42px}
.belief-with-photo .belief-context{max-width:720px;margin-left:0}
@media(max-width:900px){
  .belief-with-photo .belief-photo-layout{grid-template-columns:1fr;gap:38px}
  .belief-with-photo .belief-photo{min-height:clamp(420px,72vw,650px);max-width:720px}
  .belief-with-photo .belief-photo-copy h2{margin-bottom:34px}
}
@media(max-width:560px){
  .belief-with-photo .belief-photo-layout{margin-top:24px;gap:30px}
  .belief-with-photo .belief-photo{min-height:118vw}
  .belief-with-photo .belief-photo-copy h2{margin-bottom:28px}
}


/* V111: Qualifikationen präzisiert */
.credential-subgroup{margin-top:30px}
.credential-subgroup-label{
  display:block;
  margin-bottom:8px;
  padding-top:4px;
  color:var(--taupe);
  font-size:.58rem;
  font-weight:600;
  letter-spacing:.16em;
}
.credential-subgroup .credential-item:first-of-type{
  border-top:1px solid rgba(105,75,50,.14);
}


/* V112 Perspektivwechsel: Einordnung vor den typischen Antworten */
.belief-search-intro{
  max-width:720px;
  margin:0 0 30px;
  color:var(--muted);
  font-size:clamp(.98rem,1.15vw,1.08rem);
  line-height:1.7;
}
.belief-assumptions-expanded p{
  line-height:1.45;
}


/* V113: ausgewogene Editorial-Doppelseite */
.belief-with-photo .belief-editorial-balance{
  display:grid;
  grid-template-columns:minmax(390px,.92fr) minmax(520px,1.08fr);
  gap:clamp(58px,7vw,112px);
  align-items:stretch;
  margin-top:34px;
}
.belief-with-photo .belief-editorial-left{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.belief-with-photo .belief-editorial-left h2{
  margin:0 0 34px;
  max-width:670px;
  color:var(--taupe);
  font-family:var(--serif);
  font-size:clamp(3rem,4.8vw,5.35rem);
  line-height:1.02;
  font-weight:400;
}
.belief-with-photo .belief-editorial-left .belief-photo{
  flex:1 1 auto;
  min-height:590px;
  height:auto;
  background-size:cover;
  background-position:center center;
  border:1px solid rgba(105,75,50,.1);
}
.belief-with-photo .belief-editorial-right{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-width:0;
  padding-top:5px;
}
.belief-with-photo .belief-editorial-right .belief-search-intro{
  margin:0 0 28px;
  max-width:none;
}
.belief-with-photo .belief-editorial-right .belief-assumptions{
  margin:0;
  border-top:1px solid rgba(105,75,50,.18);
}
.belief-with-photo .belief-editorial-right .belief-assumptions p{
  margin:0;
  padding:17px 0;
  border-bottom:1px solid rgba(105,75,50,.16);
}
.belief-with-photo .belief-editorial-right .belief-context{
  margin:34px 0 0;
  max-width:none;
}

/* Die untere Bildkante und das Ende des Textblocks liegen auf einer Linie. */
@media(min-width:901px){
  .belief-with-photo .belief-editorial-balance{
    min-height:900px;
  }
}
@media(max-width:1050px) and (min-width:701px){
  .belief-with-photo .belief-editorial-balance{
    grid-template-columns:minmax(300px,.85fr) minmax(400px,1.15fr);
    gap:44px;
  }
  .belief-with-photo .belief-editorial-left h2{
    font-size:clamp(2.7rem,5.1vw,4.25rem);
  }
  .belief-with-photo .belief-editorial-left .belief-photo{
    min-height:520px;
  }
}
@media(max-width:700px){
  .belief-with-photo .belief-editorial-balance{
    grid-template-columns:1fr;
    gap:38px;
    margin-top:24px;
  }
  .belief-with-photo .belief-editorial-left h2{
    margin-bottom:28px;
    font-size:clamp(2.65rem,12vw,4rem);
  }
  .belief-with-photo .belief-editorial-left .belief-photo{
    min-height:118vw;
  }
  .belief-with-photo .belief-editorial-right{
    justify-content:flex-start;
    padding-top:0;
  }
}


/* V114 Typography: Titillium Web Light for running text */
body{
  font-family:var(--sans);
  font-weight:300;
}
p,
li,
a,
button,
input,
textarea,
select,
nav,
.label,
.eyebrow,
.kicker{
  font-family:var(--sans);
}
p,
li{
  font-weight:300;
}
/* Functional emphasis stays readable without becoming heavy. */
strong,
b{
  font-weight:600;
}
/* Preserve the existing Cormorant editorial language. */
h1,h2,h3,h4,h5,h6,
.italic,
em{
  font-family:var(--serif);
}


/* V115 Typography scale: larger, more legible Titillium Web Light */
body{
  font-size:18px;
  line-height:1.65;
}
p,
li{
  font-size:1.04rem;
  line-height:1.68;
}

/* Labels remain editorial but no longer microscopic */
.label,
.eyebrow,
.kicker{
  font-size:.72rem !important;
  line-height:1.35 !important;
  letter-spacing:.14em !important;
}

/* Iceberg model: all labels and chips clearly readable */
.iceberg-pills span,
.iceberg-chip,
.iceberg-chip b{
  font-size:.91rem !important;
  line-height:1.25 !important;
}
.iceberg-side-label,
.iceberg-side-label strong,
.iceberg-side-label span{
  font-size:.88rem !important;
  line-height:1.3 !important;
}
.iceberg-chip-icon{
  width:22px !important;
  height:22px !important;
  flex-basis:22px !important;
}

/* Four-step FEMULOUS method */
.method-step h3{
  font-size:1.08rem !important;
  line-height:1.25 !important;
}
.method-step-question{
  font-size:1.42rem !important;
  line-height:1.35 !important;
}
.method-step p:last-child{
  font-size:1rem !important;
  line-height:1.62 !important;
}
.method-step-number{
  font-size:2.75rem !important;
}
.method-step-icon{
  width:68px !important;
  height:68px !important;
}
.method-step-icon svg{
  width:33px !important;
  height:33px !important;
}

/* Symptom / recognition cards and other visual modules */
.recognition-item p,
.recognition-card p,
.symptom-card p,
.feature-card p,
.service-card p{
  font-size:1rem !important;
  line-height:1.55 !important;
}
.recognition-item h3,
.recognition-card h3,
.symptom-card h3,
.feature-card h3,
.service-card h3{
  font-size:1.12rem !important;
}

/* Perspective quotes and explanatory graphic text */
.belief-assumptions p,
.belief-assumptions-expanded p{
  font-size:1.02rem !important;
  line-height:1.5 !important;
}
.belief-search-intro,
.belief-context{
  font-size:1.04rem !important;
  line-height:1.68 !important;
}

/* Journey cards, facts and compact information modules */
.journey-type{
  font-size:.73rem !important;
}
.journey-summary,
.journey-unified p,
.journey-detail-panel p,
.journey-included li{
  font-size:1rem !important;
  line-height:1.6 !important;
}
.journey-fact-label,
.journey-fact-value,
.journey-meta,
.journey-bar-label{
  font-size:.86rem !important;
}

/* Qualification section */
.credential-item strong{
  font-size:1rem !important;
  line-height:1.42 !important;
}
.credential-item span{
  font-size:.92rem !important;
  line-height:1.5 !important;
}
.credential-subgroup-label{
  font-size:.68rem !important;
}

/* Mobile needs slightly larger text rather than shrinking it */
@media(max-width:700px){
  body{font-size:17px}
  p,li{font-size:1rem}
  .iceberg-pills span,
  .iceberg-chip,
  .iceberg-chip b{
    font-size:.86rem !important;
  }
  .method-step h3{font-size:1rem !important}
  .method-step-question{font-size:1.3rem !important}
  .method-step p:last-child{font-size:.98rem !important}
  .belief-assumptions p,
  .belief-assumptions-expanded p{
    font-size:1rem !important;
  }
}


/* =========================================================
   V116 Editorial proportion refinement
   Perspektivwechsel + Belohnung
   ========================================================= */

/* PERSPEKTIVWECHSEL
   Headline gets its own editorial row. Image and text then form
   a balanced 44/56 composition with a shared visual baseline. */
.belief-with-photo > .wrap{
  max-width:1480px;
}
.belief-with-photo .belief-editorial-balance{
  display:grid !important;
  grid-template-columns:minmax(360px,44%) minmax(0,56%) !important;
  grid-template-areas:
    "headline headline"
    "photo copy";
  column-gap:clamp(54px,6vw,96px) !important;
  row-gap:42px !important;
  align-items:stretch !important;
  min-height:0 !important;
  margin-top:30px !important;
}
.belief-with-photo .belief-editorial-left{
  display:contents !important;
}
.belief-with-photo .belief-editorial-left h2{
  grid-area:headline;
  max-width:980px !important;
  margin:0 !important;
  font-size:clamp(3.5rem,5.6vw,6rem) !important;
  line-height:.98 !important;
}
.belief-with-photo .belief-editorial-left .belief-photo{
  grid-area:photo;
  width:100% !important;
  min-height:0 !important;
  height:100% !important;
  aspect-ratio:4 / 5.15;
  align-self:stretch;
  background-position:center 36% !important;
}
.belief-with-photo .belief-editorial-right{
  grid-area:copy;
  display:flex !important;
  flex-direction:column;
  justify-content:flex-start !important;
  min-width:0;
  padding:4px 0 0 !important;
}
.belief-with-photo .belief-editorial-right .belief-search-intro{
  margin:0 0 30px !important;
  max-width:720px !important;
}
.belief-with-photo .belief-editorial-right .belief-assumptions{
  width:100%;
}
.belief-with-photo .belief-editorial-right .belief-assumptions p{
  padding:18px 0 !important;
}
.belief-with-photo .belief-editorial-right .belief-context{
  margin:32px 0 0 !important;
  max-width:760px !important;
}

/* BELohnung
   Reduce the visual dominance of the photograph and give the
   content column a more luxurious reading width and spacing. */
.transform{
  padding:clamp(92px,8vw,130px) 0 !important;
}
.transform-grid{
  display:grid !important;
  grid-template-columns:minmax(0,46%) minmax(0,54%) !important;
  align-items:stretch !important;
  min-height:760px !important;
}
.transform-media{
  min-height:760px !important;
  height:100% !important;
  background-position:center 38% !important;
}
.transform-copy{
  padding:clamp(62px,6vw,96px) clamp(56px,6vw,104px) !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.transform-copy h2{
  max-width:760px !important;
  margin:18px 0 36px !important;
  font-size:clamp(3.15rem,4.65vw,5.15rem) !important;
  line-height:1.02 !important;
}
.transform-statements{
  margin-top:4px !important;
}
.transform-statement{
  padding:19px 0 !important;
}
.transform-statement strong{
  font-size:clamp(1.52rem,1.9vw,2rem) !important;
  line-height:1.22 !important;
}
.transform-statement span{
  display:block;
  margin-top:5px;
  font-size:.98rem !important;
  line-height:1.5 !important;
}
.transform-closing-thought{
  margin-top:38px !important;
  padding-top:28px !important;
}
.transform-closing-thought p{
  max-width:720px !important;
  font-size:1.08rem !important;
  line-height:1.65 !important;
}

/* Tablet */
@media(max-width:1000px){
  .belief-with-photo .belief-editorial-balance{
    grid-template-columns:minmax(300px,42%) minmax(0,58%) !important;
    column-gap:42px !important;
  }
  .belief-with-photo .belief-editorial-left h2{
    font-size:clamp(3.15rem,6vw,4.8rem) !important;
  }
  .transform-grid{
    grid-template-columns:44% 56% !important;
    min-height:680px !important;
  }
  .transform-media{
    min-height:680px !important;
  }
  .transform-copy{
    padding:54px 44px !important;
  }
}

/* Mobile: preserve editorial reading order and avoid squeezed columns */
@media(max-width:700px){
  .belief-with-photo .belief-editorial-balance{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "headline"
      "photo"
      "copy";
    row-gap:30px !important;
  }
  .belief-with-photo .belief-editorial-left h2{
    font-size:clamp(2.8rem,12vw,4.2rem) !important;
  }
  .belief-with-photo .belief-editorial-left .belief-photo{
    aspect-ratio:4 / 5 !important;
    height:auto !important;
  }
  .transform{
    padding:0 !important;
  }
  .transform-grid{
    display:block !important;
    min-height:0 !important;
  }
  .transform-media{
    min-height:118vw !important;
    height:auto !important;
  }
  .transform-copy{
    padding:58px 28px 70px !important;
  }
  .transform-copy h2{
    font-size:clamp(2.75rem,11vw,4rem) !important;
    margin-bottom:30px !important;
  }
}


/* V117: Situationen klarer gewichtet */
.situation{
  grid-template-columns:56px 1fr !important;
  gap:20px !important;
  padding:28px 0 30px !important;
}
.situation .n{
  font-size:2rem !important;
  line-height:1 !important;
  font-style:italic !important;
  color:var(--yellow) !important;
}
.situation h3{
  font-size:1.28rem !important;
  line-height:1.35 !important;
  margin:0 0 10px !important;
}
.situation p{
  font-size:1.03rem !important;
  line-height:1.6 !important;
}

@media(max-width:700px){
  .situation{
    grid-template-columns:48px 1fr !important;
    gap:16px !important;
    padding:24px 0 26px !important;
  }
  .situation .n{
    font-size:1.75rem !important;
  }
  .situation h3{
    font-size:1.18rem !important;
  }
  .situation p{
    font-size:1rem !important;
  }
}


/* V119: Perspektivwechsel Foto exakt an Textblock ausrichten */
@media(min-width:701px){
  .belief-with-photo .belief-editorial-balance{
    align-items:stretch !important;
  }
  .belief-with-photo .belief-editorial-left .belief-photo{
    height:100% !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    align-self:stretch !important;
    background-size:cover !important;
    background-position:center 34% !important;
  }
  .belief-with-photo .belief-editorial-right{
    height:100% !important;
    align-self:stretch !important;
    padding-bottom:0 !important;
  }
  .belief-with-photo .belief-editorial-right .belief-context{
    margin-bottom:0 !important;
  }
}


/* V120: Situations-Headlines deutlich prominenter */
.situation h3{
  font-size:1.62rem !important;
  line-height:1.28 !important;
  margin:0 0 12px !important;
  letter-spacing:-0.01em !important;
}
.situation .n{
  font-size:2.15rem !important;
  line-height:1 !important;
}

@media(max-width:700px){
  .situation h3{
    font-size:1.38rem !important;
    line-height:1.3 !important;
  }
  .situation .n{
    font-size:1.9rem !important;
  }
}


/* V121: Perspektivwechsel + Selbstwirksamkeit als ein zusammenhängendes braunes Editorial-Kapitel */
.reframe{
  background:var(--brown) !important;
  color:var(--ivory) !important;
  padding:clamp(92px,8vw,138px) 0 clamp(72px,6vw,96px) !important;
  margin:0 !important;
}
.reframe + .agency{
  background:var(--brown) !important;
  color:var(--ivory) !important;
  margin:0 !important;
  padding:0 0 clamp(110px,9vw,156px) !important;
  position:relative;
}
.reframe + .agency::before{
  content:"";
  display:block;
  width:min(1180px,calc(100% - 96px));
  height:1px;
  margin:0 auto clamp(66px,6vw,92px);
  background:rgba(250,247,241,.22);
}

/* Upper statement */
.reframe .eyebrow,
.reframe .kicker{
  color:rgba(250,247,241,.62) !important;
}
.reframe h2,
.reframe h3{
  color:var(--ivory) !important;
}
.reframe .italic,
.reframe em{
  color:var(--yellow) !important;
}

/* Lower self-efficacy block on same brown canvas */
.reframe + .agency .eyebrow,
.reframe + .agency .kicker{
  color:rgba(250,247,241,.58) !important;
}
.reframe + .agency h2,
.reframe + .agency h3{
  color:var(--ivory) !important;
}
.reframe + .agency .italic,
.reframe + .agency em{
  color:var(--yellow) !important;
}
.reframe + .agency p{
  color:rgba(250,247,241,.78) !important;
}

/* Editorially connect label and copy instead of leaving an empty left half */
.reframe + .agency .agency-grid{
  align-items:start !important;
  column-gap:clamp(60px,8vw,130px) !important;
}
.reframe + .agency .agency-label{
  padding-top:12px !important;
}
.reframe + .agency .agency-copy{
  max-width:820px !important;
}
.reframe + .agency .agency-copy h2{
  font-size:clamp(3.35rem,5vw,5.4rem) !important;
  line-height:1.02 !important;
  margin:0 0 30px !important;
}
.reframe + .agency .agency-copy p{
  font-size:1.08rem !important;
  line-height:1.7 !important;
  max-width:760px !important;
}

/* Remove any light section background inherited by inner wrappers */
.reframe + .agency .wrap,
.reframe .wrap{
  background:transparent !important;
}

@media(max-width:700px){
  .reframe{
    padding:76px 0 58px !important;
  }
  .reframe + .agency{
    padding:0 0 82px !important;
  }
  .reframe + .agency::before{
    width:calc(100% - 48px);
    margin-bottom:48px;
  }
  .reframe + .agency .agency-grid{
    display:block !important;
  }
  .reframe + .agency .agency-label{
    margin-bottom:26px !important;
  }
  .reframe + .agency .agency-copy h2{
    font-size:clamp(2.75rem,11vw,4rem) !important;
  }
}


/* V122: Aussage + Selbstwirksamkeit wirklich zu EINEM braunen Abschnitt verschmolzen */
.belief-turn-combined{
  background:var(--brown) !important;
  color:var(--ivory) !important;
  padding:clamp(88px,8vw,128px) 0 clamp(96px,8vw,138px) !important;
}
.belief-turn-combined-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:clamp(64px,8vw,130px);
  align-items:start;
}
.belief-turn-main{
  padding-top:6px;
}
.belief-turn-kicker{
  margin:0 0 18px !important;
  color:rgba(250,247,241,.56) !important;
  font-family:var(--sans) !important;
  font-size:.72rem !important;
  letter-spacing:.16em !important;
  text-transform:uppercase;
}
.belief-turn-combined .belief-turn-main h3{
  margin:0 !important;
  max-width:700px;
  color:var(--ivory) !important;
  font-family:var(--serif) !important;
  font-size:clamp(3.5rem,5.2vw,5.7rem) !important;
  line-height:1.02 !important;
  font-weight:400 !important;
  text-align:left !important;
}
.belief-turn-combined .belief-turn-main .italic{
  color:var(--yellow) !important;
}

.belief-turn-agency{
  padding-left:clamp(30px,4vw,66px);
  border-left:1px solid rgba(250,247,241,.2);
}
.belief-turn-agency .label{
  margin:0 0 22px !important;
  color:rgba(250,247,241,.56) !important;
}
.belief-turn-agency h2{
  margin:0 0 28px !important;
  max-width:720px;
  color:var(--ivory) !important;
  font-family:var(--serif) !important;
  font-size:clamp(2.75rem,4vw,4.4rem) !important;
  line-height:1.06 !important;
  font-weight:400 !important;
}
.belief-turn-agency h2 .italic{
  color:var(--yellow) !important;
}
.belief-turn-agency p{
  max-width:760px;
  margin:0 0 18px !important;
  color:rgba(250,247,241,.78) !important;
  font-size:1.06rem !important;
  line-height:1.7 !important;
}
.belief-turn-agency p:last-child{
  margin-bottom:0 !important;
}

/* Remove any legacy light self-efficacy background if old CSS still exists */
.belief-selfefficacy-band{
  background:var(--brown) !important;
}

@media(max-width:850px){
  .belief-turn-combined-grid{
    grid-template-columns:1fr;
    gap:54px;
  }
  .belief-turn-agency{
    padding-left:0;
    padding-top:44px;
    border-left:0;
    border-top:1px solid rgba(250,247,241,.2);
  }
}
@media(max-width:600px){
  .belief-turn-combined{
    padding:72px 0 82px !important;
  }
  .belief-turn-combined .belief-turn-main h3{
    font-size:clamp(2.8rem,12vw,4.15rem) !important;
  }
  .belief-turn-agency h2{
    font-size:clamp(2.35rem,10vw,3.5rem) !important;
  }
}


/* V123 readability fix: force the entire combined agency section onto brown */
.belief-turn.belief-turn-combined,
.belief-turn.belief-turn-combined > .wrap,
.belief-turn.belief-turn-combined .belief-turn-combined-grid,
.belief-turn.belief-turn-combined .belief-turn-main,
.belief-turn.belief-turn-combined .belief-turn-agency{
  background:#593d21 !important;
}
.belief-turn.belief-turn-combined{
  color:#FAF7F1 !important;
}
.belief-turn.belief-turn-combined .belief-turn-main h3,
.belief-turn.belief-turn-combined .belief-turn-agency h2{
  color:#FAF7F1 !important;
}
.belief-turn.belief-turn-combined .belief-turn-main h3 .italic,
.belief-turn.belief-turn-combined .belief-turn-agency h2 .italic{
  color:#EFC13A !important;
}
.belief-turn.belief-turn-combined .belief-turn-kicker,
.belief-turn.belief-turn-combined .belief-turn-agency .label{
  color:rgba(250,247,241,.68) !important;
}
.belief-turn.belief-turn-combined .belief-turn-agency > p:not(.label){
  color:rgba(250,247,241,.84) !important;
}


/* V124: single centered self-efficacy statement on brown */
.belief-turn.belief-turn-combined{
  background:#593d21 !important;
  padding:clamp(100px,9vw,150px) 0 !important;
}
.belief-turn.belief-turn-combined .belief-turn-combined-grid{
  display:block !important;
  max-width:1050px !important;
  margin:0 auto !important;
  padding-left:clamp(28px,5vw,72px) !important;
  padding-right:clamp(28px,5vw,72px) !important;
  background:#593d21 !important;
}
.belief-turn.belief-turn-combined .belief-turn-agency{
  max-width:900px !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  text-align:center !important;
  background:#593d21 !important;
}
.belief-turn.belief-turn-combined .belief-turn-agency .label{
  margin:0 0 24px !important;
  text-align:center !important;
  color:rgba(250,247,241,.66) !important;
  letter-spacing:.17em !important;
}
.belief-turn.belief-turn-combined .belief-turn-agency h2{
  max-width:none !important;
  margin:0 auto 34px !important;
  text-align:center !important;
  color:#FAF7F1 !important;
  font-size:clamp(3.2rem,5vw,5.25rem) !important;
  line-height:1.04 !important;
}
.belief-turn.belief-turn-combined .belief-turn-agency h2 .italic{
  color:#EFC13A !important;
}
.belief-turn.belief-turn-combined .belief-turn-agency > p:not(.label){
  max-width:790px !important;
  margin:0 auto 20px !important;
  text-align:center !important;
  color:rgba(250,247,241,.84) !important;
  font-size:1.12rem !important;
  line-height:1.72 !important;
}
.belief-turn.belief-turn-combined .belief-turn-agency > p:last-child{
  margin-bottom:0 !important;
}
@media(max-width:600px){
  .belief-turn.belief-turn-combined{
    padding:78px 0 86px !important;
  }
  .belief-turn.belief-turn-combined .belief-turn-agency h2{
    font-size:clamp(2.65rem,11vw,3.65rem) !important;
  }
  .belief-turn.belief-turn-combined .belief-turn-agency > p:not(.label){
    font-size:1.04rem !important;
    line-height:1.65 !important;
  }
}


/* V125: editorial ivory interruption inside the brown method section */
.method-fourstep-closing{
  position:relative !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  margin-top:clamp(70px,7vw,110px) !important;
  margin-bottom:0 !important;
  padding:clamp(78px,7vw,112px) clamp(28px,7vw,120px) !important;
  background:#FAF7F1 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-sizing:border-box !important;
}
.method-fourstep-closing p{
  max-width:1050px !important;
  margin:0 auto !important;
  color:#593d21 !important;
  text-align:center !important;
  font-family:var(--serif) !important;
  font-size:clamp(2.55rem,4vw,4.35rem) !important;
  line-height:1.12 !important;
  font-weight:400 !important;
  letter-spacing:-.015em !important;
}
@media(max-width:700px){
  .method-fourstep-closing{
    margin-top:58px !important;
    padding:64px 26px 70px !important;
  }
  .method-fourstep-closing p{
    font-size:clamp(2.15rem,9vw,3.15rem) !important;
    line-height:1.1 !important;
  }
}


/* V127: self-efficacy statement fully centered */
.belief-turn.belief-turn-combined .belief-turn-agency,
.belief-turn.belief-turn-combined .belief-turn-agency .label,
.belief-turn.belief-turn-combined .belief-turn-agency h2,
.belief-turn.belief-turn-combined .belief-turn-agency > p{
  text-align:center !important;
}
.belief-turn.belief-turn-combined .belief-turn-agency .label,
.belief-turn.belief-turn-combined .belief-turn-agency h2,
.belief-turn.belief-turn-combined .belief-turn-agency > p{
  margin-left:auto !important;
  margin-right:auto !important;
}


/* V128: more ivory breathing room below the portrait/text editorial block */
#perspektivwechsel.belief-with-photo{
  background:#FAF7F1 !important;
}
#perspektivwechsel.belief-with-photo .belief-editorial-inner{
  padding-bottom:clamp(88px,7vw,125px) !important;
}
#perspektivwechsel.belief-with-photo .belief-editorial-photo,
#perspektivwechsel.belief-with-photo .belief-editorial-copy{
  margin-bottom:0 !important;
}
@media(max-width:800px){
  #perspektivwechsel.belief-with-photo .belief-editorial-inner{
    padding-bottom:72px !important;
  }
}


/* V129: seven evenly spaced hero keywords */
.hero .trustline{
  display:grid !important;
  grid-template-columns:repeat(7, minmax(0,1fr)) !important;
  width:100% !important;
  column-gap:0 !important;
  align-items:center !important;
}
.hero .trustline span{
  display:block !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.hero .trustline span:first-child{ text-align:left !important; }
.hero .trustline span:last-child{ text-align:right !important; }

@media(max-width:1050px){
  .hero .trustline{
    grid-template-columns:repeat(4,1fr) !important;
    row-gap:12px !important;
  }
  .hero .trustline span,
  .hero .trustline span:first-child,
  .hero .trustline span:last-child{
    text-align:left !important;
  }
}
@media(max-width:650px){
  .hero .trustline{
    grid-template-columns:repeat(2,1fr) !important;
    column-gap:20px !important;
  }
}


.belief-turn-combined{
    padding-top:54px !important;
  }
}


/* V131: opening headline aligned vertically with the three situation rows */
.opening-grid > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  align-self:stretch !important;
}
.opening-big{
  line-height:1.5 !important;
}
@media(min-width:901px){
  .opening-big{
    max-width:620px !important;
  }
}


/* V132 correction: real Ivory buffer between portrait/text and brown self-efficacy block */
#perspektivwechsel.belief-with-photo{
  background:#FAF7F1 !important;
}

/* The first direct .wrap is the portrait/text block.
   Padding here creates actual Ivory space BEFORE the brown section starts. */
#perspektivwechsel.belief-with-photo > .wrap:first-child{
  padding-bottom:76px !important;
}

/* Keep the brown block compact so the new Ivory buffer is visibly replacing brown area */
#perspektivwechsel.belief-with-photo > .belief-turn-combined{
  margin-top:0 !important;
  padding-top:clamp(72px,6vw,92px) !important;
}

@media(max-width:700px){
  #perspektivwechsel.belief-with-photo > .wrap:first-child{
    padding-bottom:54px !important;
  }
  #perspektivwechsel.belief-with-photo > .belief-turn-combined{
    padding-top:62px !important;
  }
}


/* V133: seventh visible iceberg symptom */
.iceberg-pills-top{
  gap:clamp(10px,1vw,18px) !important;
  padding-left:clamp(170px,14vw,245px) !important;
  padding-right:clamp(24px,3vw,48px) !important;
}
.iceberg-pills-top .iceberg-chip{
  flex:0 1 auto !important;
}
.iceberg-pills-top .iceberg-chip b{
  white-space:nowrap !important;
}
@media(max-width:1280px){
  .iceberg-pills-top{
    padding-left:clamp(150px,13vw,190px) !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    row-gap:12px !important;
  }
}
@media(max-width:820px){
  .iceberg-pills-top{
    padding-left:24px !important;
    padding-right:24px !important;
  }
  .iceberg-pills-top .iceberg-chip{
    flex:1 1 calc(50% - 12px) !important;
    justify-content:center !important;
  }
}


/* V136: Eisberg Keywords gleichmäßig über die Eisbergbreite verteilen */
.iceberg-pills-top{
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(1180px,82%) !important;
  padding-left:0 !important;
  padding-right:0 !important;
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:14px !important;
  justify-items:stretch !important;
  align-items:center !important;
}
.iceberg-pills-top .iceberg-chip{
  width:100% !important;
  min-width:0 !important;
  justify-content:center !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
}
.iceberg-pills-top .iceberg-chip b{
  white-space:nowrap !important;
  text-align:center !important;
}

/* Untere Keywords ebenfalls sauber und gleichmäßig über die Eisbergbreite verteilt */
.iceberg-pills-bottom{
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(1260px,86%) !important;
  padding-left:0 !important;
  padding-right:0 !important;
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:14px !important;
  justify-items:stretch !important;
  align-items:center !important;
}
.iceberg-pills-bottom .iceberg-chip{
  width:100% !important;
  min-width:0 !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

/* Desktop: obere Keywords beginnen sichtbar weiter links am Eisberg */
@media(min-width:1281px){
  .iceberg-pills-top{
    width:min(1320px,88%) !important;
  }
}

/* Mittlere Breiten: zweizeilige, aber weiterhin geordnete Verteilung */
@media(max-width:1280px) and (min-width:821px){
  .iceberg-pills-top{
    width:78% !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    row-gap:12px !important;
  }
  .iceberg-pills-bottom{
    width:80% !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    row-gap:12px !important;
  }
}

/* Mobile */
@media(max-width:820px){
  .iceberg-pills-top,
  .iceberg-pills-bottom{
    width:82% !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
}


/* V137: Zitatgestaltung des Methodenschlusses */
.method-fourstep-closing .closing-quote{
  max-width:1100px !important;
  margin:0 auto !important;
  text-align:center !important;
  color:var(--ivory) !important;
  font-family:var(--serif) !important;
  font-size:clamp(2.25rem,4.4vw,4.8rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
}
.method-fourstep-closing .closing-quote span{
  display:inline-block;
}
.method-fourstep-closing .closing-quote em{
  color:var(--yellow) !important;
  font-style:italic !important;
}
@media(max-width:640px){
  .method-fourstep-closing{
    text-align:center !important;
  }
  .method-fourstep-closing .closing-quote{
    font-size:clamp(2rem,10vw,3.25rem) !important;
    line-height:1.12 !important;
  }
}


/* V138: Eisberg Keywords neu geordnet, klar, ausgewogen und ohne Überschneidungen */

/* Die linke Beschriftungszone bleibt vollständig frei. */
.iceberg-pills-top,
.iceberg-pills-bottom{
  left:250px !important;
  right:54px !important;
  width:auto !important;
  transform:none !important;
  padding:0 !important;
  box-sizing:border-box !important;
  z-index:6 !important;
}

/* Oben: 4 Begriffe in Reihe 1, 3 Begriffe mittig darunter */
.iceberg-pills-top{
  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  grid-template-rows:auto auto !important;
  gap:16px 18px !important;
  align-items:center !important;
  top:34.5% !important;
}
.iceberg-pills-top .iceberg-chip:nth-child(1){grid-column:1 / 3;grid-row:1}
.iceberg-pills-top .iceberg-chip:nth-child(2){grid-column:3 / 5;grid-row:1}
.iceberg-pills-top .iceberg-chip:nth-child(3){grid-column:5 / 7;grid-row:1}
.iceberg-pills-top .iceberg-chip:nth-child(4){grid-column:7 / 9;grid-row:1}
.iceberg-pills-top .iceberg-chip:nth-child(5){grid-column:2 / 4;grid-row:2}
.iceberg-pills-top .iceberg-chip:nth-child(6){grid-column:4 / 6;grid-row:2}
.iceberg-pills-top .iceberg-chip:nth-child(7){grid-column:6 / 8;grid-row:2}

/* Unten: 5 Begriffe oben, 4 mittig darunter */
.iceberg-pills-bottom{
  display:grid !important;
  grid-template-columns:repeat(10,minmax(0,1fr)) !important;
  grid-template-rows:auto auto !important;
  gap:16px 18px !important;
  align-items:center !important;
  top:64% !important;
}
.iceberg-pills-bottom .iceberg-chip:nth-child(1){grid-column:1 / 3;grid-row:1}
.iceberg-pills-bottom .iceberg-chip:nth-child(2){grid-column:3 / 5;grid-row:1}
.iceberg-pills-bottom .iceberg-chip:nth-child(3){grid-column:5 / 7;grid-row:1}
.iceberg-pills-bottom .iceberg-chip:nth-child(4){grid-column:7 / 9;grid-row:1}
.iceberg-pills-bottom .iceberg-chip:nth-child(5){grid-column:9 / 11;grid-row:1}
.iceberg-pills-bottom .iceberg-chip:nth-child(6){grid-column:2 / 4;grid-row:2}
.iceberg-pills-bottom .iceberg-chip:nth-child(7){grid-column:4 / 6;grid-row:2}
.iceberg-pills-bottom .iceberg-chip:nth-child(8){grid-column:6 / 8;grid-row:2}
.iceberg-pills-bottom .iceberg-chip:nth-child(9){grid-column:8 / 10;grid-row:2}

/* Jede Ellipse hält Icon und Text sicher zusammen */
.iceberg-pills .iceberg-chip{
  width:100% !important;
  min-width:0 !important;
  min-height:54px !important;
  padding:10px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
.iceberg-pills .iceberg-chip-icon{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
  display:grid !important;
  place-items:center !important;
}
.iceberg-pills .iceberg-chip-icon svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
}
.iceberg-pills .iceberg-chip b{
  min-width:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  text-align:center !important;
  line-height:1.15 !important;
  overflow-wrap:anywhere !important;
}

/* Mittlere Desktopbreiten: linke Labelzone weiterhin schützen */
@media(max-width:1350px) and (min-width:901px){
  .iceberg-pills-top,
  .iceberg-pills-bottom{
    left:220px !important;
    right:36px !important;
  }
  .iceberg-pills .iceberg-chip{
    padding:9px 12px !important;
  }
  .iceberg-pills .iceberg-chip b{
    font-size:.82rem !important;
  }
}

/* Tablet: klare zwei Spalten, Beschriftung darüber, keine Kollisionen */
@media(max-width:900px){
  .iceberg-pills-top,
  .iceberg-pills-bottom{
    left:50% !important;
    right:auto !important;
    width:82% !important;
    transform:translateX(-50%) !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:auto !important;
    gap:10px !important;
  }
  .iceberg-pills-top{
    top:25% !important;
  }
  .iceberg-pills-bottom{
    top:65% !important;
  }
  .iceberg-pills-top .iceberg-chip,
  .iceberg-pills-bottom .iceberg-chip{
    grid-column:auto !important;
    grid-row:auto !important;
  }
}

/* Smartphone: eine Spalte für maximale Lesbarkeit */
@media(max-width:560px){
  .iceberg-pills-top,
  .iceberg-pills-bottom{
    width:76% !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .iceberg-pills .iceberg-chip{
    min-height:46px !important;
  }
}


/* V139: Hero und Opening Typografie stärker inszeniert */
.hero .hero-copy > .label{
  font-size:clamp(1.05rem,1.35vw,1.45rem) !important;
  line-height:1.1 !important;
  letter-spacing:.24em !important;
}

.opening .opening-big{
  font-size:clamp(4rem,6.3vw,7.25rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  max-width:8.7em !important;
}
.opening .opening-big em{
  line-height:inherit !important;
}

@media(max-width:900px){
  .hero .hero-copy > .label{
    font-size:clamp(1rem,2.7vw,1.3rem) !important;
  }
  .opening .opening-big{
    font-size:clamp(3.2rem,9vw,5.4rem) !important;
    line-height:1.08 !important;
    max-width:10em !important;
  }
}
@media(max-width:560px){
  .hero .hero-copy > .label{
    font-size:1rem !important;
    letter-spacing:.18em !important;
  }
  .opening .opening-big{
    font-size:clamp(2.8rem,13vw,4.1rem) !important;
    line-height:1.06 !important;
    max-width:none !important;
  }
}


/* V140: Zitat in FEMULOUS Braun, Akzentwort bleibt Gelb */
.closing-quote{
  color:#593d21 !important;
}
.closing-quote em{
  color:var(--yellow) !important;
}


/* V142: Opening editorial alignment and tighter transition */
.opening{
  padding-top:clamp(88px,7vw,118px) !important;
  padding-bottom:clamp(48px,4vw,66px) !important;
}
.opening .opening-label{
  margin:0 0 34px !important;
}
.opening .opening-grid-aligned{
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr) !important;
  gap:clamp(56px,6vw,92px) !important;
  align-items:stretch !important;
}
.opening .opening-headline{
  display:flex !important;
  align-items:flex-start !important;
  min-width:0;
}
.opening .opening-big{
  margin:0 !important;
  max-width:7.7em !important;
  font-size:clamp(3.9rem,5.55vw,6.55rem) !important;
  line-height:1.075 !important;
}
.opening .situations{
  margin-top:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  min-height:100% !important;
}
.opening .situation{
  flex:1 1 0 !important;
  align-content:center !important;
  padding:22px 0 !important;
}
.opening .situation:first-child{
  padding-top:14px !important;
}
.opening .situation:last-child{
  padding-bottom:14px !important;
}
.opening + .problem-bridge{
  padding-top:clamp(34px,3vw,48px) !important;
  padding-bottom:clamp(42px,3.5vw,58px) !important;
}
@media(max-width:980px){
  .opening .opening-grid-aligned{
    grid-template-columns:1fr !important;
    gap:42px !important;
  }
  .opening .opening-big{
    max-width:10em !important;
  }
  .opening .situations{
    display:block !important;
  }
}
@media(max-width:700px){
  .opening{
    padding-top:72px !important;
    padding-bottom:40px !important;
  }
  .opening .opening-label{
    margin-bottom:24px !important;
  }
  .opening + .problem-bridge{
    padding-top:30px !important;
  }
}


/* V143: Methodenschluss Zitat in Braun, nur "Veränderung" bleibt Gelb */
.method-fourstep-closing .closing-quote{
  color:#593d21 !important;
}
.method-fourstep-closing .closing-quote span{
  color:#593d21 !important;
}
.method-fourstep-closing .closing-quote em{
  color:var(--yellow) !important;
}


/* V144: Health Journey headline and intro copy aligned on the same top line */
.journey-system .journey-intro-grid,
.journey-system .journey-head,
.journey-system .journey-header,
.journey-system .section-head {
  align-items:start !important;
}
.journey-system .journey-intro-grid > *,
.journey-system .journey-head > *,
.journey-system .journey-header > *,
.journey-system .section-head > * {
  margin-top:0 !important;
}

/* Fallback targeted to the two-column intro directly beneath the Health Journey label */
.journey-system .split,
.journey-system .grid-2,
.journey-system .two-col {
  align-items:start !important;
}
.journey-system h2,
.journey-system h3 {
  margin-top:0 !important;
}
.journey-system h2 + p,
.journey-system .lead,
.journey-system .intro {
  margin-top:0 !important;
}



/* V149: Opening text blocks more compact and editorial */
.opening .situation{
  padding-top:14px !important;
  padding-bottom:14px !important;
}
.opening .situation h3{
  font-size:clamp(1.28rem,1.48vw,1.62rem) !important;
  line-height:1.22 !important;
  margin:0 0 12px !important;
  max-width:34em !important;
}
.opening .situation p{
  font-size:clamp(1.02rem,1.08vw,1.18rem) !important;
  line-height:1.48 !important;
  margin:0 !important;
}
.opening .situation .n{
  font-size:clamp(1.45rem,1.65vw,1.8rem) !important;
  line-height:1.1 !important;
  padding-top:2px !important;
}
.opening .situations{
  row-gap:0 !important;
}




.testimonial-attribution-left{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:auto !important;
}



/* V169: kompakter, editorialer Opening-Abschnitt */
.opening{
  padding-top:clamp(76px,5.8vw,96px) !important;
  padding-bottom:clamp(38px,3vw,52px) !important;
}
.opening .opening-label{
  margin-bottom:clamp(24px,2.2vw,34px) !important;
}
.opening .opening-grid-aligned{
  grid-template-columns:minmax(0,42fr) minmax(0,58fr) !important;
  gap:clamp(48px,5vw,82px) !important;
  align-items:start !important;
}
.opening .opening-headline{
  display:block !important;
  align-self:start !important;
}
.opening .opening-big-v169{
  max-width:none !important;
  font-size:clamp(3.35rem,4.7vw,5.65rem) !important;
  line-height:.98 !important;
  letter-spacing:-.038em !important;
}
.opening .opening-big-v169 > span{
  display:block !important;
}
.opening .opening-big-v169 > span + span{
  margin-top:.12em !important;
}
.opening .situations{
  display:block !important;
  min-height:0 !important;
  margin-top:0 !important;
}
.opening .situation{
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
  padding:26px 0 28px !important;
  min-height:0 !important;
}
.opening .situation:first-child{
  padding-top:0 !important;
}
.opening .situation:last-child{
  padding-bottom:0 !important;
}
.opening .situation .n{
  padding-top:.18em !important;
}
.opening .situations .situation h3{
  margin:0 0 12px !important;
  color:#593d21 !important;
  font-size:clamp(1.38rem,1.55vw,1.78rem) !important;
  line-height:1.18 !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
}
.opening .situation p{
  margin:0 !important;
  max-width:62ch !important;
  font-size:clamp(.98rem,1.02vw,1.12rem) !important;
  line-height:1.5 !important;
}
.opening .situation + .situation{
  border-top:1px solid rgba(105,75,50,.24) !important;
}
.opening + .problem-bridge{
  padding-top:clamp(26px,2vw,36px) !important;
}

@media(max-width:980px){
  .opening .opening-grid-aligned{
    grid-template-columns:1fr !important;
    gap:38px !important;
  }
  .opening .opening-big-v169{
    max-width:10em !important;
  }
}
@media(max-width:620px){
  .opening .opening-big-v169{
    font-size:clamp(2.7rem,12vw,4rem) !important;
  }
  .opening .situation{
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:12px !important;
    padding:22px 0 24px !important;
  }
}



/* V170: mehr Luft an oberer und unterer Begrenzungslinie */
.opening .situations{
  padding-top:14px !important;
  padding-bottom:14px !important;
}
.opening .situation:first-child{
  padding-top:16px !important;
}
.opening .situation:last-child{
  padding-bottom:16px !important;
}



/* V174 · STEP 1 · FEMULOUS font foundation
   Cormorant Garamond = Editorial / emotion / positioning
   Titillium Web = body / UI / facts / navigation
   Sizes and spacing intentionally unchanged in this step. */

:root{
  --serif:"Cormorant Garamond", Georgia, serif !important;
  --sans:"Titillium Web","Helvetica Neue",Arial,sans-serif !important;
}

/* Functional typography */
body,
p,
li,
a,
button,
input,
textarea,
select,
.label,
.eyebrow,
.kicker,
nav,
.meta{
  font-family:var(--sans) !important;
}

/* Editorial typography */
h1,
h2,
h3,
h4,
.hero-title,
.opening-big,
.italic,
em{
  font-family:var(--serif) !important;
}

/* Preserve elegant rather than heavy Cormorant Garamond */
h1,h2,h3,h4,
.hero-title,
.opening-big{
  font-weight:400 !important;
}

/* Italic brand emphasis remains true Cormorant Garamond italic */
.italic,
em{
  font-style:italic !important;
  font-weight:400 !important;
}

/* UI should not feel light or fragile */
body{
  font-weight:400 !important;
}
.label,
.eyebrow,
.kicker,
nav a,
button,
.btn,
.textlink{
  font-weight:500 !important;
}



/* =========================================================
   V176 · STEP 2 · HEADLINE HIERARCHY
   Cormorant Garamond throughout the editorial hierarchy.
   Body/UI typography and spacing remain unchanged.
   ========================================================= */

:root{
  --fem-h1:clamp(4.9rem,6.3vw,7.1rem);
  --fem-statement:clamp(4rem,5.15vw,5.8rem);
  --fem-h2:clamp(3.05rem,3.8vw,4.35rem);
  --fem-h3:clamp(1.55rem,1.75vw,1.95rem);

  --fem-lh-h1:.94;
  --fem-lh-statement:.98;
  --fem-lh-h2:1.06;
  --fem-lh-h3:1.20;
}

/* LEVEL 1
   Only the first hero statement gets the largest scale. */
.hero .hero-title{
  font-size:var(--fem-h1) !important;
  line-height:var(--fem-lh-h1) !important;
  letter-spacing:-.038em !important;
  font-weight:400 !important;
}

/* LEVEL 2
   Large emotional / positioning statements.
   Intentionally smaller than the hero. */
.opening .opening-big,
.iceberg-section .iceberg-title,
.belief-shift .belief-title{
  font-size:var(--fem-statement) !important;
  line-height:var(--fem-lh-statement) !important;
  letter-spacing:-.03em !important;
  font-weight:400 !important;
}

/* LEVEL 3
   Standard section headlines across the page.
   This is the default H2 rhythm. */
.problem-bridge h2,
.method-fourstep h2,
.journey-system h2,
.experience h2,
.about-v2 h2,
.trust h2,
.final h2,
.service-building-blocks h2,
.belief-final h2{
  font-size:var(--fem-h2) !important;
  line-height:var(--fem-lh-h2) !important;
  letter-spacing:-.024em !important;
  font-weight:400 !important;
}

/* LEVEL 4
   Subheads, numbered situations, process steps and package titles. */
.opening .situations .situation h3,
.method-step h3,
.journey-nav-title,
.journey-card h3,
.service-building-blocks h3,
.evidence-item h3,
.credential-column h3,
.about-v2-role h3{
  font-size:var(--fem-h3) !important;
  line-height:var(--fem-lh-h3) !important;
  letter-spacing:-.012em !important;
  font-weight:400 !important;
}

/* Keep highlighted Playfair words elegant rather than heavier. */
.hero-title em,
.opening-big em,
h2 em,
h2 .italic,
h3 em,
h3 .italic{
  font-weight:400 !important;
}

/* Protect hierarchy: no H3 should visually approach H2. */
.opening .situations .situation h3,
.method-step h3,
.journey-nav-title,
.service-building-blocks h3,
.evidence-item h3{
  max-width:34ch;
}

/* Tablet */
@media(max-width:980px){
  :root{
    --fem-h1:clamp(4.1rem,9vw,5.7rem);
    --fem-statement:clamp(3.5rem,7.7vw,4.8rem);
    --fem-h2:clamp(2.75rem,6vw,3.8rem);
    --fem-h3:clamp(1.48rem,2.8vw,1.82rem);
  }
}

/* Mobile */
@media(max-width:680px){
  :root{
    --fem-h1:clamp(3.15rem,13.3vw,4.25rem);
    --fem-statement:clamp(2.85rem,11.5vw,3.7rem);
    --fem-h2:clamp(2.35rem,9.5vw,3.1rem);
    --fem-h3:clamp(1.4rem,6.2vw,1.7rem);
  }

  .hero .hero-title{
    line-height:.97 !important;
    letter-spacing:-.03em !important;
  }
  .opening .opening-big,
  .iceberg-section .iceberg-title,
  .belief-shift .belief-title{
    line-height:1.01 !important;
  }
  .problem-bridge h2,
  .method-fourstep h2,
  .journey-system h2,
  .experience h2,
  .about-v2 h2,
  .trust h2,
  .final h2,
  .service-building-blocks h2,
  .belief-final h2{
    line-height:1.08 !important;
  }
}



/* =========================================================
   V178 · STEP 3 · BODY / LEAD / SUPPORTING TEXT
   Cormorant Garamond + Titillium Web retained.
   Headline hierarchy from V177 remains unchanged.
   ========================================================= */

:root{
  --fem-body:17px;
  --fem-body-lg:19px;
  --fem-body-sm:15px;
  --fem-meta:14px;

  --fem-lh-body:1.62;
  --fem-lh-lead:1.58;
  --fem-lh-small:1.55;

  --fem-measure-body:66ch;
  --fem-measure-lead:58ch;
}

/* Standard reading text */
body,
p,
li{
  font-family:var(--sans) !important;
}

p,
.opening .situation p,
.method-step p,
.journey-nav-copy,
.service-card p,
.service-building-blocks p,
.evidence-item p,
.credential-item span,
.about-v2-role-copy p,
.belief-context{
  font-size:var(--fem-body) !important;
  line-height:var(--fem-lh-body) !important;
  font-weight:400 !important;
}

/* Lead copy: visibly more important than body, but never a headline */
.hero .lead,
.method-fourstep-lead,
.journey-system-head > .lead,
.about-v2 .lead,
.trust-context p,
.final .lead,
.belief-search-intro{
  font-size:var(--fem-body-lg) !important;
  line-height:var(--fem-lh-lead) !important;
  font-weight:400 !important;
  max-width:var(--fem-measure-lead) !important;
}

/* Reading measure. Prevent long premium copy from becoming wide grey walls. */
.opening .situation p,
.method-step p,
.journey-nav-copy,
.service-building-blocks p,
.evidence-item p,
.about-v2-role-copy p,
.belief-context{
  max-width:var(--fem-measure-body);
}

/* Supporting / secondary information */
.small,
.caption,
.meta,
.journey-meta,
.testimonial-meta,
.credential-item span,
.credential-subgroup-label{
  font-size:var(--fem-body-sm) !important;
  line-height:var(--fem-lh-small) !important;
}

/* Qualification titles should remain clear, but not shout */
.credential-item strong{
  font-family:var(--sans) !important;
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:600 !important;
}

/* Testimonials: readable prose, not oversized quotation typography */
.testimonial-real p{
  font-family:var(--sans) !important;
  font-size:17px !important;
  line-height:1.68 !important;
}
.testimonial-real p:first-child{
  font-family:var(--serif) !important;
  font-size:clamp(1.65rem,1.9vw,2.05rem) !important;
  line-height:1.22 !important;
  font-weight:400 !important;
}

/* Brown-background prose needs a little more line-height for optical clarity */
.about-v2-role-copy p,
.method-fourstep p,
.trust p{
  line-height:1.66 !important;
}

/* Avoid ultra-light body copy */
p,
li,
.lead{
  font-weight:400 !important;
}

/* Tablet */
@media(max-width:980px){
  :root{
    --fem-body:16.5px;
    --fem-body-lg:18px;
    --fem-body-sm:14.5px;
  }
}

/* Mobile: preserve readability rather than shrinking everything */
@media(max-width:680px){
  :root{
    --fem-body:16px;
    --fem-body-lg:17.5px;
    --fem-body-sm:14px;
    --fem-lh-body:1.6;
    --fem-lh-lead:1.55;
  }
  .credential-item strong{
    font-size:15.5px !important;
  }
  .testimonial-real p{
    font-size:16px !important;
  }
}



/* =========================================================
   V179 · STEP 4 · EYEBROWS / LABELS / NUMBERS
   Goal: consistent orientation, premium restraint, stronger scanability.
   ========================================================= */

:root{
  --fem-label-size:12px;
  --fem-label-letter:.16em;
  --fem-label-line:1.35;
  --fem-number-size:clamp(1.55rem,1.8vw,2rem);
  --fem-number-line:1;
}

/* One consistent system for all section labels */
.label,
.eyebrow,
.kicker,
.about-v2-index,
.credential-subgroup-label,
.journey-type,
.journey-fact-label,
.journey-bar-label{
  font-family:var(--sans) !important;
  font-size:var(--fem-label-size) !important;
  line-height:var(--fem-label-line) !important;
  font-weight:500 !important;
  letter-spacing:var(--fem-label-letter) !important;
  text-transform:uppercase !important;
}

/* Labels above a headline: deliberate spacing, never glued to it */
.section > .wrap > .label,
.hero-copy > .label,
.opening .opening-label,
.iceberg-head .label,
.method-fourstep .label,
.journey-system .label,
.service-building-blocks .label,
.trust .label,
.experience .label,
.about-v2-credentials-head .about-v2-index,
.about-v2-role-title .about-v2-index{
  margin-bottom:28px !important;
}

/* Softer neutral labels on light backgrounds */
.label,
.eyebrow,
.kicker,
.about-v2-index{
  color:#625C57 !important;
}

/* Brown background labels: lighter for contrast, still restrained */
.method-fourstep .label,
.about-v2-role .about-v2-index,
.belief-turn .label,
.dark .label{
  color:rgba(250,247,241,.68) !important;
}

/* Yellow reserved for semantic numbering and selected emphasis, not every label */
.situation .n,
.method-step-number,
.credential-no,
.journey-nav-number,
.evidence-item > span{
  font-family:var(--serif) !important;
  font-size:var(--fem-number-size) !important;
  line-height:var(--fem-number-line) !important;
  font-weight:400 !important;
  font-style:italic !important;
  color:var(--yellow) !important;
  letter-spacing:-.02em !important;
}

/* Number spacing should feel intentional */
.situation .n,
.method-step-number,
.credential-no,
.journey-nav-number{
  padding-top:2px !important;
}

/* Credential section: labels should not compete with qualification titles */
.credential-subgroup-label{
  display:block !important;
  margin-bottom:10px !important;
  color:#625C57 !important;
}

/* Journey micro-labels need enough size to stay readable */
.journey-type,
.journey-fact-label,
.journey-bar-label{
  font-size:11.5px !important;
  letter-spacing:.14em !important;
  color:#625C57 !important;
}

/* Hero keyword row: UI-like, not tiny editorial labels */
.hero .trustline span{
  font-family:var(--sans) !important;
  font-size:12.5px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  letter-spacing:.04em !important;
  text-transform:none !important;
}

/* Mobile */
@media(max-width:680px){
  :root{
    --fem-label-size:11px;
    --fem-label-letter:.14em;
    --fem-number-size:clamp(1.42rem,7vw,1.75rem);
  }

  .section > .wrap > .label,
  .hero-copy > .label,
  .opening .opening-label,
  .iceberg-head .label,
  .method-fourstep .label,
  .journey-system .label,
  .service-building-blocks .label,
  .trust .label,
  .experience .label,
  .about-v2-credentials-head .about-v2-index,
  .about-v2-role-title .about-v2-index{
    margin-bottom:22px !important;
  }

  .hero .trustline span{
    font-size:12px !important;
  }
}



/* =========================================================
   V180 · STEP 5 · SPACING & VERTICAL RHYTHM
   Goal: premium rhythm through consistent relationships.
   Typography from V179 remains unchanged.
   Base: 8px spacing system.
   ========================================================= */

:root{
  --sp-1:8px;
  --sp-2:16px;
  --sp-3:24px;
  --sp-4:32px;
  --sp-5:48px;
  --sp-6:64px;
  --sp-7:80px;
  --sp-8:96px;
  --sp-9:120px;
  --sp-10:144px;

  --section-y:clamp(96px,8vw,136px);
  --section-y-tight:clamp(72px,6vw,104px);
  --section-y-small:clamp(56px,4.5vw,80px);

  --gap-label-headline:28px;
  --gap-headline-lead:24px;
  --gap-lead-action:32px;
  --gap-content-block:48px;
}

/* ---------- GLOBAL SECTION RHYTHM ---------- */
/* Main editorial chapters */
.section,
.method-fourstep,
.journey-system,
.service-building-blocks,
.trust,
.experience,
.about-v2{
  padding-top:var(--section-y) !important;
  padding-bottom:var(--section-y) !important;
}

/* Short transitions should not feel like full chapters */
.problem-bridge,
.belief-turn,
.belief-final{
  padding-top:var(--section-y-tight) !important;
  padding-bottom:var(--section-y-tight) !important;
}

/* Hero gets its own deliberate rhythm */
.hero{
  padding-top:clamp(112px,10vw,160px) !important;
  padding-bottom:clamp(88px,7vw,120px) !important;
}

/* ---------- INTERNAL CONTENT RELATIONSHIPS ---------- */

/* Eyebrow / label → headline */
.hero-copy > .label,
.opening .opening-label,
.iceberg-head > .label,
.method-fourstep .label,
.journey-system .label,
.service-building-blocks .label,
.trust .label,
.experience .label,
.about-v2-credentials-head .about-v2-index,
.about-v2-role-title .about-v2-index{
  margin-bottom:var(--gap-label-headline) !important;
}

/* Headline → lead / introductory copy */
.hero-title + .lead,
.opening-big + p,
.iceberg-title + p,
.method-fourstep h2 + .method-fourstep-lead,
.journey-system h2 + .lead,
.service-building-blocks h2 + p,
.trust h2 + .trust-context,
.experience h2 + p,
.about-v2 h2 + p,
.final h2 + .lead{
  margin-top:var(--gap-headline-lead) !important;
}

/* Lead → actions */
.hero .lead + .btnrow,
.final .lead + .btnrow{
  margin-top:var(--gap-lead-action) !important;
}

/* ---------- HERO ---------- */
.hero .btnrow{
  margin-top:var(--sp-4) !important;
}
.hero .trustline{
  margin-top:var(--sp-5) !important;
}
.hero-media{
  align-self:stretch !important;
}

/* ---------- RECOGNITION ---------- */
.opening{
  padding-top:var(--section-y-tight) !important;
  padding-bottom:var(--section-y-tight) !important;
}
.opening-grid-aligned{
  gap:clamp(56px,6vw,96px) !important;
}
.opening .situations{
  padding-top:16px !important;
  padding-bottom:16px !important;
}
.opening .situation{
  padding:30px 0 32px !important;
}
.opening .situation:first-child{
  padding-top:22px !important;
}
.opening .situation:last-child{
  padding-bottom:22px !important;
}
.opening .situation h3{
  margin-bottom:12px !important;
}

/* ---------- REFRAMING / ICEBERG ---------- */
.problem-bridge{
  padding-top:var(--section-y-small) !important;
  padding-bottom:var(--section-y-small) !important;
}
.problem-bridge h2{
  margin-bottom:0 !important;
}
.iceberg-section{
  padding-top:var(--section-y) !important;
  padding-bottom:var(--section-y) !important;
}
.iceberg-head{
  margin-bottom:var(--sp-6) !important;
}

/* ---------- BELIEF SHIFT ---------- */
.belief-search-intro{
  margin-bottom:var(--sp-5) !important;
}
.belief-assumptions-expanded{
  margin-top:var(--sp-4) !important;
  margin-bottom:var(--sp-5) !important;
}
.belief-assumptions-expanded p{
  margin:0 !important;
  padding:18px 0 !important;
}
.belief-context{
  margin-top:var(--sp-4) !important;
}
.belief-final h2{
  margin-bottom:var(--sp-3) !important;
}

/* ---------- METHOD ---------- */
.method-fourstep-grid{
  row-gap:var(--sp-6) !important;
}
.method-fourstep-lead{
  margin-top:var(--sp-3) !important;
}
.method-steps{
  margin-top:var(--sp-6) !important;
}
.method-step{
  padding-top:var(--sp-4) !important;
  padding-bottom:var(--sp-4) !important;
}
.method-step h3{
  margin-top:var(--sp-2) !important;
  margin-bottom:12px !important;
}

/* ---------- SERVICE / BUILDING BLOCKS ---------- */
.service-building-blocks .service-grid,
.service-building-blocks .cards,
.service-building-blocks .service-cards{
  margin-top:var(--sp-6) !important;
}
.service-card{
  padding:var(--sp-4) !important;
}
.service-card h3{
  margin-bottom:12px !important;
}

/* ---------- HEALTH JOURNEYS ---------- */
.journey-system-head{
  margin-bottom:var(--sp-6) !important;
}
.journey-nav{
  margin-top:var(--sp-5) !important;
}
.journey-nav-row{
  padding-top:26px !important;
  padding-bottom:26px !important;
}
.journey-nav-title{
  margin-bottom:8px !important;
}
.journey-system .btnrow,
.journey-system .journey-actions{
  margin-top:var(--sp-5) !important;
}

/* ---------- EXPERIENCES ---------- */
.experience .experience-head,
.experience .section-head{
  margin-bottom:var(--sp-6) !important;
}
.testimonial-real{
  padding-top:var(--sp-5) !important;
  padding-bottom:var(--sp-5) !important;
}
.testimonial-real p + p{
  margin-top:var(--sp-3) !important;
}
.testimonial-meta-grid{
  margin-top:var(--sp-5) !important;
}

/* ---------- ABOUT / QUALIFICATIONS ---------- */
.about-v2-credentials-head{
  margin-bottom:var(--sp-6) !important;
}
.credential-grid{
  margin-top:0 !important;
}
.credential-column{
  padding:38px 34px !important;
}
.credential-column h3{
  margin-top:var(--sp-2) !important;
  margin-bottom:var(--sp-4) !important;
}
.credential-item{
  padding:16px 0 !important;
}
.credential-subgroup{
  margin-top:var(--sp-4) !important;
}
.credential-small-photo{
  padding-top:var(--sp-4) !important;
}
.about-v2-role{
  margin-top:var(--section-y-small) !important;
}
.about-v2-role-copy > * + *{
  margin-top:var(--sp-4) !important;
}

/* ---------- TRUST ---------- */
.trust-grid{
  gap:clamp(64px,7vw,112px) !important;
}
.evidence-item{
  padding:30px 0 !important;
}
.evidence-item h3{
  margin-bottom:10px !important;
}

/* ---------- FINAL CTA ---------- */
.final{
  padding-top:clamp(104px,9vw,152px) !important;
  padding-bottom:clamp(104px,9vw,152px) !important;
}
.final .btnrow{
  margin-top:var(--sp-4) !important;
}

/* ---------- MOBILE RHYTHM ---------- */
@media(max-width:980px){
  :root{
    --section-y:clamp(80px,10vw,112px);
    --section-y-tight:clamp(64px,8vw,88px);
    --section-y-small:56px;
  }
  .opening-grid-aligned,
  .trust-grid{
    gap:var(--sp-5) !important;
  }
}

@media(max-width:680px){
  :root{
    --section-y:72px;
    --section-y-tight:60px;
    --section-y-small:48px;
    --gap-label-headline:22px;
    --gap-headline-lead:18px;
    --gap-lead-action:28px;
  }

  .hero{
    padding-top:96px !important;
    padding-bottom:72px !important;
  }

  .opening .situation{
    padding:24px 0 26px !important;
  }
  .opening .situation:first-child{
    padding-top:18px !important;
  }
  .opening .situation:last-child{
    padding-bottom:18px !important;
  }

  .iceberg-head,
  .journey-system-head,
  .about-v2-credentials-head,
  .experience .experience-head,
  .experience .section-head{
    margin-bottom:var(--sp-5) !important;
  }

  .method-steps,
  .service-building-blocks .service-grid,
  .service-building-blocks .cards,
  .service-building-blocks .service-cards{
    margin-top:var(--sp-5) !important;
  }

  .credential-column{
    padding:32px 24px !important;
  }

  .final{
    padding-top:80px !important;
    padding-bottom:80px !important;
  }
}



/* V181 · Section review 01 · Symptom / iceberg titles
   These are primary scan anchors inside the visual and need more presence. */
.iceberg-section .symptom-title,
.iceberg-section .iceberg-symptom h3,
.iceberg-section .symptom-card h3,
.iceberg-section .symptom-item h3,
.iceberg-section .iceberg-keyword-title,
.iceberg-section h3{
  font-family:var(--serif) !important;
  font-size:clamp(1.9rem,2.25vw,2.55rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.018em !important;
  font-weight:400 !important;
  color:#593d21 !important;
  margin-bottom:10px !important;
}

/* Descriptions stay clearly subordinate */
.iceberg-section .symptom-copy,
.iceberg-section .iceberg-symptom p,
.iceberg-section .symptom-card p,
.iceberg-section .symptom-item p{
  font-family:var(--sans) !important;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}

/* Mobile: still prominent, but controlled */
@media(max-width:680px){
  .iceberg-section .symptom-title,
  .iceberg-section .iceberg-symptom h3,
  .iceberg-section .symptom-card h3,
  .iceberg-section .symptom-item h3,
  .iceberg-section .iceberg-keyword-title,
  .iceberg-section h3{
    font-size:clamp(1.7rem,8vw,2.1rem) !important;
    line-height:1.1 !important;
  }
}



/* V182 · Symptom titles: stronger visual anchor */
.iceberg-section .symptom-title,
.iceberg-section .iceberg-symptom h3,
.iceberg-section .symptom-card h3,
.iceberg-section .symptom-item h3,
.iceberg-section .iceberg-keyword-title,
.iceberg-section h3{
  font-size:clamp(2.55rem,3.15vw,3.55rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
  margin-bottom:12px !important;
}
@media(max-width:680px){
  .iceberg-section .symptom-title,
  .iceberg-section .iceberg-symptom h3,
  .iceberg-section .symptom-card h3,
  .iceberg-section .symptom-item h3,
  .iceberg-section .iceberg-keyword-title,
  .iceberg-section h3{
    font-size:clamp(2.15rem,10vw,2.75rem) !important;
    line-height:1.04 !important;
  }
}



/* V183 · Corrected selector for the actual symptom cards in the recognition section */
.recognition .recognition-item h3{
  font-family:var(--serif) !important;
  font-size:clamp(2.35rem,2.85vw,3.2rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.022em !important;
  font-weight:400 !important;
  color:#593d21 !important;
  margin:0 0 12px !important;
}
.recognition .recognition-item p{
  font-family:var(--sans) !important;
  font-size:16.5px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}
@media(max-width:680px){
  .recognition .recognition-item h3{
    font-size:clamp(2rem,9.5vw,2.6rem) !important;
    line-height:1.06 !important;
  }
}



/* V184 · Iceberg side labels: stronger orientation hierarchy */
.iceberg-section .iceberg-side-label strong{
  font-family:var(--sans) !important;
  font-size:clamp(1.05rem,1.18vw,1.28rem) !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
}
.iceberg-section .iceberg-side-label em{
  display:block !important;
  margin-top:8px !important;
  font-family:var(--serif) !important;
  font-size:clamp(1.7rem,2vw,2.2rem) !important;
  line-height:1.08 !important;
  font-weight:400 !important;
  letter-spacing:-.018em !important;
}
.iceberg-section .iceberg-side-label{
  gap:14px !important;
}
.iceberg-section .iceberg-side-dot{
  width:10px !important;
  height:10px !important;
  flex:0 0 10px !important;
}
@media(max-width:680px){
  .iceberg-section .iceberg-side-label strong{
    font-size:.95rem !important;
  }
  .iceberg-section .iceberg-side-label em{
    font-size:clamp(1.45rem,7vw,1.85rem) !important;
  }
}



/* V185 · Consistent yellow semantic accents in key headlines */
.iceberg-head .iceberg-emphasis,
.belief-editorial-left h2 .italic,
.method-fourstep > .wrap > h2 .italic,
.method-fourstep-closing .closing-quote em,
.testimonials h2 .italic{
  color:var(--yellow) !important;
}



/* V186 · FEMULOUS role statement: elevate from footnote to strategic bridge */
.belief-red-thread-signature{
  display:grid !important;
  grid-template-columns:minmax(190px,.42fr) minmax(0,1.58fr) !important;
  gap:clamp(40px,5vw,78px) !important;
  align-items:start !important;
  padding-top:44px !important;
  padding-bottom:48px !important;
  margin-top:28px !important;
  border-top:1px solid rgba(105,75,50,.24) !important;
  border-bottom:1px solid rgba(105,75,50,.24) !important;
}

.belief-red-thread-signature .belief-red-thread-label{
  font-family:var(--sans) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:#593d21 !important;
  padding-top:9px !important;
}

.belief-red-thread-signature p{
  margin:0 !important;
  max-width:24ch !important;
  font-family:var(--serif) !important;
  font-size:clamp(2.35rem,3vw,3.45rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  font-weight:400 !important;
  color:#593d21 !important;
}

@media(max-width:760px){
  .belief-red-thread-signature{
    grid-template-columns:1fr !important;
    gap:20px !important;
    padding-top:34px !important;
    padding-bottom:36px !important;
  }
  .belief-red-thread-signature .belief-red-thread-label{
    padding-top:0 !important;
  }
  .belief-red-thread-signature p{
    max-width:18ch !important;
    font-size:clamp(2.05rem,9vw,2.75rem) !important;
  }
}



/* V187 · Problem bridge: rebalance intro sentence vs. core statement */
.problem-bridge .wrap > p{
  font-family:var(--sans) !important;
  font-size:clamp(1.3rem,1.55vw,1.65rem) !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  color:#593d21 !important;
  max-width:46ch !important;
  margin:0 0 24px !important;
}

.problem-bridge .wrap > h3{
  font-family:var(--serif) !important;
  font-size:clamp(2.7rem,3.45vw,3.9rem) !important;
  line-height:1.06 !important;
  letter-spacing:-.025em !important;
  font-weight:400 !important;
  font-style:italic !important;
  color:#593d21 !important;
  max-width:20ch !important;
  margin:0 !important;
}

@media(max-width:680px){
  .problem-bridge .wrap > p{
    font-size:1.16rem !important;
    line-height:1.5 !important;
    margin-bottom:20px !important;
  }
  .problem-bridge .wrap > h3{
    font-size:clamp(2.25rem,10vw,3rem) !important;
    line-height:1.08 !important;
  }
}



/* V188 · Brand word in editorial text */
.femulous-wordmark-text{
  color:var(--yellow) !important;
}

/* Keep FEMULOUS typographically integrated with its surrounding sentence */
p .femulous-wordmark-text,
h1 .femulous-wordmark-text,
h2 .femulous-wordmark-text,
h3 .femulous-wordmark-text,
h4 .femulous-wordmark-text,
li .femulous-wordmark-text,
span .femulous-wordmark-text{
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  font-style:inherit !important;
  letter-spacing:inherit !important;
}



/* V190 · Problem bridge: centered, readable editorial transition */
.problem-bridge{
  text-align:center !important;
}

.problem-bridge .wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.problem-bridge .wrap > p{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto 26px !important;
  padding:0 !important;
  text-align:center !important;
  font-family:var(--sans) !important;
  font-size:clamp(1.35rem,1.6vw,1.7rem) !important;
  line-height:1.48 !important;
  font-weight:400 !important;
  color:#593d21 !important;
}

.problem-bridge .wrap > h3{
  width:100% !important;
  max-width:900px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  font-family:var(--serif) !important;
  font-size:clamp(2.75rem,3.45vw,3.9rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  font-weight:400 !important;
  font-style:italic !important;
  color:#593d21 !important;
}

@media(max-width:680px){
  .problem-bridge .wrap > p{
    max-width:32ch !important;
    font-size:1.16rem !important;
    line-height:1.5 !important;
    margin-bottom:20px !important;
  }
  .problem-bridge .wrap > h3{
    max-width:18ch !important;
    font-size:clamp(2.2rem,9.5vw,2.9rem) !important;
    line-height:1.08 !important;
  }
}



/* V191 · Integrate the transition into the preceding editorial section */
.opening-transition-integrated{
  margin-top:clamp(58px,6vw,88px) !important;
  padding-top:clamp(30px,3vw,42px) !important;
  padding-bottom:4px !important;
  text-align:left !important;
}

.opening-transition-line{
  width:100% !important;
  height:1px !important;
  background:rgba(105,75,50,.22) !important;
  margin-bottom:clamp(28px,3vw,40px) !important;
}

.opening-transition-kicker{
  max-width:760px !important;
  margin:0 0 16px !important;
  font-family:var(--sans) !important;
  font-size:clamp(1.12rem,1.3vw,1.32rem) !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  color:#593d21 !important;
}

.opening-transition-kicker strong{
  font-weight:600 !important;
}

.opening-transition-statement{
  max-width:900px !important;
  margin:0 !important;
  font-family:var(--serif) !important;
  font-size:clamp(2.65rem,3.35vw,3.8rem) !important;
  line-height:1.06 !important;
  letter-spacing:-.025em !important;
  font-weight:400 !important;
  color:#593d21 !important;
}

.opening-transition-statement em{
  font-style:italic !important;
}

@media(max-width:680px){
  .opening-transition-integrated{
    margin-top:48px !important;
    padding-top:28px !important;
  }
  .opening-transition-kicker{
    font-size:1.05rem !important;
    max-width:31ch !important;
  }
  .opening-transition-statement{
    font-size:clamp(2.15rem,9.5vw,2.85rem) !important;
    max-width:18ch !important;
  }
}



/* V192 · Unified compact premium spacing system
   Goal: noticeably less vertical scrolling while preserving editorial calm. */

:root{
  --fem-section-y:clamp(64px,5.5vw,80px);
  --fem-section-y-tight:clamp(48px,4.3vw,64px);
  --fem-section-y-compact:clamp(36px,3.3vw,48px);
  --fem-group-gap:clamp(32px,3vw,44px);
}

/* Main page sections */
main > section,
.section,
.recognition,
.iceberg-section,
.method,
.service-building-blocks,
.journeys,
.testimonials,
.about,
.trust,
.final-cta{
  padding-top:var(--fem-section-y) !important;
  padding-bottom:var(--fem-section-y) !important;
}

/* Sections that function more as transitions than chapters */
.opening,
.problem-bridge,
.belief-shift,
.belief-editorial,
.belief-red-thread-signature,
.method-fourstep-closing{
  padding-top:var(--fem-section-y-tight) !important;
  padding-bottom:var(--fem-section-y-tight) !important;
}

/* Hero remains generous, but no longer oversized */
.hero{
  padding-top:clamp(88px,8vw,112px) !important;
  padding-bottom:clamp(64px,6vw,88px) !important;
}

/* Consistent internal rhythm */
.label{
  margin-bottom:20px !important;
}

h1 + .lead,
h2 + .lead,
h2 + p,
.section h2 + p{
  margin-top:20px !important;
}

.btnrow,
.hero .btnrow{
  margin-top:28px !important;
}

/* Content clusters */
.recognition-grid,
.method-fourstep-grid,
.method-fourstep-steps,
.service-grid,
.journey-grid,
.qualifications-grid,
.testimonial-real,
.trust-grid{
  margin-top:var(--fem-group-gap) !important;
}

/* Opening section: keep the integrated conclusion close to the content */
.opening-transition-integrated{
  margin-top:clamp(38px,3.5vw,52px) !important;
  padding-top:clamp(24px,2.2vw,30px) !important;
  padding-bottom:0 !important;
}

.opening-transition-line{
  margin-bottom:clamp(22px,2vw,28px) !important;
}

.opening-transition-kicker{
  margin-bottom:14px !important;
}

/* Iceberg: reduce distance from section heading to visual */
.iceberg-head{
  margin-bottom:clamp(36px,3.5vw,50px) !important;
}
.iceberg-scene{
  margin-top:0 !important;
}

/* Belief / perspective area */
.belief-editorial-balance{
  margin-top:clamp(34px,3vw,44px) !important;
}
.belief-red-thread-signature{
  margin-top:clamp(20px,2vw,28px) !important;
  padding-top:32px !important;
  padding-bottom:34px !important;
}

/* Method and service sections */
.method-fourstep-intro{
  margin-bottom:clamp(32px,3vw,44px) !important;
}
.method-fourstep-closing{
  margin-top:clamp(40px,3.8vw,56px) !important;
}

/* Journeys / testimonials / trust */
.journeys .section-head,
.testimonials .section-head,
.trust .section-head{
  margin-bottom:clamp(32px,3vw,44px) !important;
}

/* Prevent compounded whitespace where adjacent sections already carry padding */
section + section{
  margin-top:0 !important;
}

/* Mobile: noticeably tighter while retaining readability */
@media(max-width:680px){
  :root{
    --fem-section-y:52px;
    --fem-section-y-tight:40px;
    --fem-section-y-compact:32px;
    --fem-group-gap:28px;
  }

  .hero{
    padding-top:76px !important;
    padding-bottom:56px !important;
  }

  .label{
    margin-bottom:16px !important;
  }

  .opening-transition-integrated{
    margin-top:34px !important;
    padding-top:22px !important;
  }

  .opening-transition-line{
    margin-bottom:20px !important;
  }

  .iceberg-head{
    margin-bottom:32px !important;
  }

  .belief-red-thread-signature{
    padding-top:28px !important;
    padding-bottom:30px !important;
  }
}



/* V193 · Remove standalone role panel and keep the role message integrated on ivory */
.belief-red-thread-signature{
  display:none !important;
}

.belief-self-efficacy,
.belief-self-efficacy .wrap,
.belief-self-efficacy-copy,
.belief-self-efficacy-copy p{
  background:#FAF7F1 !important;
}

.belief-self-efficacy-copy p{
  color:#593d21 !important;
}

/* Preserve FEMULOUS as the brand accent within the brown paragraph */
.belief-self-efficacy-copy .femulous-wordmark-text{
  color:var(--yellow) !important;
}



/* V194 · Lower-page spacing audit
   Reduces compounded whitespace from Method onward without flattening hierarchy. */

/* ---------- METHOD ---------- */
.section.method.method-fourstep{
  padding-top:clamp(56px,4.8vw,72px) !important;
  padding-bottom:clamp(56px,4.8vw,72px) !important;
}

.method-fourstep-grid{
  gap:clamp(34px,4vw,52px) !important;
  row-gap:clamp(34px,4vw,48px) !important;
}

.method-fourstep-intro{
  margin-bottom:0 !important;
}

.method-fourstep-steps{
  margin-top:0 !important;
}

.method-fourstep-closing.method-fourstep-closing-photo{
  margin-top:0 !important;
  min-height:clamp(440px,38vw,560px) !important;
}

/* ---------- LEISTUNGSBAUSTEINE ---------- */
.service-building-blocks{
  padding-top:clamp(56px,4.8vw,72px) !important;
  padding-bottom:clamp(52px,4.5vw,68px) !important;
}

.service-building-blocks .label{
  margin-bottom:18px !important;
}

.service-building-blocks h2{
  margin-bottom:clamp(30px,3vw,40px) !important;
}

.service-block-grid{
  margin-top:0 !important;
}

/* ---------- HEALTH JOURNEYS ---------- */
.journeys,
section[id="journeys"]{
  padding-top:clamp(58px,5vw,76px) !important;
  padding-bottom:clamp(58px,5vw,76px) !important;
}

.journey-list{
  margin-top:clamp(30px,3vw,40px) !important;
}

/* ---------- TRANSFORMATION / REWARD ---------- */
.transform{
  padding:0 !important;
}

.transform-grid{
  min-height:clamp(590px,48vw,680px) !important;
}

.transform-media{
  min-height:clamp(590px,48vw,680px) !important;
}

.transform-copy{
  padding:clamp(46px,4.5vw,64px) clamp(42px,4.8vw,72px) !important;
}

.transform-closing-thought{
  margin-top:clamp(28px,2.8vw,38px) !important;
  padding-top:20px !important;
}

/* ---------- TESTIMONIAL / EXPERIENCE ---------- */
.section.testimonials{
  padding-top:clamp(56px,4.8vw,72px) !important;
  padding-bottom:clamp(56px,4.8vw,72px) !important;
}

.testimonials .label{
  margin-bottom:18px !important;
}

.testimonials h2{
  margin-bottom:0 !important;
}

.testimonial-real{
  margin-top:clamp(26px,2.5vw,34px) !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.testimonial-real > p{
  margin-bottom:18px !important;
}

.testimonial-meta-grid{
  margin-top:clamp(28px,2.8vw,38px) !important;
}

/* ---------- FOUNDER / ABOUT ---------- */
.founder-story.founder-story-v2{
  padding-top:clamp(60px,5vw,78px) !important;
  padding-bottom:clamp(60px,5vw,78px) !important;
}

.founder-story-v2 > .wrap > .label{
  margin-bottom:clamp(30px,3vw,40px) !important;
}

.about-v2-chapter{
  padding-top:clamp(44px,4vw,58px) !important;
  padding-bottom:clamp(44px,4vw,58px) !important;
  gap:clamp(36px,4.5vw,64px) !important;
}

.about-v2-statement{
  margin-top:clamp(26px,2.6vw,36px) !important;
  margin-bottom:clamp(34px,3.2vw,46px) !important;
}

.about-v2-credentials{
  padding-top:clamp(46px,4vw,60px) !important;
  padding-bottom:clamp(46px,4vw,60px) !important;
}

.about-v2-role{
  margin-bottom:clamp(38px,3.5vw,50px) !important;
}

/* ---------- TRUST ---------- */
.section.trust,
.trust{
  padding-top:clamp(58px,5vw,76px) !important;
  padding-bottom:clamp(58px,5vw,76px) !important;
}

.trust-grid{
  gap:clamp(44px,5vw,68px) !important;
  margin-top:clamp(30px,3vw,42px) !important;
}

.trust-context{
  margin-top:clamp(26px,2.8vw,38px) !important;
}

/* Avoid extra blank bands between consecutive lower-page chapters. */
.method-fourstep + .service-building-blocks,
.service-building-blocks + section,
.transform + .testimonials,
.testimonials + .founder-story{
  margin-top:0 !important;
}

/* Laptop-sized screens: tighten further, since vertical viewport is limited. */
@media (min-width:900px) and (max-height:900px){
  .section.method.method-fourstep,
  .service-building-blocks,
  .journeys,
  section[id="journeys"],
  .section.testimonials,
  .founder-story.founder-story-v2,
  .section.trust,
  .trust{
    padding-top:54px !important;
    padding-bottom:54px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo{
    min-height:440px !important;
  }

  .transform-grid,
  .transform-media{
    min-height:570px !important;
  }
}

/* Mobile */
@media(max-width:680px){
  .section.method.method-fourstep,
  .service-building-blocks,
  .journeys,
  section[id="journeys"],
  .section.testimonials,
  .founder-story.founder-story-v2,
  .section.trust,
  .trust{
    padding-top:46px !important;
    padding-bottom:46px !important;
  }

  .method-fourstep-grid{
    row-gap:30px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo{
    min-height:400px !important;
  }

  .transform-grid{
    min-height:0 !important;
  }

  .transform-media{
    min-height:105vw !important;
  }

  .transform-copy{
    padding:44px 24px 50px !important;
  }

  .about-v2-chapter{
    padding-top:38px !important;
    padding-bottom:38px !important;
  }
}



/* V195 · Correct self-efficacy color split
   Only the headline/header remains on brown.
   The explanatory copy below is brown typography on ivory. */

/* Body/copy containers below the brown headline */
.belief-self-efficacy .belief-self-efficacy-copy,
.belief-self-efficacy .belief-self-efficacy-copy-wrap,
.belief-self-efficacy .belief-self-efficacy-body,
.belief-self-efficacy .belief-self-efficacy-content,
.belief-self-efficacy .belief-copy,
.belief-self-efficacy-copy{
  background:#FAF7F1 !important;
  background-color:#FAF7F1 !important;
  color:#593d21 !important;
}

/* In case the brown background is inherited from a parent, create an ivory copy panel */
.belief-self-efficacy-copy{
  position:relative !important;
  z-index:1 !important;
  padding-top:clamp(34px,3vw,44px) !important;
  padding-bottom:clamp(34px,3vw,44px) !important;
}

.belief-self-efficacy-copy::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  top:0 !important;
  bottom:0 !important;
  left:50% !important;
  width:100vw !important;
  transform:translateX(-50%) !important;
  background:#FAF7F1 !important;
}

/* Requested paragraph styling */
.belief-self-efficacy-copy p{
  color:#593d21 !important;
  background:transparent !important;
}

/* FEMULOUS remains the yellow brand accent */
.belief-self-efficacy-copy .femulous-wordmark-text{
  color:var(--yellow) !important;
}



.testimonial-real{max-width:980px;margin-top:34px}
.testimonial-real>p{font-size:clamp(20px,1.45vw,27px);line-height:1.55;margin:0 0 22px}
.testimonial-real>p:first-of-type.testimonial-case-index{
  font-family:var(--sans);
  font-size:12px;
  line-height:1.4;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:22px;
}
.testimonial-real>p:nth-of-type(2){font-family:inherit;font-size:clamp(25px,1.8vw,34px);margin-bottom:16px}
.testimonial-meta-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:44px;border-top:1px solid rgba(105,75,50,.22);padding-top:26px;margin-top:34px}
.testimonial-meta-grid .eyebrow{display:block;font-size:12px;letter-spacing:.18em;margin-bottom:8px}
.testimonial-meta-grid p{margin:0;font-size:17px;line-height:1.45}
@media(max-width:760px){.testimonial-meta-grid{grid-template-columns:1fr;gap:20px}.testimonial-real>p{font-size:19px}}



.qualifications-photo-placeholder{
  width:min(1320px, calc(100% - 64px));
  height:clamp(260px, 28vw, 430px);
  margin:34px auto 42px;
  border:1px solid rgba(105,75,50,.22);
  border-radius:26px;
  background:linear-gradient(135deg,rgba(231,221,201,.38),rgba(250,247,241,.88));
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.qualifications-photo-placeholder__inner{
  text-align:center;
  color:#593d21;
}
.qualifications-photo-placeholder__label{
  display:block;
  font-size:13px;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.qualifications-photo-placeholder__hint{
  display:block;
  font-size:17px;
  opacity:.65;
}
@media(max-width:760px){
  .qualifications-photo-placeholder{
    width:calc(100% - 32px);
    height:280px;
    margin:24px auto 30px;
    border-radius:20px;
  }
}

/* V154: Hintergrundfoto-Platzhalter hinter dem Methodenzitat */
.method-fourstep-closing.method-fourstep-closing-photo{
  position:relative !important;
  min-height:clamp(430px,36vw,620px) !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#E7DDC9 !important;
}
.method-closing-photo-placeholder{
  position:absolute;
  inset:0;
  z-index:0;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:26px 34px;
  box-sizing:border-box;
  background:
    linear-gradient(135deg,rgba(250,247,241,.28),rgba(105,75,50,.08)),
    #E7DDC9;
  border-top:1px solid rgba(105,75,50,.16);
  border-bottom:1px solid rgba(105,75,50,.16);
}
.method-closing-photo-placeholder::before,
.method-closing-photo-placeholder::after{
  content:"";
  position:absolute;
  inset:26px;
  border:1px dashed rgba(105,75,50,.22);
  pointer-events:none;
}
.method-closing-photo-placeholder::after{
  inset:50% auto auto 50%;
  width:72px;
  height:72px;
  transform:translate(-50%,-50%) rotate(45deg);
  border-radius:10px;
}
.method-closing-photo-placeholder span{
  position:relative;
  z-index:1;
  color:rgba(105,75,50,.52);
  font-family:var(--sans);
  font-size:.65rem;
  letter-spacing:.18em;
}
.method-closing-photo-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(105,75,50,.44),rgba(105,75,50,.25));
}
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  position:relative;
  z-index:2;
  max-width:1050px !important;
  margin:0 auto !important;
  padding:clamp(60px,7vw,110px) 42px !important;
  color:#FAF7F1 !important;
  text-align:center !important;
  text-shadow:0 2px 18px rgba(41,27,17,.18);
}
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote span{
  color:#FAF7F1 !important;
}
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
  color:var(--yellow) !important;
}
@media(max-width:700px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    min-height:390px !important;
  }
  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    padding:58px 24px !important;
  }
}


/* V155: echtes Hintergrundfoto im Methodenzitat */
.method-closing-photo-placeholder.method-closing-photo-real{
  background-size:cover !important;
  background-position:center 38% !important;
  background-repeat:no-repeat !important;
  border:0 !important;
}
.method-closing-photo-placeholder.method-closing-photo-real::before,
.method-closing-photo-placeholder.method-closing-photo-real::after{display:none !important;}
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-overlay{
  background:linear-gradient(90deg,rgba(56,38,24,.43),rgba(56,38,24,.30)) !important;
}

/* V156: Hintergrundportrait deutlich weniger gezoomt, Motiv weitgehend sichtbar */
.method-fourstep-closing.method-fourstep-closing-photo{
  min-height:clamp(620px,52vw,820px) !important;
}
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-placeholder{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#593d21 !important;
}
@media(max-width:900px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    min-height:clamp(560px,90vw,760px) !important;
  }
  .method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-placeholder{
    background-size:contain !important;
    background-position:center center !important;
  }
}


/* V157: Schlussstatement im Benefits-Abschnitt doppelt so groß */
.benefit-closing-large{
  font-size:2em !important;
  line-height:1.42 !important;
}


/* V158: Qualifikationen mit editorialem Fotofeld unter Säule 02 und 03 */
.credential-grid.credential-grid-editorial{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr) !important;
  align-items:stretch !important;
}
.credential-grid-editorial > .credential-column-health{
  min-width:0;
}
.credential-editorial-right{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.credential-editorial-top{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.credential-editorial-top > .credential-column{
  min-width:0;
  height:auto !important;
}
.qualifications-photo-placeholder.qualifications-photo-placeholder-editorial{
  width:auto !important;
  height:auto !important;
  min-height:clamp(250px,19vw,330px) !important;
  flex:1 1 auto;
  margin:0 34px 34px !important;
  border-radius:18px !important;
  border:1px solid rgba(105,75,50,.18) !important;
  background:
    linear-gradient(135deg,rgba(231,221,201,.72),rgba(250,247,241,.96)) !important;
  position:relative;
}
.qualifications-photo-placeholder-editorial::before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px dashed rgba(105,75,50,.18);
  border-radius:11px;
}
.qualifications-photo-placeholder-editorial .qualifications-photo-placeholder__inner{
  position:relative;
  z-index:1;
}
@media(max-width:900px){
  .credential-grid.credential-grid-editorial{
    grid-template-columns:1fr !important;
  }
  .credential-editorial-top{
    grid-template-columns:1fr;
  }
  .qualifications-photo-placeholder.qualifications-photo-placeholder-editorial{
    min-height:300px !important;
    margin:24px 24px 30px !important;
  }
}


/* V160: echtes Portrait im Qualifikationsbereich */
.qualifications-photo-placeholder.qualifications-photo-placeholder-editorial.qualifications-photo-real{
  overflow:hidden !important;
  padding:0 !important;
  background:#E7DDC9 !important;
  min-height:clamp(300px,24vw,420px) !important;
}
.qualifications-photo-placeholder-editorial.qualifications-photo-real::before{
  display:none !important;
}
.qualifications-photo-real img{
  display:block;
  width:100%;
  height:100%;
  min-height:inherit;
  object-fit:cover;
  object-position:center 38%;
  border-radius:inherit;
}


/* V162: embedded editorial portrait under columns 02 + 03 */
.credential-grid.credential-grid-editorial{
  grid-template-columns:minmax(330px,1fr) minmax(0,2fr) !important;
  align-items:stretch !important;
}
.credential-editorial-right{
  display:grid !important;
  grid-template-rows:auto minmax(300px,1fr) !important;
  min-width:0 !important;
}
.credential-editorial-top{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.qualifications-photo-placeholder.qualifications-photo-placeholder-editorial.qualifications-photo-real{
  width:auto !important;
  min-height:340px !important;
  height:clamp(340px,24vw,440px) !important;
  margin:0 32px 32px !important;
  padding:0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#E7DDC9 !important;
  border:1px solid rgba(105,75,50,.14) !important;
}
.qualifications-photo-real img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 34% !important;
  border-radius:inherit !important;
}
@media(max-width:900px){
  .credential-grid.credential-grid-editorial{
    grid-template-columns:1fr !important;
  }
  .credential-editorial-top{
    grid-template-columns:1fr !important;
  }
  .qualifications-photo-placeholder.qualifications-photo-placeholder-editorial.qualifications-photo-real{
    height:420px !important;
    margin:24px !important;
  }
}


/* V163: Qualifikationsportrait weniger gezoomt, oberer Bildteil priorisiert */
.qualifications-photo-placeholder.qualifications-photo-placeholder-editorial.qualifications-photo-real{
  height:clamp(440px,32vw,590px) !important;
  min-height:440px !important;
  background:#FAF7F1 !important;
}
.qualifications-photo-real img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
  background:#FAF7F1 !important;
}
@media(max-width:900px){
  .qualifications-photo-placeholder.qualifications-photo-placeholder-editorial.qualifications-photo-real{
    height:560px !important;
    min-height:500px !important;
  }
  .qualifications-photo-real img{
    object-fit:contain !important;
    object-position:center top !important;
  }
}


/* V164: Headlines im Abschnitt "Deine aktuelle Erfahrung" */
.about-situation .situation-item h3,
.situation-item h3,
.situation-card h3{
  color:#593d21 !important;
  font-weight:400 !important;
}


/* V165: Qualifikationen klarer gegliedert
   Links Health Science, rechts Foto + 02 + 03 untereinander */
.credential-grid.credential-grid-v165{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:start !important;
  border:1px solid rgba(105,75,50,.18);
  border-radius:28px;
  overflow:hidden;
  background:rgba(250,247,241,.42);
}
.credential-grid-v165 > .credential-column-health{
  border-right:1px solid rgba(105,75,50,.14);
  min-height:100%;
}
.credential-right-stack{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.credential-right-stack .qualifications-photo-real{
  order:0;
  margin:0 !important;
  width:100% !important;
  height:clamp(360px,30vw,500px) !important;
  min-height:360px !important;
  border:0 !important;
  border-radius:0 !important;
  border-bottom:1px solid rgba(105,75,50,.14) !important;
  background:#FAF7F1 !important;
}
.credential-right-stack .qualifications-photo-real img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
  background:#FAF7F1 !important;
}
.credential-column-stacked{
  border-top:1px solid rgba(105,75,50,.14);
}
.credential-right-stack .credential-column-stacked:first-of-type{
  border-top:0;
}
.credential-grid-v165 .credential-column{
  padding:38px 34px 36px !important;
}
.credential-grid-v165 .credential-column h3{
  margin-bottom:28px !important;
}
.credential-grid-v165 .credential-item{
  padding:18px 0 !important;
}
.credential-grid-v165 .credential-subgroup{
  margin-top:26px !important;
}
@media(max-width:900px){
  .credential-grid.credential-grid-v165{
    grid-template-columns:1fr !important;
  }
  .credential-grid-v165 > .credential-column-health{
    border-right:0;
    border-bottom:1px solid rgba(105,75,50,.14);
  }
  .credential-right-stack .qualifications-photo-real{
    height:480px !important;
  }
}


/* V166: Qualifikationen als drei klar getrennte Spalten */
.credential-grid.credential-grid-v166{
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.95fr) minmax(280px,.92fr) !important;
  align-items:stretch !important;
  border:1px solid rgba(105,75,50,.18) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:rgba(250,247,241,.42) !important;
}
.credential-grid-v166 > .credential-column-health,
.credential-grid-v166 > .credential-middle-stack{
  border-right:1px solid rgba(105,75,50,.14) !important;
}
.credential-grid-v166 .credential-column{
  padding:38px 34px 36px !important;
  min-width:0 !important;
}
.credential-middle-stack{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
}
.credential-middle-stack .credential-column{
  flex:0 0 auto !important;
}
.credential-middle-stack .credential-column-business{
  border-top:1px solid rgba(105,75,50,.14) !important;
}
.credential-grid-v166 .credential-column h3{
  margin-bottom:26px !important;
}
.credential-grid-v166 .credential-item{
  padding:17px 0 !important;
}
.credential-grid-v166 .credential-subgroup{
  margin-top:24px !important;
}
.credential-photo-column{
  min-width:0 !important;
  min-height:100% !important;
  background:#FAF7F1 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
}
.credential-photo-column img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
  background:#FAF7F1 !important;
}

/* Correct the three experience headlines: brown and regular weight */
.opening .situations .situation h3{
  color:#593d21 !important;
  font-weight:400 !important;
}

/* Tablet: text stays readable, portrait drops below only when necessary */
@media(max-width:1100px){
  .credential-grid.credential-grid-v166{
    grid-template-columns:1fr 1fr !important;
  }
  .credential-photo-column{
    grid-column:1 / -1 !important;
    min-height:560px !important;
    border-top:1px solid rgba(105,75,50,.14) !important;
  }
  .credential-grid-v166 > .credential-middle-stack{
    border-right:0 !important;
  }
}
@media(max-width:760px){
  .credential-grid.credential-grid-v166{
    grid-template-columns:1fr !important;
  }
  .credential-grid-v166 > .credential-column-health{
    border-right:0 !important;
    border-bottom:1px solid rgba(105,75,50,.14) !important;
  }
  .credential-photo-column{
    grid-column:auto !important;
    min-height:520px !important;
  }
}


/* V167: Editorial qualification layout based on approved visual draft */
.credential-grid.credential-grid-v167{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) minmax(300px,1.02fr) !important;
  align-items:stretch !important;
  border:1px solid rgba(105,75,50,.16) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:rgba(250,247,241,.5) !important;
}
.credential-grid-v167 > *{
  min-width:0 !important;
}
.credential-column-health-editorial,
.credential-middle-stack-editorial{
  border-right:1px solid rgba(105,75,50,.14) !important;
}
.credential-grid-v167 .credential-column{
  padding:38px 36px 34px !important;
}
.credential-grid-v167 .credential-column h3{
  margin:0 0 26px !important;
}
.credential-grid-v167 .credential-item{
  padding:17px 0 !important;
}
.credential-grid-v167 .credential-subgroup{
  margin-top:24px !important;
}
.credential-column-health-editorial{
  display:flex !important;
  flex-direction:column !important;
}
.credential-small-photo{
  margin-top:auto !important;
  padding-top:28px !important;
}
.credential-small-photo img{
  display:block !important;
  width:100% !important;
  aspect-ratio:1.42 / 1 !important;
  object-fit:cover !important;
  object-position:center 26% !important;
  border-radius:16px !important;
}
.credential-middle-stack-editorial{
  display:flex !important;
  flex-direction:column !important;
}
.credential-middle-stack-editorial .credential-column-business{
  border-top:1px solid rgba(105,75,50,.14) !important;
}
.credential-photo-column-editorial{
  min-height:100% !important;
  background:#FAF7F1 !important;
  overflow:hidden !important;
}
.credential-photo-column-editorial img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 18% !important;
}
@media(max-width:1100px){
  .credential-grid.credential-grid-v167{
    grid-template-columns:1fr 1fr !important;
  }
  .credential-photo-column-editorial{
    grid-column:1 / -1 !important;
    height:600px !important;
    border-top:1px solid rgba(105,75,50,.14) !important;
  }
  .credential-middle-stack-editorial{
    border-right:0 !important;
  }
}
@media(max-width:760px){
  .credential-grid.credential-grid-v167{
    grid-template-columns:1fr !important;
  }
  .credential-column-health-editorial{
    border-right:0 !important;
    border-bottom:1px solid rgba(105,75,50,.14) !important;
  }
  .credential-middle-stack-editorial{
    border-bottom:1px solid rgba(105,75,50,.14) !important;
  }
  .credential-photo-column-editorial{
    grid-column:auto !important;
    height:540px !important;
  }
}


/* V168: Premium Editorial Rework "Meine Rolle" */
.about-v2-role.about-v2-role-premium{
  display:grid !important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr) !important;
  gap:clamp(80px,8vw,140px) !important;
  align-items:start !important;
  background:#593d21 !important;
  padding:clamp(88px,8vw,132px) clamp(48px,6vw,96px) !important;
}
.about-v2-role-premium .about-v2-role-title{
  position:sticky;
  top:110px;
}
.about-v2-role-premium .about-v2-role-title .about-v2-index{
  color:rgba(250,247,241,.78) !important;
  letter-spacing:.18em !important;
}
.about-v2-role-premium .about-v2-role-title h2{
  max-width:720px !important;
  margin-top:28px !important;
  color:#FAF7F1 !important;
  font-size:clamp(3.8rem,5.6vw,6.4rem) !important;
  line-height:1.01 !important;
  letter-spacing:-.035em !important;
}
.about-v2-role-premium .about-v2-role-title h2 .italic{
  color:var(--yellow) !important;
}
.about-v2-role-copy-premium{
  max-width:760px !important;
  margin-left:auto !important;
}
.role-pillars{
  border-top:1px solid rgba(250,247,241,.24);
}
.role-pillar{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:26px;
  padding:22px 0;
  border-bottom:1px solid rgba(250,247,241,.18);
}
.role-pillar-label,
.role-content-kicker{
  color:var(--yellow);
  font-family:var(--sans);
  font-size:.77rem;
  font-weight:600;
  letter-spacing:.16em;
}
.role-pillar p{
  margin:0 !important;
  color:#FAF7F1 !important;
  font-size:1.08rem !important;
  line-height:1.5 !important;
}
.role-content-block{
  margin-top:44px;
  padding-top:30px;
  border-top:1px solid rgba(250,247,241,.18);
}
.role-content-block p{
  margin:16px 0 0 !important;
  color:rgba(250,247,241,.82) !important;
  font-size:1.08rem !important;
  line-height:1.7 !important;
}
.role-boundary{
  margin-top:44px;
  padding:26px 0 0;
  border-top:1px solid rgba(250,247,241,.24);
}
.role-boundary strong{
  display:block;
  color:#FAF7F1;
  font-size:1rem;
  font-weight:600;
  margin-bottom:8px;
}
.role-boundary span{
  display:block;
  color:rgba(250,247,241,.72);
  font-size:1rem;
  line-height:1.55;
}
@media(max-width:980px){
  .about-v2-role.about-v2-role-premium{
    grid-template-columns:1fr !important;
    gap:52px !important;
  }
  .about-v2-role-premium .about-v2-role-title{
    position:static;
  }
  .about-v2-role-copy-premium{
    max-width:none !important;
    margin-left:0 !important;
  }
}
@media(max-width:640px){
  .about-v2-role.about-v2-role-premium{
    padding:72px 24px 82px !important;
  }
  .role-pillar{
    grid-template-columns:1fr;
    gap:8px;
  }
  .about-v2-role-premium .about-v2-role-title h2{
    font-size:clamp(3rem,13vw,4.4rem) !important;
  }
}




/* V198 · ONLY the first opening section is adjusted.
   Everything else remains exactly as in V195. */

.opening .opening-transition-integrated{
  margin-top:20px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.opening .opening-transition-line{
  display:none !important;
  margin:0 !important;
}

.opening .opening-transition-kicker{
  margin:0 0 8px !important;
  padding:0 !important;
}

.opening .opening-transition-statement{
  margin:0 !important;
  padding:0 !important;
}

.opening .situations{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

.opening .situations .situation:last-child{
  padding-bottom:20px !important;
  margin-bottom:0 !important;
}

@media(max-width:680px){
  .opening .opening-transition-integrated{
    margin-top:16px !important;
  }

  .opening .situations .situation:last-child{
    padding-bottom:16px !important;
  }
}



/* V199 · Founder story accordion: keep the first thought visible, tuck the detail away elegantly. */
.about-v2-readmore{
  margin-top:24px !important;
  border-top:1px solid rgba(105,75,50,.24);
  border-bottom:1px solid rgba(105,75,50,.24);
  background:transparent;
}

.about-v2-readmore summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 0;
  color:#593d21;
  font-family:var(--sans);
  font-size:13px;
  line-height:1.3;
  font-weight:500;
  letter-spacing:.13em;
  text-transform:uppercase;
  user-select:none;
}

.about-v2-readmore summary::-webkit-details-marker{
  display:none;
}

.about-v2-readmore-icon{
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 18px;
}

.about-v2-readmore-icon::before,
.about-v2-readmore-icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:16px;
  height:1px;
  background:#593d21;
  transform:translate(-50%,-50%);
  transition:transform .22s ease, opacity .22s ease;
}

.about-v2-readmore-icon::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.about-v2-readmore[open] .about-v2-readmore-icon::after{
  opacity:0;
  transform:translate(-50%,-50%) rotate(0deg);
}

.about-v2-readmore-content{
  padding:4px 0 10px;
}

.about-v2-readmore-content p{
  margin-top:0 !important;
  margin-bottom:18px !important;
}

.about-v2-readmore-content p:last-child{
  margin-bottom:8px !important;
}

@media(max-width:680px){
  .about-v2-readmore{
    margin-top:20px !important;
  }
  .about-v2-readmore summary{
    padding:16px 0;
  }
}



/* V200 · Method quote image: lighten the entire stage to Ivory.
   Keep the photo and quote as the visual focal point without another dark brown block. */
.method-fourstep-closing.method-fourstep-closing-photo{
  background:#FAF7F1 !important;
}

.method-fourstep-closing-photo::before,
.method-fourstep-closing-photo::after{
  background-color:transparent !important;
}

.method-closing-photo-overlay{
  background:linear-gradient(
    90deg,
    rgba(250,247,241,.08) 0%,
    rgba(250,247,241,.02) 48%,
    rgba(250,247,241,.34) 100%
  ) !important;
}

/* Ensure no inherited brown surface shows around the photo */
.method-fourstep-closing-photo .method-closing-photo-placeholder{
  background-color:#FAF7F1 !important;
}



/* V201 · Compact expandable detail for "Meine Rolle" */
.about-v2-role-readmore{
  margin-top:clamp(26px,2.6vw,36px) !important;
  border-top:1px solid rgba(105,75,50,.24);
  border-bottom:1px solid rgba(105,75,50,.24);
  background:transparent;
}

.about-v2-role-readmore summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 0;
  color:#593d21;
  font-family:var(--sans);
  font-size:13px;
  line-height:1.3;
  font-weight:500;
  letter-spacing:.13em;
  text-transform:uppercase;
  user-select:none;
}

.about-v2-role-readmore summary::-webkit-details-marker{
  display:none;
}

.about-v2-role-readmore-icon{
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 18px;
}

.about-v2-role-readmore-icon::before,
.about-v2-role-readmore-icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:16px;
  height:1px;
  background:#593d21;
  transform:translate(-50%,-50%);
  transition:transform .22s ease, opacity .22s ease;
}

.about-v2-role-readmore-icon::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.about-v2-role-readmore[open] .about-v2-role-readmore-icon::after{
  opacity:0;
  transform:translate(-50%,-50%) rotate(0deg);
}

.about-v2-role-readmore-content{
  padding:6px 0 12px;
}

.about-v2-role-readmore-content .role-content-block:first-child{
  margin-top:0 !important;
}

@media(max-width:680px){
  .about-v2-role-readmore{
    margin-top:22px !important;
  }
  .about-v2-role-readmore summary{
    padding:16px 0;
  }
}



/* V202
   1) Method quote becomes an unmistakably light Ivory stage.
   2) Requested founder/about headline phrases use the FEMULOUS yellow.
*/

/* --- METHOD QUOTE: IVORY STAGE, PHOTO INSET, NO BROWN OVERLAY --- */
.method-fourstep-closing.method-fourstep-closing-photo{
  background:#FAF7F1 !important;
  padding:clamp(28px,3vw,44px) clamp(24px,4vw,64px) !important;
  min-height:clamp(500px,42vw,650px) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* Turn the formerly full-bleed photo into an inset editorial image,
   so the Ivory background is clearly visible around it. */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real{
  inset:clamp(28px,3vw,44px) clamp(24px,4vw,64px) !important;
  background-color:#FAF7F1 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Remove all decorative/brown layers from the old placeholder treatment. */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real::before,
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real::after{
  display:none !important;
  content:none !important;
}

/* Brown tint was the main reason the block still looked dark. */
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-overlay{
  display:none !important;
  background:none !important;
}

/* Quote remains over the photograph, but without the brown veil. */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  position:relative !important;
  z-index:3 !important;
  max-width:980px !important;
  padding:clamp(56px,6vw,92px) 42px !important;
  color:#FAF7F1 !important;
  text-shadow:0 2px 16px rgba(52,38,28,.24) !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote span{
  color:#FAF7F1 !important;
}
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
  color:var(--yellow) !important;
}

/* --- REQUESTED YELLOW HEADLINE ACCENTS --- */
.about-v2-experience h2 .italic,
.about-v2-career h2 .italic,
.about-v2-credentials-head h2 .italic{
  color:var(--yellow) !important;
}

@media(max-width:700px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    padding:20px !important;
    min-height:440px !important;
  }
  .method-fourstep-closing.method-fourstep-closing-photo
  .method-closing-photo-placeholder.method-closing-photo-real{
    inset:20px !important;
  }
  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    padding:48px 22px !important;
  }
}



/* V203 · Make the final accordion interaction immediately recognizable */
.about-v2-role-readmore summary .readmore-arrow{
  display:inline-block;
  margin-left:6px;
  font-size:1.05em;
  letter-spacing:0;
  transition:transform .22s ease;
}
.about-v2-role-readmore[open] summary .readmore-arrow{
  transform:rotate(90deg);
}



/* V204 · Give the quote image only the extra height needed for comfortable reading */
.method-fourstep-closing.method-fourstep-closing-photo{
  min-height:clamp(570px,46vw,700px) !important;
}

@media (min-width:900px) and (max-height:900px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    min-height:560px !important;
  }
}

@media(max-width:700px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    min-height:500px !important;
  }
}



/* V205 · Make the final accordion trigger unmistakably visible on any background */
.about-v2-role-readmore{
  border-top:1px solid rgba(105,75,50,.34) !important;
  border-bottom:1px solid rgba(105,75,50,.34) !important;
}

.about-v2-role-readmore > summary{
  color:#593d21 !important;
  opacity:1 !important;
  visibility:visible !important;
  min-height:56px !important;
}

.about-v2-role-readmore > summary > span:first-child{
  display:inline-flex !important;
  align-items:center !important;
  color:#593d21 !important;
  opacity:1 !important;
  visibility:visible !important;
  font-family:var(--sans) !important;
  font-size:13px !important;
  line-height:1.3 !important;
  font-weight:600 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

.about-v2-role-readmore > summary .readmore-arrow{
  color:var(--yellow) !important;
  opacity:1 !important;
  font-size:18px !important;
  font-weight:600 !important;
  margin-left:9px !important;
}

.about-v2-role-readmore > summary .about-v2-role-readmore-icon{
  display:none !important;
}



/* V206 · Fix the quote/photo block itself, not just the outer section height. */
.method-fourstep-closing.method-fourstep-closing-photo{
  background:#FAF7F1 !important;
  padding:24px !important;
  min-height:0 !important;
  height:auto !important;
}

/* Make the actual photo area larger and give the quote enough vertical breathing room. */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real{
  inset:24px !important;
  min-height:600px !important;
  background-size:cover !important;
  background-position:center 34% !important;
}

/* Keep the brown veil removed. */
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-overlay{
  display:none !important;
}

/* The quote now determines the required height and stays comfortably inside the photograph. */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  min-height:600px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:900px !important;
  margin:0 auto !important;
  padding:64px 48px !important;
  font-size:clamp(3rem,4.4vw,4.65rem) !important;
  line-height:1.04 !important;
  color:#FAF7F1 !important;
  text-shadow:
    0 2px 12px rgba(50,35,24,.42),
    0 1px 3px rgba(50,35,24,.32) !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote span{
  color:#FAF7F1 !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
  color:var(--yellow) !important;
}

@media(max-width:700px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    padding:16px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo
  .method-closing-photo-placeholder.method-closing-photo-real{
    inset:16px !important;
    min-height:480px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    min-height:480px !important;
    padding:44px 24px !important;
    font-size:clamp(2.45rem,10vw,3.2rem) !important;
  }
}



/* V207 · Final accordion CTA entirely in FEMULOUS yellow */
.about-v2-role-readmore > summary > span:first-child,
.about-v2-role-readmore > summary > span:first-child .readmore-arrow{
  color:var(--yellow) !important;
}



/* V208 · Preserve the full photo instead of cropping/zooming it */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#FAF7F1 !important;
}



/* V209 · Photo sized from the quote, with ~0.5 cm horizontal breathing room */
.method-fourstep-closing.method-fourstep-closing-photo{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#FAF7F1 !important;
  padding:24px !important;
  min-height:0 !important;
  height:auto !important;
}

/* Actual photograph: larger than V208, without cover-cropping/zoom. */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real{
  inset:24px !important;
  min-height:660px !important;
  background-size:auto 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#FAF7F1 !important;
}

/* Quote centered vertically. Its side padding is approx. 0.5 cm (19 px). */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  position:relative !important;
  z-index:3 !important;
  width:max-content !important;
  max-width:calc(100% - 86px) !important;
  min-height:660px !important;
  margin:0 auto !important;
  padding:19px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  text-align:center !important;
  font-size:clamp(2.75rem,4.05vw,4.35rem) !important;
  line-height:1.04 !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote .quote-line{
  display:block !important;
  white-space:nowrap !important;
  color:#FAF7F1 !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
  color:var(--yellow) !important;
}

@media(max-width:700px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    padding:16px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo
  .method-closing-photo-placeholder.method-closing-photo-real{
    inset:16px !important;
    min-height:520px !important;
    background-size:auto 100% !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    width:auto !important;
    max-width:calc(100% - 32px) !important;
    min-height:520px !important;
    padding:19px !important;
    font-size:clamp(2.05rem,8.6vw,2.85rem) !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote .quote-line{
    white-space:normal !important;
  }
}



/* V211 · Only reduce the empty space between navigation and hero content */
.hero{
  padding-top:clamp(42px,4vw,58px) !important;
}

@media(max-width:680px){
  .hero{
    padding-top:42px !important;
  }
}



/* V212 · Tighten only the space below navigation */
.hero{
  padding-top:18px !important;
}

@media(max-width:680px){
  .hero{
    padding-top:18px !important;
  }
}



.hero-grid{align-items:start !important;}
.hero-copy{padding-top:0 !important;}
.hero-copy > .label{margin-top:0 !important;}
.hero-media{margin-top:0 !important;}



/* V214 · Make text column and image start and end on the same horizontal lines */
.hero-grid{
  align-items:stretch !important;
}

.hero-copy{
  padding-top:0 !important;
  padding-bottom:0 !important;
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
}

.hero-copy > .label{
  margin-top:0 !important;
}

.hero-media{
  margin-top:0 !important;
  min-height:0 !important;
  height:auto !important;
  align-self:stretch !important;
}

/* Keep the photo filling the now synchronized image column */
.hero-media .hero-personal-photo{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}



.belief-assumptions.belief-assumptions-expanded p{
  font-family:var(--serif) !important;
  font-size:clamp(1.45rem,1.65vw,1.78rem) !important;
  line-height:1.28 !important;
  font-weight:400 !important;
  font-style:italic !important;
  letter-spacing:-.012em !important;
  color:#593d21 !important;
  opacity:1 !important;
  padding:14px 0 14px 22px !important;
  margin:0 !important;
  border-left:2px solid var(--yellow) !important;
  background:transparent !important;
}

.belief-assumptions.belief-assumptions-expanded p + p{
  margin-top:12px !important;
}

@media(max-width:680px){
  .belief-assumptions.belief-assumptions-expanded p{
    font-size:1.3rem !important;
    padding-left:17px !important;
  }
}



/* Repair: lower iceberg categories only. No other website layout is changed. */
.iceberg-pills-bottom.iceberg-pills-bottom-3rows{
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  height:auto !important;
}

.iceberg-pills-bottom.iceberg-pills-bottom-3rows > .iceberg-bottom-row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  width:100% !important;
}

.iceberg-pills-bottom.iceberg-pills-bottom-3rows > .iceberg-bottom-row > .iceberg-chip{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
}

.iceberg-pills-bottom.iceberg-pills-bottom-3rows .iceberg-chip-icon{
  width:19px !important;
  height:19px !important;
  flex:0 0 19px !important;
}

.iceberg-pills-bottom.iceberg-pills-bottom-3rows .iceberg-chip-icon svg{
  width:19px !important;
  height:19px !important;
  display:block !important;
}

/* Give the third row enough room without moving it beside the category field. */
.iceberg-pills-bottom.iceberg-pills-bottom-3rows > .iceberg-bottom-row-3{
  padding-top:2px !important;
}

@media(max-width:1180px){
  .iceberg-pills-bottom.iceberg-pills-bottom-3rows > .iceberg-bottom-row{
    gap:8px !important;
  }
  .iceberg-pills-bottom.iceberg-pills-bottom-3rows > .iceberg-bottom-row > .iceberg-chip{
    padding-left:11px !important;
    padding-right:11px !important;
    font-size:.70rem !important;
  }
}

@media(max-width:900px){
  .iceberg-pills-bottom.iceberg-pills-bottom-3rows{
    width:86% !important;
  }
  .iceberg-pills-bottom.iceberg-pills-bottom-3rows > .iceberg-bottom-row{
    flex-wrap:wrap !important;
  }
}

@media(max-width:640px){
  .iceberg-pills-bottom.iceberg-pills-bottom-3rows{
    width:82% !important;
  }
  .iceberg-pills-bottom.iceberg-pills-bottom-3rows > .iceberg-bottom-row{
    gap:7px !important;
  }
}



/* V254: Testimonial-Fließtext serifenlos, Kursivschrift bleibt erhalten */
.testimonials .testimonial-real > p em,
.testimonials .testimonial-real > p em strong{
  font-family:var(--sans) !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-style:italic !important;
}



/* V255: neues Foto im Perspektivwechsel */
#perspektivwechsel .belief-photo{}



/* V256 · Editorial Zoom-out
   Ziel: ca. 15% geringere visuelle Skalierung bei nahezu unveränderter Lesetextgröße. */
@media (min-width: 901px){

  /* Grundrhythmus */
  .section{padding:94px 0 !important;}
  .wrap{width:min(calc(100% - 56px),1360px) !important;}
  .label{margin-bottom:16px !important;}
  .lead{
    font-size:clamp(1.03rem,1.2vw,1.14rem) !important;
    line-height:1.62 !important;
    max-width:680px !important;
  }

  /* Headline-Hierarchie: deutlich ruhiger, Fließtext bleibt lesbar */
  h1{
    font-size:clamp(4.15rem,5.55vw,5.85rem) !important;
    line-height:.94 !important;
  }
  h2{
    font-size:clamp(2.75rem,3.65vw,3.85rem) !important;
    line-height:1.02 !important;
    margin-bottom:24px !important;
  }

  /* Hero */
  .hero{padding-top:18px !important;padding-bottom:72px !important;}
  .hero-grid{gap:54px !important;}
  .hero-copy .lead{margin-top:24px !important;}
  .hero-media{min-height:600px !important;}
  .trustline{margin-top:38px !important;padding-top:18px !important;}

  /* Einstieg / Problem */
  .opening-grid{gap:70px !important;}
  .opening-big{
    font-size:clamp(2.8rem,4vw,4.4rem) !important;
    line-height:.98 !important;
  }
  .situations{margin-top:6px !important;}
  .situation{padding:20px 0 !important;}
  .situation h3{font-size:1.1rem !important;line-height:1.35 !important;margin-bottom:8px !important;}
  .situation p{font-size:1rem !important;line-height:1.62 !important;}

  /* Wiedererkennungs- und Leistungsraster */
  .recognition{padding:72px 0 84px !important;}
  .recognition h2{
    font-size:clamp(2.65rem,3.55vw,3.75rem) !important;
    margin-bottom:36px !important;
  }
  .recognition-item{
    min-height:196px !important;
    padding:30px 30px 28px !important;
  }
  .recognition-icon{margin-bottom:16px !important;}
  .recognition .recognition-item h3{
    font-size:clamp(1.85rem,2.2vw,2.35rem) !important;
    line-height:1.08 !important;
    margin-bottom:10px !important;
  }
  .recognition .recognition-item p{
    font-size:16px !important;
    line-height:1.58 !important;
  }

  .service-building-blocks{padding:72px 0 64px !important;}
  .service-building-blocks h2{
    font-size:clamp(2.65rem,3.55vw,3.8rem) !important;
    margin-bottom:38px !important;
  }
  .service-block{
    min-height:198px !important;
    padding:28px 28px 26px !important;
  }
  .service-icon{margin-bottom:17px !important;}
  .service-block h3{
    font-size:1.2rem !important;
    margin-bottom:10px !important;
  }
  .service-block p{
    font-size:.92rem !important;
    line-height:1.55 !important;
  }

  /* Perspektivwechsel */
  .belief-editorial-left h2{
    font-size:clamp(2.8rem,3.7vw,4rem) !important;
    line-height:1.01 !important;
  }
  .belief-search-intro,
  .belief-context{
    font-size:1rem !important;
    line-height:1.62 !important;
  }
  .belief-assumptions.belief-assumptions-expanded p{
    font-size:clamp(1.25rem,1.35vw,1.48rem) !important;
    line-height:1.3 !important;
    padding-top:11px !important;
    padding-bottom:11px !important;
  }

  /* Methode */
  .method-fourstep{padding:96px 0 !important;}
  .method-fourstep-grid{
    gap:clamp(42px,5vw,72px) !important;
    grid-template-columns:minmax(250px,.72fr) minmax(0,2.28fr) !important;
  }
  .method-fourstep-intro h2{
    font-size:clamp(2.55rem,3.5vw,3.8rem) !important;
    margin:16px 0 20px !important;
  }
  .method-fourstep-lead{
    font-size:.94rem !important;
    line-height:1.64 !important;
  }
  .method-step{padding-left:20px !important;padding-right:20px !important;}
  .method-step-number,
  .method-step-icon{margin-bottom:17px !important;}
  .method-step-icon{width:46px !important;height:46px !important;}
  .method-step-question{
    font-size:1.12rem !important;
    line-height:1.32 !important;
  }
  .method-step p:last-child{
    font-size:.88rem !important;
    line-height:1.58 !important;
  }
  .method-fourstep-closing.method-fourstep-closing-photo
  .method-closing-photo-placeholder.method-closing-photo-real{
    min-height:560px !important;
  }
  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    min-height:560px !important;
    font-size:clamp(2.45rem,3.35vw,3.55rem) !important;
  }

  /* Journeys: stärkste Verdichtung, ohne Lesbarkeit zu verlieren */
  .journey-unified{
    grid-template-columns:90px .92fr 1.08fr !important;
    gap:30px !important;
    padding:42px 0 !important;
  }
  .journey-unified-index{
    font-size:4.15rem !important;
  }
  .journey-unified h3{
    font-size:2.3rem !important;
    line-height:1.02 !important;
  }
  .journey-tagline{
    font-size:1.22rem !important;
    margin-bottom:17px !important;
  }
  .journey-summary,
  .journey-unified p,
  .journey-detail-panel p,
  .journey-included li{
    font-size:.96rem !important;
    line-height:1.58 !important;
  }
  .journey-outcome{
    margin-top:21px !important;
    padding-top:16px !important;
  }
  .journey-unified-detail{padding-left:28px !important;}
  .journey-facts div{
    min-height:72px !important;
    padding:13px 15px !important;
  }

  /* Founder / Expertise */
  .about-v2-chapter{
    gap:clamp(42px,5vw,76px) !important;
    padding:54px 0 !important;
  }
  .about-v2-copy h2,
  .about-v2-credentials h2,
  .about-v2-role h2{
    font-size:clamp(2.55rem,3.5vw,3.8rem) !important;
    line-height:1.03 !important;
    margin-bottom:22px !important;
  }
  .about-v2-copy p,
  .about-v2-role-copy p{
    font-size:1rem !important;
    line-height:1.66 !important;
  }
  .about-v2-photo{min-height:480px !important;}
  .about-v2-photo-story{min-height:500px !important;}
  .about-v2-photo-career{min-height:455px !important;}
  .about-v2-statement{
    margin:30px 0 42px !important;
    padding:62px clamp(28px,5vw,76px) !important;
    font-size:clamp(2.15rem,3.45vw,3.65rem) !important;
  }

  /* Transformation / Trust / Testimonial */
  .transform-grid{min-height:680px !important;}
  .transform-copy{padding:70px 56px !important;}
  .transform-statement{padding:20px 0 !important;}
  .transform-statement strong{font-size:2rem !important;}

  .trust-grid{gap:70px !important;}
  .trust-item{min-height:132px !important;padding:20px !important;}
  .trust-item strong{margin-top:18px !important;}

  .testimonial-real{margin-top:28px !important;}
  .testimonial-real>p{
    font-size:clamp(18px,1.25vw,22px) !important;
    line-height:1.58 !important;
    margin-bottom:18px !important;
  }
  .testimonial-real>p:nth-of-type(2){
    font-size:clamp(23px,1.55vw,29px) !important;
  }
  .testimonial-meta-grid{margin-top:28px !important;padding-top:22px !important;}

  /* CTA */
  .mid-cta{padding:56px 0 !important;}
  .mid-cta-box{padding:34px 0 !important;}
  .mid-cta h3{font-size:2.15rem !important;}
}

/* Laptop: kompakt, aber Mindestlesbarkeit bleibt 16px */
@media (min-width: 901px) and (max-width: 1280px){
  .wrap{width:min(calc(100% - 44px),1220px) !important;}
  .section{padding:82px 0 !important;}
  h1{font-size:clamp(3.85rem,5.2vw,5rem) !important;}
  h2{font-size:clamp(2.55rem,3.45vw,3.45rem) !important;}
  .hero-media{min-height:540px !important;}
  .service-block{padding-left:22px !important;padding-right:22px !important;}
  .journey-unified{
    grid-template-columns:72px .95fr 1.05fr !important;
    gap:24px !important;
  }
  .journey-unified-detail{padding-left:22px !important;}
}

/* Tablet/Mobile: keine aggressive Verkleinerung der Lesetexte */
@media (max-width: 900px){
  body{font-size:16px !important;}
  .section{padding-top:72px !important;padding-bottom:72px !important;}
  .wrap{width:min(calc(100% - 36px),1320px) !important;}
  .lead{font-size:17px !important;line-height:1.62 !important;}
}
@media (max-width: 640px){
  .section{padding-top:62px !important;padding-bottom:62px !important;}
  .wrap{width:calc(100% - 30px) !important;}
}



/* V262 · direkt auf V256
   Fokus: 12–13" Laptop, echte vorhandene Section-Selektoren, keine V258–V261 Altregeln. */

/* ---------- HERO: Bildhöhe wird ausschließlich von der linken Spalte bestimmt ---------- */
@media (min-width:901px){
  .hero-grid{
    align-items:stretch !important;
    grid-template-rows:auto !important;
  }

  .hero-copy{
    align-self:stretch !important;
    height:auto !important;
    min-height:0 !important;
  }

  .hero-media{
    position:relative !important;
    align-self:stretch !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
  }

  /* Wichtig: Das Bild nimmt KEINEN eigenen Platz mehr ein.
     Dadurch endet die rechte Spalte exakt dort, wo links die Keywordzeile endet. */
  .hero-media .hero-personal-photo{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center 34% !important;
  }
}

/* ---------- LAPTOP MASTER ---------- */
@media (min-width:901px) and (max-width:1440px) and (max-height:820px){

  body{
    font-size:15.8px !important;
    line-height:1.54 !important;
  }

  .wrap{
    width:min(calc(100% - 42px),1220px) !important;
  }

  /* Navigation etwas flacher */
  .navin{
    height:60px !important;
  }

  /* Einheitlicher Kapitelrhythmus über die TATSÄCHLICH vorhandenen Sektionen */
  .recognition,
  .section.opening,
  .section.iceberg-section,
  .belief-shift,
  .section.method,
  .service-building-blocks,
  .journey-system,
  .transform,
  .section.testimonials,
  .founder-story-v2,
  .section.trust,
  .section.final{
    padding-top:52px !important;
    padding-bottom:52px !important;
  }

  /* Headlines minimal kleiner, nicht "mini" */
  h2,
  .recognition h2,
  .service-building-blocks h2,
  .method-fourstep-intro h2,
  .about-v2-copy h2,
  .about-v2-credentials h2,
  .about-v2-role h2{
    font-size:clamp(2.3rem,2.85vw,2.85rem) !important;
    line-height:1.02 !important;
    margin-bottom:16px !important;
  }

  .label{
    font-size:10px !important;
    margin-bottom:10px !important;
  }

  .lead{
    font-size:16px !important;
    line-height:1.52 !important;
  }

  /* ---------- HERO als kompletter erster Screen ---------- */
  .hero{
    padding-top:8px !important;
    padding-bottom:18px !important;
  }

  .hero-grid{
    gap:34px !important;
  }

  .hero-copy > .label{
    margin-bottom:9px !important;
  }

  .hero h1{
    font-size:clamp(3.15rem,4.2vw,4rem) !important;
    line-height:.91 !important;
  }

  .hero-title .offset{
    padding-left:6% !important;
  }

  .hero-copy .rule{
    margin-top:12px !important;
  }

  .hero-copy .lead{
    margin-top:12px !important;
    max-width:545px !important;
    font-size:15.5px !important;
    line-height:1.46 !important;
  }

  .btnrow{
    margin-top:13px !important;
    gap:18px !important;
  }

  .btnrow .btn{
    padding:9px 14px !important;
  }

  .btnrow .btn,
  .btnrow .textlink{
    font-size:.76rem !important;
  }

  .trustline{
    margin-top:13px !important;
    padding-top:9px !important;
    gap:6px 12px !important;
    font-size:.64rem !important;
  }

  /* ---------- PROBLEM ---------- */
  .opening-grid{
    gap:42px !important;
  }

  .opening-big{
    font-size:clamp(2.45rem,3.25vw,3.45rem) !important;
    line-height:.98 !important;
  }

  .situation{
    padding:13px 0 !important;
  }

  .situation h3{
    font-size:1rem !important;
    margin-bottom:5px !important;
  }

  .situation p{
    font-size:15.5px !important;
    line-height:1.48 !important;
  }

  /* ---------- SYMPTOME ---------- */
  .recognition h2{
    margin-bottom:22px !important;
  }

  .recognition-item{
    min-height:148px !important;
    padding:18px 20px 17px !important;
  }

  .recognition-icon{
    margin-bottom:10px !important;
  }

  .recognition .recognition-item h3{
    font-size:clamp(1.48rem,1.7vw,1.72rem) !important;
    margin-bottom:6px !important;
  }

  .recognition .recognition-item p{
    font-size:15px !important;
    line-height:1.46 !important;
  }

  /* ---------- EISBERG ---------- */
  .iceberg-head{
    margin-bottom:20px !important;
  }

  .iceberg-head p{
    font-size:15.5px !important;
    line-height:1.5 !important;
  }

  .iceberg-scene{
    min-height:520px !important;
  }

  /* ---------- PERSPEKTIVWECHSEL ---------- */
  .belief-editorial-balance{
    gap:38px !important;
  }

  .belief-editorial-left h2{
    font-size:clamp(2.45rem,3.2vw,3.35rem) !important;
  }

  .belief-search-intro,
  .belief-context{
    font-size:15.5px !important;
    line-height:1.5 !important;
  }

  .belief-assumptions.belief-assumptions-expanded p{
    font-size:clamp(1.08rem,1.18vw,1.22rem) !important;
    line-height:1.28 !important;
    padding-top:7px !important;
    padding-bottom:7px !important;
  }

  /* ---------- METHODE ---------- */
  .method-fourstep{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }

  .method-fourstep-grid{
    gap:38px !important;
  }

  .method-step{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .method-step-icon{
    width:42px !important;
    height:42px !important;
    margin-bottom:12px !important;
  }

  .method-step-question{
    font-size:1.02rem !important;
  }

  .method-step p:last-child{
    font-size:15px !important;
    line-height:1.48 !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo
  .method-closing-photo-placeholder.method-closing-photo-real,
  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    min-height:460px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    font-size:clamp(2.1rem,2.75vw,2.8rem) !important;
  }

  /* ---------- LEISTUNGSBAUSTEINE ---------- */
  .service-building-blocks h2{
    margin-bottom:22px !important;
  }

  .service-block{
    min-height:150px !important;
    padding:18px 20px 17px !important;
  }

  .service-icon{
    margin-bottom:10px !important;
  }

  .service-block h3{
    font-size:1rem !important;
    margin-bottom:6px !important;
  }

  .service-block p{
    font-size:15px !important;
    line-height:1.46 !important;
  }

  /* ---------- JOURNEYS ---------- */
  .journey-unified{
    grid-template-columns:64px .95fr 1.05fr !important;
    gap:21px !important;
    padding:28px 0 !important;
  }

  .journey-unified-index{
    font-size:3.35rem !important;
  }

  .journey-unified h3{
    font-size:1.95rem !important;
  }

  .journey-tagline{
    font-size:1.08rem !important;
    margin-bottom:12px !important;
  }

  .journey-summary,
  .journey-unified p,
  .journey-detail-panel p,
  .journey-included li{
    font-size:15px !important;
    line-height:1.48 !important;
  }

  .journey-facts div{
    min-height:60px !important;
    padding:10px 12px !important;
  }

  .journey-unified-detail{
    padding-left:18px !important;
  }

  /* ---------- TRANSFORMATION ---------- */
  .transform-grid{
    min-height:560px !important;
  }

  .transform-copy{
    padding:50px 42px !important;
  }

  .transform-statement{
    padding:14px 0 !important;
  }

  .transform-statement strong{
    font-size:1.65rem !important;
  }

  /* ---------- TESTIMONIAL ---------- */
  .testimonial-real{
    margin-top:20px !important;
  }

  .testimonial-real>p{
    font-size:16px !important;
    line-height:1.52 !important;
    margin-bottom:12px !important;
  }

  .testimonial-real>p:nth-of-type(2){
    font-size:1.35rem !important;
  }

  .testimonial-meta-grid{
    margin-top:20px !important;
    padding-top:16px !important;
  }

  /* ---------- FOUNDER ---------- */
  .about-v2-chapter{
    gap:38px !important;
    padding-top:34px !important;
    padding-bottom:34px !important;
  }

  .about-v2-copy p,
  .about-v2-role-copy p{
    font-size:15.5px !important;
    line-height:1.52 !important;
  }

  .about-v2-photo{
    min-height:400px !important;
  }

  .about-v2-photo-story{
    min-height:420px !important;
  }

  .about-v2-photo-career{
    min-height:390px !important;
  }

  .about-v2-statement{
    margin:22px 0 30px !important;
    padding:44px 50px !important;
    font-size:clamp(2rem,2.65vw,2.7rem) !important;
  }

  /* ---------- TRUST / FINAL ---------- */
  .trust-grid{
    gap:46px !important;
  }

  .trust-item{
    min-height:112px !important;
    padding:16px !important;
  }

  .final h2{
    font-size:clamp(2.6rem,3.35vw,3.4rem) !important;
  }
}

/* Besonders niedrige 12"-Viewports */
@media (min-width:901px) and (max-width:1366px) and (max-height:720px){
  .recognition,
  .section.opening,
  .section.iceberg-section,
  .belief-shift,
  .section.method,
  .service-building-blocks,
  .journey-system,
  .transform,
  .section.testimonials,
  .founder-story-v2,
  .section.trust,
  .section.final{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }

  .hero h1{
    font-size:clamp(2.95rem,3.9vw,3.55rem) !important;
  }

  .hero-copy .lead{
    font-size:15px !important;
  }

  .iceberg-scene{
    min-height:470px !important;
  }
}



/* Guide label on brown background: brand wordmark stays yellow, remainder ivory */
.journey-guide-cta .journey-guide-copy > p.label{
  color:#FAF7F1 !important;
}
.journey-guide-cta .journey-guide-copy > p.label .femulous-wordmark-text{
  color:var(--yellow) !important;
}



/* V268 · MEINE ROLLE: compact collapsed composition.
   Desktop only. Open accordion can grow naturally. */
@media (min-width:901px){
  .about-v2-role.about-v2-role-premium{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
    gap:clamp(64px,6vw,100px) !important;
    align-items:start !important;
    padding:clamp(54px,4.6vw,72px) clamp(48px,6vw,96px) clamp(42px,3.6vw,58px) !important;
  }

  .about-v2-role-title{
    position:static !important;
  }

  .about-v2-role-title .about-v2-index{
    display:block !important;
    margin-bottom:22px !important;
  }

  .about-v2-role-title h2{
    max-width:560px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    font-size:clamp(3.15rem,4.25vw,4.75rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.035em !important;
  }

  .about-v2-role-copy.about-v2-role-copy-premium{
    max-width:760px !important;
    margin-left:auto !important;
  }

  .role-pillar{
    padding:18px 0 !important;
  }

  .about-v2-role-readmore{
    margin-top:18px !important;
    margin-bottom:0 !important;
  }

  .about-v2-role-readmore > summary{
    min-height:0 !important;
    padding:15px 0 0 !important;
  }

  /* In collapsed state the brown card ends shortly after the CTA.
     When opened, content simply expands the card downward. */
  .about-v2-role-readmore:not([open]){
    border-bottom:0 !important;
  }
}



/* V269 · Qualifications remain visually quiet until explicitly opened */
.qualifications-disclosure{
  margin-top:clamp(28px,3vw,42px) !important;
}

.qualifications-disclosure > summary{
  list-style:none !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:12px 24px 13px !important;
  border:1px solid rgba(105,75,50,.55) !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#593d21 !important;
  font-family:var(--sans) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  user-select:none !important;
  transition:background .2s ease,color .2s ease,border-color .2s ease !important;
}

.qualifications-disclosure > summary::-webkit-details-marker{
  display:none !important;
}

.qualifications-disclosure > summary::after{
  content:" +" !important;
  color:var(--yellow) !important;
  font-size:15px !important;
  line-height:1 !important;
}

.qualifications-disclosure[open] > summary::after{
  content:" −" !important;
}

.qualifications-disclosure > summary:hover{
  background:#593d21 !important;
  color:#FAF7F1 !important;
  border-color:#593d21 !important;
}

.qualifications-disclosure-content{
  margin-top:clamp(34px,4vw,54px) !important;
}

@media(max-width:680px){
  .qualifications-disclosure{
    margin-top:24px !important;
  }
  .qualifications-disclosure > summary{
    padding:11px 18px 12px !important;
    font-size:11px !important;
    letter-spacing:.1em !important;
  }
  .qualifications-disclosure-content{
    margin-top:30px !important;
  }
}



/* V270 · MEINE ROLLE: optische Achsen und vertikale Balance */
@media (min-width:901px){
  .about-v2-role.about-v2-role-premium{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) !important;
    column-gap:clamp(54px,5vw,82px) !important;
    align-items:start !important;
    padding:58px clamp(54px,6vw,92px) 48px !important;
  }

  /* Linke und rechte obere Achse starten exakt auf derselben Höhe */
  .about-v2-role-title,
  .about-v2-role-copy.about-v2-role-copy-premium{
    padding-top:0 !important;
    margin-top:0 !important;
  }

  .about-v2-role-title .about-v2-index{
    display:block !important;
    margin:0 0 28px !important;
    line-height:1 !important;
  }

  .about-v2-role-title h2{
    max-width:540px !important;
    margin:0 !important;
    font-size:clamp(3rem,3.8vw,4.25rem) !important;
    line-height:1.01 !important;
  }

  .about-v2-role-copy.about-v2-role-copy-premium{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
  }

  .role-pillars{
    margin:0 !important;
  }

  .role-pillar{
    grid-template-columns:190px minmax(0,1fr) !important;
    gap:24px !important;
    min-height:72px !important;
    padding:17px 0 !important;
    align-items:start !important;
    box-sizing:border-box !important;
  }

  .role-pillar-label{
    padding-top:2px !important;
  }

  .role-pillar p{
    font-size:1rem !important;
    line-height:1.46 !important;
  }

  /* CTA sitzt direkt unter der letzten Inhaltslinie */
  .about-v2-role-readmore{
    margin-top:17px !important;
  }

  .about-v2-role-readmore > summary{
    padding:14px 0 0 !important;
  }
}



/* V273 · Qualifications CTA aligned beside the headline */
@media (min-width:901px){
  .about-v2-credentials-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "index index"
      "headline trigger" !important;
    column-gap:clamp(36px,5vw,76px) !important;
    align-items:end !important;
  }

  .about-v2-credentials-head > .about-v2-index{
    grid-area:index !important;
  }

  .about-v2-credentials-head > h2{
    grid-area:headline !important;
    margin-bottom:0 !important;
  }

  .about-v2-credentials-head > .qualifications-disclosure-button{
    grid-area:trigger !important;
    align-self:end !important;
    margin:0 0 .35em !important;
    white-space:nowrap !important;
  }

  .qualifications-disclosure{
    margin-top:0 !important;
    border:0 !important;
  }
}

/* The trigger now lives outside <details>, so it controls the details via JS. */
.about-v2-credentials-head > .qualifications-disclosure-button{
  list-style:none !important;
  width:max-content !important;
  max-width:100% !important;
  padding:12px 24px 13px !important;
  border:1px solid rgba(105,75,50,.55) !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#593d21 !important;
  font-family:var(--sans) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  user-select:none !important;
}

.about-v2-credentials-head > .qualifications-disclosure-button::after{
  content:" +" !important;
  color:var(--yellow) !important;
  font-size:15px !important;
}

.about-v2-credentials.qualifications-open
.about-v2-credentials-head > .qualifications-disclosure-button::after{
  content:" −" !important;
}

/* Remove the grey divider/line around this interaction */
.about-v2-credentials-head,
.qualifications-disclosure,
.qualifications-disclosure-content{
  border-top:0 !important;
  border-bottom:0 !important;
}

@media(max-width:900px){
  .about-v2-credentials-head > .qualifications-disclosure-button{
    margin-top:22px !important;
  }
}



/* Keep these two iceberg symptom labels on one line */
.iceberg-section .symptom-chip{
  white-space:nowrap;
}



.credential-small-photo{display:none !important;margin:0 !important;padding:0 !important;height:0 !important;min-height:0 !important;}



#contact .label,
#contact .eyebrow{
  color:#FAF7F1 !important;
}



/* 1. Hero/title image: completely static */
.hero-media,
.hero-media::before,
.hero-media::after,
.hero-media .hero-personal-photo,
.hero-personal-photo{
  animation:none !important;
  transition:none !important;
  transform:none !important;
}
.hero-media .hero-personal-photo{
  scale:1 !important;
}

/* 2. Perspektivwechsel */
#perspektivwechsel .belief-photo{
  background-image:var(--img-belief-photo) !important;
}

/* 3. Methodenzitat */
.method-closing-photo-placeholder.method-closing-photo-real{
  background-image:var(--img-method-quote) !important;
}

/* 4. Transformation / Belohnung */
.transform-media{
  background-image:var(--img-transform) !important;
}

/* 5. Founder Story */
.founder-photo-one{
  background-image:var(--img-founder-story) !important;
}

/* 6. Werdegang / beruflicher Kontext */
.founder-photo-medium{
  background-image:var(--img-founder-career) !important;
}



/* V279 · MEINE EXPERTISE: larger image area, preserving the photo motif */
@media (min-width:901px){
  .about-v2-chapter:has(.founder-photo-one){
    grid-template-columns:minmax(0,1.02fr) minmax(0,1.18fr) !important;
    gap:clamp(54px,5vw,78px) !important;
    align-items:stretch !important;
  }

  .founder-photo-one.about-v2-photo.about-v2-photo-story{
    width:100% !important;
    min-height:600px !important;
    height:100% !important;
    align-self:stretch !important;
    background-size:cover !important;
    background-position:center 30% !important;
  }
}

@media (min-width:901px) and (max-width:1440px){
  .founder-photo-one.about-v2-photo.about-v2-photo-story{
    min-height:540px !important;
  }
}



/* V280 · MEIN WERDEGANG: larger photo area so the motif is clearly visible */
@media (min-width:901px){
  .about-v2-chapter:has(.founder-photo-medium){
    grid-template-columns:minmax(0,1.02fr) minmax(0,1.18fr) !important;
    gap:clamp(54px,5vw,78px) !important;
    align-items:stretch !important;
  }

  .founder-photo-medium.about-v2-photo.about-v2-photo-career{
    width:100% !important;
    min-height:600px !important;
    height:100% !important;
    align-self:stretch !important;
    background-size:cover !important;
    background-position:center 24% !important;
  }
}

@media (min-width:901px) and (max-width:1440px){
  .founder-photo-medium.about-v2-photo.about-v2-photo-career{
    min-height:540px !important;
  }
}



@media (min-width:901px){
  .founder-photo-one.about-v2-photo.about-v2-photo-story,
  .founder-photo-medium.about-v2-photo.about-v2-photo-career{
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:#FAF7F1 !important;
  }
}



/* 1 · Hero: remove every animated veil / light layer */
.hero-media .hero-light-motion,
.hero-media .hero-ambient-layer,
.hero-media .hero-ambient-wash,
.hero-media.has-photo::before,
.hero-media.has-photo::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  animation:none !important;
  transition:none !important;
}
.hero-media,
.hero-media *,
.hero-media::before,
.hero-media::after{
  animation:none !important;
  transition:none !important;
}
.hero-personal-photo{
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
}

/* 2 · Founder photos: preserve the accepted zoom level, but remove the side bars
   by making the photo frames match the 1067 × 1600 portrait originals. */
@media (min-width:901px){
  .founder-photo-one.about-v2-photo.about-v2-photo-story,
  .founder-photo-medium.about-v2-photo.about-v2-photo-career{
    aspect-ratio:1067 / 1600 !important;
    width:auto !important;
    height:min(600px,72vh) !important;
    min-height:0 !important;
    max-width:100% !important;
    justify-self:center !important;
    align-self:center !important;
    background-size:100% 100% !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-color:transparent !important;
  }
}

/* 3 · Method closing: large editorial interstitial image with quote below,
   never over the photograph. */
.method-fourstep-closing.method-fourstep-closing-photo{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:30px !important;
  padding-top:42px !important;
  overflow:visible !important;
}
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-placeholder.method-closing-photo-real{
  position:relative !important;
  inset:auto !important;
  width:min(920px,88vw) !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:16 / 10 !important;
  border-radius:0 !important;
  background-size:cover !important;
  background-position:center 28% !important;
  background-repeat:no-repeat !important;
}
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-overlay{
  display:none !important;
}
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  position:relative !important;
  inset:auto !important;
  z-index:1 !important;
  width:min(980px,92vw) !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  color:var(--ivory) !important;
  text-shadow:none !important;
  text-align:center !important;
  font-size:clamp(2.15rem,4vw,4.4rem) !important;
  line-height:1.02 !important;
}
@media (max-width:900px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    gap:22px !important;
  }
  .method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-placeholder.method-closing-photo-real{
    width:100% !important;
    aspect-ratio:4 / 5 !important;
  }
  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    width:100% !important;
    text-align:left !important;
  }
}



/* V283 · Methodenzitat als klares Editorial-Zwischenbild:
   großes Foto, kein Overlay, Headline vollständig darunter. */

.method-fourstep-closing.method-fourstep-closing-photo{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:34px !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  padding:54px 24px 62px !important;
  background:#FAF7F1 !important;
  overflow:visible !important;
}

/* Das Foto bekommt eine große, portraitnahe Editorial-Fläche.
   3:4 passt deutlich besser zum Hochformat als der bisherige 16:10-Crop. */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:min(760px,78vw) !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:3 / 4 !important;
  margin:0 auto !important;
  border:0 !important;
  border-radius:0 !important;
  background-size:cover !important;
  background-position:center 38% !important;
  background-repeat:no-repeat !important;
  box-shadow:none !important;
}

/* Keine Abdunklung / kein Layer zwischen Bild und Betrachter */
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-overlay{
  display:none !important;
}

/* Headline als eigener Editorial-Block unterhalb des Fotos */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  position:relative !important;
  inset:auto !important;
  z-index:2 !important;
  display:block !important;
  width:min(1040px,92vw) !important;
  max-width:1040px !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  color:#593d21 !important;
  text-align:center !important;
  text-shadow:none !important;
  font-size:clamp(2.75rem,4.3vw,4.65rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote .quote-line{
  display:inline !important;
  color:#593d21 !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
  color:var(--yellow) !important;
  font-style:italic !important;
}

/* Sicherheit gegen ältere Regeln, die Quote/Text wieder über das Bild ziehen */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote,
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote *{
  transform:none !important;
}

@media (max-width:900px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    gap:24px !important;
    padding:34px 18px 42px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo
  .method-closing-photo-placeholder.method-closing-photo-real{
    width:min(620px,92vw) !important;
    aspect-ratio:3 / 4 !important;
    background-position:center 38% !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    width:min(680px,92vw) !important;
    font-size:clamp(2.1rem,7.8vw,3.2rem) !important;
    line-height:1.04 !important;
  }
}



/* V284 · Editorial statement image with headline overlaid INSIDE the photo */

.method-fourstep-closing.method-fourstep-closing-photo{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  padding:54px 24px 62px !important;
  background:#FAF7F1 !important;
  overflow:visible !important;
}

/* Large portrait-led editorial image, less cropped than the earlier landscape treatment */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:min(900px,84vw) !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:4 / 5 !important;
  margin:0 auto !important;
  border:0 !important;
  border-radius:0 !important;
  background-size:cover !important;
  background-position:center 34% !important;
  background-repeat:no-repeat !important;
  box-shadow:none !important;
}

/* Readability gradient only in the lower headline zone, not a veil across the full image */
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-overlay{
  display:block !important;
  position:absolute !important;
  z-index:2 !important;
  left:50% !important;
  bottom:62px !important;
  width:min(900px,84vw) !important;
  height:43% !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(
    to top,
    rgba(42,27,17,.54) 0%,
    rgba(42,27,17,.28) 44%,
    rgba(42,27,17,0) 100%
  ) !important;
  pointer-events:none !important;
}

/* Headline sits entirely within the lower third of the photo */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  position:absolute !important;
  z-index:3 !important;
  left:50% !important;
  bottom:clamp(102px,10vw,142px) !important;
  transform:translateX(-50%) !important;
  display:block !important;
  width:min(780px,72vw) !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#FAF7F1 !important;
  text-align:center !important;
  text-shadow:0 2px 14px rgba(35,23,15,.22) !important;
  font-size:clamp(2.65rem,4.15vw,4.5rem) !important;
  line-height:1.01 !important;
  letter-spacing:-.025em !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote .quote-line{
  display:block !important;
  color:#FAF7F1 !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
  color:var(--yellow) !important;
  font-style:italic !important;
}

@media (max-width:900px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    padding:34px 16px 42px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo
  .method-closing-photo-placeholder.method-closing-photo-real{
    width:min(680px,92vw) !important;
    aspect-ratio:4 / 5 !important;
    background-position:center 34% !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-overlay{
    bottom:42px !important;
    width:min(680px,92vw) !important;
    height:46% !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    bottom:clamp(72px,12vw,104px) !important;
    width:min(600px,82vw) !important;
    font-size:clamp(2rem,7vw,3.1rem) !important;
  }
}



.qualifications-disclosure > .qualifications-native-summary{
  display:none !important;
}
.qualifications-disclosure > .qualifications-native-summary::marker,
.qualifications-disclosure > .qualifications-native-summary::-webkit-details-marker{
  display:none !important;
  content:"" !important;
}



.method-fourstep-closing.method-fourstep-closing-photo{
  position:relative !important;
  display:block !important;
  width:min(1080px, calc(100% - 56px)) !important;
  aspect-ratio:1.32 / 1 !important;
  min-height:0 !important;
  height:auto !important;
  margin:56px auto 68px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#FAF7F1 !important;
  border-radius:0 !important;
}

/* Photo occupies the full editorial frame. The 1.32:1 ratio is chosen
   specifically for the portrait source so the motif is not over-cropped. */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  aspect-ratio:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background-size:cover !important;
  background-position:center 43% !important;
  background-repeat:no-repeat !important;
  box-shadow:none !important;
}

/* Only a very soft lower gradient for text readability. */
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-overlay{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(
    to top,
    rgba(37,25,17,.38) 0%,
    rgba(37,25,17,.16) 26%,
    rgba(37,25,17,0) 52%
  ) !important;
  pointer-events:none !important;
}

/* Quote is fully contained inside the photo, with generous side room. */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  position:absolute !important;
  left:50% !important;
  bottom:7.5% !important;
  z-index:3 !important;
  transform:translateX(-50%) !important;
  display:block !important;
  width:84% !important;
  max-width:900px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#FAF7F1 !important;
  text-align:center !important;
  text-shadow:0 2px 12px rgba(37,25,17,.24) !important;
  font-size:clamp(2.55rem,3.8vw,4.15rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote .quote-line{
  display:block !important;
  color:#FAF7F1 !important;
  white-space:normal !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
  color:var(--yellow) !important;
  font-style:italic !important;
}

@media(max-width:900px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    width:calc(100% - 28px) !important;
    aspect-ratio:4 / 5 !important;
    margin:38px auto 46px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo
  .method-closing-photo-placeholder.method-closing-photo-real{
    background-position:center 40% !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    width:86% !important;
    bottom:6.5% !important;
    font-size:clamp(2rem,7.2vw,3.05rem) !important;
    line-height:1.03 !important;
  }
}



/* V287 · Testimonial: quieter typography + compact editorial portrait */

.testimonial-story-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 230px !important;
  gap:clamp(46px,5vw,76px) !important;
  align-items:start !important;
  margin-top:28px !important;
}

.testimonial-story-grid .testimonial-real{
  max-width:none !important;
  margin-top:0 !important;
}

/* Eyebrow stays intentionally small */
.testimonial-story-grid .testimonial-case-index{
  font-size:11px !important;
  line-height:1.4 !important;
  letter-spacing:.15em !important;
  margin-bottom:16px !important;
}

/* Intermediate headline smaller than before, but still clearly distinct */
.testimonial-story-grid .testimonial-subheadline{
  font-size:clamp(1.25rem,1.45vw,1.5rem) !important;
  line-height:1.25 !important;
  margin:0 0 14px !important;
}

/* Testimonial copy now uses the regular section-text scale */
.testimonial-story-grid .testimonial-body{
  font-family:var(--sans) !important;
  font-size:16px !important;
  line-height:1.58 !important;
  margin:0 0 14px !important;
}

.testimonial-story-grid .testimonial-body em,
.testimonial-story-grid .testimonial-body em strong{
  font-family:var(--sans) !important;
  font-size:inherit !important;
  line-height:inherit !important;
}

.testimonial-story-grid .testimonial-meta-grid{
  margin-top:22px !important;
  padding-top:18px !important;
}

/* Small, elegant portrait placeholder on the right */
.testimonial-portrait-placeholder{
  width:100% !important;
  aspect-ratio:4 / 5 !important;
  min-height:0 !important;
  border:1px solid rgba(105,75,50,.22) !important;
  border-radius:18px !important;
  background:
    linear-gradient(145deg,rgba(231,221,201,.55),rgba(250,247,241,.92)) !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  padding:18px !important;
  box-sizing:border-box !important;
}

.testimonial-portrait-placeholder span{
  font-family:var(--sans) !important;
  font-size:10px !important;
  line-height:1.2 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:rgba(105,75,50,.58) !important;
}

@media(max-width:900px){
  .testimonial-story-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .testimonial-portrait-placeholder{
    width:min(230px,62vw) !important;
    justify-self:start !important;
  }

  .testimonial-story-grid .testimonial-body{
    font-size:16px !important;
  }
}



/* V288 · Methodenzitat exakt nach Vorgabe:
   vollständiges Fotomotiv, statisch, Schleier über gesamter Fläche,
   Headline mittig im Bild. */

.method-fourstep-closing.method-fourstep-closing-photo{
  position:relative !important;
  display:block !important;
  width:min(720px,72vw) !important;
  aspect-ratio:1067 / 1600 !important;
  min-height:0 !important;
  height:auto !important;
  margin:58px auto 70px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#FAF7F1 !important;
  border-radius:0 !important;
  animation:none !important;
  transition:none !important;
}

/* Das Originalfoto füllt den Rahmen im Original-Seitenverhältnis.
   Dadurch ist das Motiv vollständig sichtbar und wird nicht beschnitten. */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  aspect-ratio:auto !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  animation:none !important;
  transition:none !important;
  transform:none !important;
  filter:none !important;
}

/* Der Schleier liegt jetzt gleichmäßig über der gesamten Fotofläche,
   nicht nur als Balken in einem Teilbereich. */
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-overlay{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  background:rgba(45,31,22,.20) !important;
  animation:none !important;
  transition:none !important;
  transform:none !important;
  pointer-events:none !important;
}

/* Headline exakt horizontal und vertikal mittig auf dem Fotomotiv */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  bottom:auto !important;
  z-index:3 !important;
  transform:translate(-50%,-50%) !important;
  width:84% !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#FAF7F1 !important;
  text-align:center !important;
  text-shadow:0 2px 14px rgba(35,24,17,.28) !important;
  font-size:clamp(2.45rem,3.9vw,4.05rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
  animation:none !important;
  transition:none !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote .quote-line{
  display:block !important;
  color:#FAF7F1 !important;
  white-space:normal !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
  color:var(--yellow) !important;
  font-style:italic !important;
}

/* Alle alten Animationen / Bewegungen in diesem Block neutralisieren */
.method-fourstep-closing.method-fourstep-closing-photo *,
.method-fourstep-closing.method-fourstep-closing-photo::before,
.method-fourstep-closing.method-fourstep-closing-photo::after{
  animation:none !important;
  transition:none !important;
}

@media(max-width:900px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    width:min(620px,90vw) !important;
    aspect-ratio:1067 / 1600 !important;
    margin:40px auto 48px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    width:86% !important;
    font-size:clamp(2rem,7vw,3rem) !important;
    line-height:1.03 !important;
  }
}



/* V289 · Editorial full-bleed method image:
   no brown side gutters, full portrait motif preserved, centered headline. */

.method-fourstep{
  overflow:visible !important;
}

/* Break the image stage out of the inner .wrap to full viewport width */
.method-fourstep-closing.method-fourstep-closing-photo{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  max-width:none !important;
  height:clamp(680px,62vw,920px) !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  margin:58px 0 70px -50vw !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#FAF7F1 !important;
  border-radius:0 !important;
  animation:none !important;
  transition:none !important;
}

/* The existing image layer becomes the full-bleed photographic stage.
   Its original image remains available for the pseudo layers below. */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  background-size:cover !important;
  background-position:center 42% !important;
  background-repeat:no-repeat !important;
  animation:none !important;
  transition:none !important;
  transform:none !important;
  filter:none !important;
}

/* Soft photographic extension fills the viewport left/right */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real::before{
  content:"" !important;
  position:absolute !important;
  inset:-3% !important;
  z-index:0 !important;
  background-image:inherit !important;
  background-size:cover !important;
  background-position:center 42% !important;
  background-repeat:no-repeat !important;
  filter:blur(16px) brightness(.82) !important;
  transform:scale(1.06) !important;
  opacity:.72 !important;
}

/* Sharp original portrait sits centered and remains fully visible */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background-image:inherit !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Even, subtle veil across the WHOLE photographic stage */
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-overlay{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  background:rgba(40,28,20,.17) !important;
  animation:none !important;
  transition:none !important;
  transform:none !important;
  pointer-events:none !important;
}

/* Headline exactly centered in the image */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  bottom:auto !important;
  z-index:3 !important;
  transform:translate(-50%,-50%) !important;
  width:min(980px,78vw) !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#FAF7F1 !important;
  text-align:center !important;
  text-shadow:0 2px 16px rgba(35,24,17,.30) !important;
  font-size:clamp(2.5rem,3.7vw,4rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
  animation:none !important;
  transition:none !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote .quote-line{
  display:block !important;
  color:#FAF7F1 !important;
  white-space:normal !important;
}

.method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
  color:var(--yellow) !important;
  font-style:italic !important;
}

/* Kill all legacy motion in this block */
.method-fourstep-closing.method-fourstep-closing-photo *,
.method-fourstep-closing.method-fourstep-closing-photo::before,
.method-fourstep-closing.method-fourstep-closing-photo::after{
  animation:none !important;
  transition:none !important;
}

@media(max-width:900px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    height:clamp(620px,128vw,820px) !important;
    margin-top:40px !important;
    margin-bottom:48px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    width:84vw !important;
    font-size:clamp(2rem,7vw,3rem) !important;
  }
}



/* V290 · Testimonial hierarchy refinement */
.testimonial-story-grid .testimonial-case-index{
  font-size:10px !important;
  line-height:1.35 !important;
  letter-spacing:.14em !important;
  margin-bottom:12px !important;
}

.testimonial-story-grid .testimonial-subheadline{
  font-size:18px !important;
  line-height:1.28 !important;
  margin:0 0 13px !important;
  font-weight:600 !important;
}

@media(max-width:900px){
  .testimonial-story-grid .testimonial-case-index{
    font-size:10px !important;
  }
  .testimonial-story-grid .testimonial-subheadline{
    font-size:17px !important;
  }
}



/* V291 · Full-bleed method photo: prioritize upper motif.
   Keep head, hands and cup visible instead of centering/cropping the head. */

/* Background extension also follows the upper part of the source image */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real{
  background-position:center 18% !important;
}

/* Blurred full-width extension */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real::before{
  background-position:center 18% !important;
}

/* Sharp central portrait: show the full source image, aligned toward the top */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-placeholder.method-closing-photo-real::after{
  inset:0 !important;
  background-size:contain !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}

/* Keep the quote centered on the photographic stage */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  top:50% !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
}



.testimonial-story-grid .testimonial-case-index{
  font-size:5px !important;
  line-height:1.35 !important;
  letter-spacing:.14em !important;
}
@media(max-width:900px){
  .testimonial-story-grid .testimonial-case-index{
    font-size:5px !important;
  }
}



/* V293 · Nearly complete portrait motif + full-width photographic side fill.
   Two real layers avoid the previous pseudo-element cropping conflict. */

.method-fourstep-closing.method-fourstep-closing-photo{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  max-width:none !important;
  height:clamp(760px,72vw,1040px) !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  margin:58px 0 70px -50vw !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#593d21 !important;
}

/* Background layer fills the full browser width.
   It is intentionally soft, so the central original photograph remains the focus. */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-backdrop.method-closing-photo-real{
  position:absolute !important;
  inset:-3% !important;
  z-index:0 !important;
  width:106% !important;
  height:106% !important;
  margin:0 !important;
  background-size:cover !important;
  background-position:center 35% !important;
  background-repeat:no-repeat !important;
  filter:blur(18px) brightness(.78) saturate(.88) !important;
  transform:scale(1.04) !important;
  opacity:.78 !important;
}

/* Sharp foreground layer shows the complete original photo.
   contain = no top/bottom crop, no head crop, no cup/hands crop. */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-foreground.method-closing-photo-real{
  position:absolute !important;
  inset:2.5% 0 !important;
  z-index:1 !important;
  width:100% !important;
  height:95% !important;
  margin:0 !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  filter:none !important;
  transform:none !important;
  opacity:1 !important;
}

/* Disable legacy pseudo layers on both real image layers */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-backdrop.method-closing-photo-real::before,
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-backdrop.method-closing-photo-real::after,
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-foreground.method-closing-photo-real::before,
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-foreground.method-closing-photo-real::after{
  display:none !important;
  content:none !important;
}

/* Subtle veil across the complete full-width photo stage */
.method-fourstep-closing.method-fourstep-closing-photo .method-closing-photo-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  background:rgba(38,27,20,.14) !important;
}

/* Quote remains centered over the motif */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  bottom:auto !important;
  z-index:3 !important;
  transform:translate(-50%,-50%) !important;
  width:min(900px,76vw) !important;
  margin:0 !important;
  text-align:center !important;
}

/* No movement anywhere in this photo block */
.method-fourstep-closing.method-fourstep-closing-photo,
.method-fourstep-closing.method-fourstep-closing-photo *{
  animation:none !important;
  transition:none !important;
}

@media(max-width:900px){
  .method-fourstep-closing.method-fourstep-closing-photo{
    height:clamp(650px,145vw,880px) !important;
    margin-top:40px !important;
    margin-bottom:48px !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo
  .method-closing-photo-foreground.method-closing-photo-real{
    inset:2% 0 !important;
    height:96% !important;
  }

  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    width:84vw !important;
  }
}



/* V294 · Opening section: left headline spans the visual height of all 3 right-hand blocks */
@media(min-width:901px){
  .opening .opening-grid.opening-grid-aligned{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) !important;
    gap:clamp(64px,6vw,104px) !important;
    align-items:stretch !important;
  }

  .opening .opening-headline{
    display:flex !important;
    align-items:stretch !important;
    align-self:stretch !important;
    min-height:100% !important;
  }

  .opening .opening-big.opening-big-v169{
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    align-self:stretch !important;
    width:100% !important;
    max-width:8.7em !important;
    min-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    font-size:clamp(4.25rem,5.45vw,6.35rem) !important;
    line-height:.98 !important;
    letter-spacing:-.038em !important;
  }

  /* Treat the three existing spans as three vertical headline beats.
     First begins at the first right-hand text line; last lands at the final block. */
  .opening .opening-big.opening-big-v169 > span{
    display:block !important;
    margin:0 !important;
  }

  .opening .situations{
    margin:0 !important;
    padding:0 !important;
  }

  .opening .situation:first-child{
    padding-top:0 !important;
  }

  .opening .situation:last-child{
    padding-bottom:0 !important;
  }
}

@media(max-width:900px){
  .opening .opening-big.opening-big-v169{
    display:block !important;
    min-height:0 !important;
  }
}



/* Explicit source assignment fixes the vanished photograph. */
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-backdrop.method-closing-photo-real{
  background-image:var(--img-method-quote) !important;
  background-size:cover !important;
  background-position:center 35% !important;
  background-repeat:no-repeat !important;
  display:block !important;
  visibility:visible !important;
}

.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-foreground.method-closing-photo-real{
  background-image:var(--img-method-quote) !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-backdrop.method-closing-photo-real::before,
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-backdrop.method-closing-photo-real::after,
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-foreground.method-closing-photo-real::before,
.method-fourstep-closing.method-fourstep-closing-photo
.method-closing-photo-foreground.method-closing-photo-real::after{
  display:none !important;
  content:none !important;
}



/* V296 · Opening headline: compact readable line spacing, centered at block 02 */
@media(min-width:901px){
  .opening .opening-grid.opening-grid-aligned{
    align-items:start !important;
  }

  .opening .opening-headline{
    display:flex !important;
    align-items:flex-start !important;
    align-self:start !important;
    min-height:0 !important;
    /* Positions the headline visually around the second situation block */
    padding-top:clamp(245px,18vw,330px) !important;
  }

  .opening .opening-big.opening-big-v169{
    display:block !important;
    width:100% !important;
    max-width:8.7em !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    font-size:clamp(4.05rem,5.2vw,6.05rem) !important;
    line-height:.98 !important;
    letter-spacing:-.038em !important;
  }

  .opening .opening-big.opening-big-v169 > span{
    display:block !important;
    margin:0 !important;
  }

  .opening .situations{
    margin:0 !important;
    padding:0 !important;
  }
}

@media(max-width:900px){
  .opening .opening-headline{
    padding-top:0 !important;
  }
}



/* V297 · Method quote approximately 2 cm lower */
@media(min-width:901px){
  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    top:calc(50% + 2cm) !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
  }
}



/* V298 · Opening: wider right text column, lower text blocks, better balance with headline */
@media(min-width:901px){
  .opening .opening-grid.opening-grid-aligned{
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr) !important;
    gap:clamp(48px,4.2vw,76px) !important;
    align-items:start !important;
  }

  /* Use the additional width for the situations instead of letting
     the copy remain constrained by an older max-width. */
  .opening .situations{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .opening .situation{
    width:100% !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    column-gap:20px !important;
  }

  .opening .situation > div:last-child{
    width:100% !important;
    max-width:none !important;
  }

  .opening .situation h3,
  .opening .situation p{
    max-width:none !important;
  }

  /* With the right column becoming lower, reposition the compact
     headline to remain visually centered around situation 02. */
  .opening .opening-headline{
    padding-top:clamp(190px,13vw,245px) !important;
  }

  .opening .opening-big.opening-big-v169{
    font-size:clamp(3.9rem,4.9vw,5.75rem) !important;
    line-height:.98 !important;
    max-width:8.6em !important;
  }
}

@media(min-width:1400px){
  .opening .opening-grid.opening-grid-aligned{
    grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr) !important;
  }
}



/* V299 · Quote another 2 cm lower than V297 */
@media(min-width:901px){
  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote{
    top:calc(50% + 4cm) !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
  }
}



/* More breathing room between the grey divider and each situation's text */
@media(min-width:901px){
  .opening .situation{
    padding-top:22px !important;
  }

  .opening .situation:first-child{
    padding-top:22px !important;
  }
}



/* V301 · Improve readability of all small uppercase eyebrow labels */
.label,
.eyebrow,
.about-v2-index,
.testimonial-meta-grid .eyebrow{
  font-size:13px !important;
  line-height:1.45 !important;
  letter-spacing:.14em !important;
}

/* Testimonial case index remains slightly more compact, but readable. */
.testimonial-story-grid .testimonial-case-index{
  font-size:11px !important;
  line-height:1.4 !important;
  letter-spacing:.14em !important;
}

@media(max-width:900px){
  .label,
  .eyebrow,
  .about-v2-index,
  .testimonial-meta-grid .eyebrow{
    font-size:12px !important;
  }
  .testimonial-story-grid .testimonial-case-index{
    font-size:11px !important;
  }
}



.journey-tagline{
  font-size:1.45rem !important;
  line-height:1.22 !important;
  margin-bottom:18px !important;
}
@media(max-width:900px){
  .journey-tagline{
    font-size:1.28rem !important;
    line-height:1.24 !important;
  }
}



/* V303 · „Veränderung.“ als klarer Blickfang im Bildzitat */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
  display:inline-block !important;
  color:var(--yellow) !important;
  font-style:italic !important;
  font-weight:700 !important;
  font-size:1.28em !important;
  line-height:.92 !important;
  letter-spacing:-.035em !important;
}

@media(max-width:900px){
  .method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
    font-size:1.22em !important;
  }
}



@media(min-width:901px){
  .opening .opening-grid.opening-grid-aligned{
    align-items:stretch !important;
  }
  .opening .opening-headline{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    align-self:stretch !important;
    min-height:100% !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .opening .opening-big.opening-big-v169{
    display:block !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    line-height:.98 !important;
  }
}
@media(max-width:900px){
  .opening .opening-headline{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}



/* „Veränderung.“: yellow + italic, but no longer bold */
.method-fourstep-closing.method-fourstep-closing-photo .closing-quote em{
  font-style:italic !important;
  font-weight:400 !important;
}

/* „01 ERFAHRUNG VON KATRIN, 34“: half the current 11px size */
.testimonial-story-grid .testimonial-case-index{
  font-size:5.5px !important;
  line-height:1.4 !important;
  letter-spacing:.14em !important;
}

@media(max-width:900px){
  .testimonial-story-grid .testimonial-case-index{
    font-size:5.5px !important;
  }
}



/* V306 · Left headline truly centered against the complete 3-block text column */
@media(min-width:901px){
  .opening .opening-grid.opening-grid-aligned{
    align-items:stretch !important;
  }

  .opening .opening-headline{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    align-self:stretch !important;
    height:auto !important;
    min-height:100% !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin:0 !important;
  }

  .opening .opening-big.opening-big-v169{
    display:block !important;
    align-self:auto !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    line-height:.98 !important;
  }

  .opening .opening-big.opening-big-v169 > span{
    display:block !important;
    margin:0 !important;
  }
}

@media(max-width:900px){
  .opening .opening-headline{
    min-height:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}



/* V307 · These two symptom keywords must never wrap */
.iceberg-chip.iceberg-chip-nowrap,
.iceberg-chip.iceberg-chip-nowrap b{
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

/* Give the long keyword enough horizontal room instead of wrapping it */
.iceberg-chip.iceberg-chip-nowrap{
  width:auto !important;
  min-width:max-content !important;
  max-width:none !important;
  padding-left:20px !important;
  padding-right:20px !important;
}

/* PMS stays compact, but always one line */
.iceberg-chip.iceberg-chip-pms{
  min-width:112px !important;
}

@media(max-width:900px){
  .iceberg-chip.iceberg-chip-nowrap{
    min-width:max-content !important;
  }
}



/* =========================================================
   V308 · Premium scroll navigation + restrained micro-motion
   ========================================================= */

/* Fixed editorial progress navigation */
.femulous-scroll-rail{
  position:fixed;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  z-index:80;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:13px;
  padding:14px 0;
}

.femulous-scroll-rail .scroll-rail-line{
  position:absolute;
  top:14px;
  bottom:14px;
  right:5px;
  width:1px;
  background:rgba(105,75,50,.16);
  z-index:-1;
}

.femulous-scroll-rail a{
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  gap:10px;
  text-decoration:none !important;
  color:var(--taupe) !important;
  opacity:.42;
  transition:opacity .28s ease, transform .28s ease !important;
}

.femulous-scroll-rail .rail-dot{
  width:11px;
  height:11px;
  border-radius:50%;
  border:1px solid rgba(105,75,50,.56);
  background:var(--ivory);
  box-sizing:border-box;
  transition:background-color .28s ease, border-color .28s ease, transform .28s ease !important;
}

.femulous-scroll-rail .rail-label{
  font-family:var(--sans);
  font-size:10px;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
  white-space:nowrap;
  opacity:0;
  transform:translateX(7px);
  transition:opacity .28s ease, transform .28s ease !important;
}

.femulous-scroll-rail a:hover,
.femulous-scroll-rail a.is-active{
  opacity:1;
}

.femulous-scroll-rail a:hover .rail-label,
.femulous-scroll-rail a.is-active .rail-label{
  opacity:1;
  transform:translateX(0);
}

.femulous-scroll-rail a.is-active .rail-dot{
  background:var(--yellow);
  border-color:var(--yellow);
  transform:scale(1.18);
}

/* Keep the navigation unobtrusive on smaller screens */
@media(max-width:1180px){
  .femulous-scroll-rail{
    right:12px;
  }
  .femulous-scroll-rail .rail-label{
    display:none;
  }
}
@media(max-width:820px){
  .femulous-scroll-rail{
    display:none;
  }
}

/* -------- Premium CTA micro-interactions -------- */
.btn,
.navcta,
.mobile-cta,
.qualifications-disclosure-button,
.method-fourstep-link,
.textlink{
  transition:
    background-color .32s cubic-bezier(.22,.61,.36,1),
    color .32s cubic-bezier(.22,.61,.36,1),
    border-color .32s cubic-bezier(.22,.61,.36,1),
    transform .32s cubic-bezier(.22,.61,.36,1),
    box-shadow .32s cubic-bezier(.22,.61,.36,1) !important;
}

.btn.primary:hover,
.navcta-yellow:hover,
.mobile-cta:hover{
  background:var(--taupe) !important;
  border-color:var(--taupe) !important;
  color:var(--ivory) !important;
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(105,75,50,.14);
}

.btn.ghost:hover,
.qualifications-disclosure-button:hover{
  background:var(--taupe) !important;
  border-color:var(--taupe) !important;
  color:var(--ivory) !important;
  transform:translateY(-2px);
}

.method-fourstep-link:hover,
.textlink:hover{
  color:var(--yellow) !important;
  transform:translateX(4px);
}

/* -------- Restrained scroll reveals -------- */
.premium-reveal{
  opacity:0;
  transform:translateY(14px);
  transition:
    opacity .72s cubic-bezier(.22,.61,.36,1),
    transform .72s cubic-bezier(.22,.61,.36,1) !important;
  will-change:opacity,transform;
}

.premium-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* Slight stagger for graphic/card groups */
.iceberg-chip.premium-reveal,
.method-step.premium-reveal,
.service-block.premium-reveal,
.journey-card.premium-reveal{
  transition-delay:var(--reveal-delay,0ms) !important;
}

/* Calm hover response on visual modules, not “app-card” animation */
.method-step,
.service-block,
.journey-card,
.recognition-item{
  transition:
    transform .38s cubic-bezier(.22,.61,.36,1),
    box-shadow .38s cubic-bezier(.22,.61,.36,1),
    border-color .38s ease !important;
}

@media(hover:hover){
  .method-step:hover,
  .service-block:hover,
  .journey-card:hover{
    transform:translateY(-4px);
  }

  .recognition-item:hover{
    transform:translateY(-3px);
  }
}

/* The editorial method photograph remains intentionally static */
.method-fourstep-closing.method-fourstep-closing-photo,
.method-fourstep-closing.method-fourstep-closing-photo *{
  animation:none !important;
}

/* Accessibility: respect reduced-motion preference */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto !important;}
  .premium-reveal,
  .premium-reveal.is-visible,
  .btn,
  .navcta,
  .mobile-cta,
  .qualifications-disclosure-button,
  .method-fourstep-link,
  .textlink,
  .method-step,
  .service-block,
  .journey-card,
  .recognition-item,
  .femulous-scroll-rail a,
  .femulous-scroll-rail .rail-dot,
  .femulous-scroll-rail .rail-label{
    transition:none !important;
    transform:none !important;
  }
  .premium-reveal{opacity:1 !important;}
}



/* V309 · Katrin eyebrow exactly half of the current 5.5px */
.testimonial-story-grid .testimonial-case-index{
  font-size:2.75px !important;
  line-height:1.4 !important;
  letter-spacing:.14em !important;
}

/* Premium hover behavior for the iceberg:
   symptoms above water and underlying factors react differently. */
.iceberg-pills-top .iceberg-chip,
.iceberg-pills-bottom .iceberg-chip{
  transition:
    background-color .28s cubic-bezier(.22,.61,.36,1),
    color .28s cubic-bezier(.22,.61,.36,1),
    border-color .28s cubic-bezier(.22,.61,.36,1),
    transform .28s cubic-bezier(.22,.61,.36,1),
    box-shadow .28s cubic-bezier(.22,.61,.36,1) !important;
}

/* Symptoms: from light/ivory to warm taupe */
@media(hover:hover){
  .iceberg-pills-top .iceberg-chip:hover{
    background:var(--taupe) !important;
    border-color:var(--taupe) !important;
    color:var(--ivory) !important;
    transform:translateY(-3px) !important;
    box-shadow:0 10px 24px rgba(105,75,50,.13) !important;
  }

  .iceberg-pills-top .iceberg-chip:hover b,
  .iceberg-pills-top .iceberg-chip:hover .iceberg-chip-icon,
  .iceberg-pills-top .iceberg-chip:hover i{
    color:var(--ivory) !important;
  }

  /* Underlying factors: brown pills become signature yellow */
  .iceberg-pills-bottom .iceberg-chip:hover{
    background:var(--yellow) !important;
    border-color:var(--yellow) !important;
    color:var(--taupe) !important;
    transform:translateY(-3px) !important;
    box-shadow:0 10px 24px rgba(105,75,50,.12) !important;
  }

  .iceberg-pills-bottom .iceberg-chip:hover b,
  .iceberg-pills-bottom .iceberg-chip:hover .iceberg-chip-icon,
  .iceberg-pills-bottom .iceberg-chip:hover i{
    color:var(--taupe) !important;
  }
}

/* Preserve reduced-motion accessibility */
@media(prefers-reduced-motion:reduce){
  .iceberg-pills-top .iceberg-chip,
  .iceberg-pills-bottom .iceberg-chip{
    transition:none !important;
  }
  .iceberg-pills-top .iceberg-chip:hover,
  .iceberg-pills-bottom .iceberg-chip:hover{
    transform:none !important;
  }
}



/* METHODE must stay legible while the brown method section is active */
.femulous-scroll-rail a[data-section="method"].is-active .rail-label{
  color:var(--yellow) !important;
}

.femulous-scroll-rail a[data-section="method"].is-active .rail-dot{
  background:var(--yellow) !important;
  border-color:var(--yellow) !important;
}

/* Keep the active label crisp over changing page backgrounds */
.femulous-scroll-rail a.is-active .rail-label{
  font-weight:600 !important;
}



/* Leistungsbausteine: Überschriften Ivory, auf Hover FEMULOUS-Gelb */
.service-building-blocks .service-block h3{
  color:#FAF7F1 !important;
  transition:color .28s cubic-bezier(.22,.61,.36,1) !important;
}

@media(hover:hover){
  .service-building-blocks .service-block:hover h3{
    color:var(--yellow) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .service-building-blocks .service-block h3{
    transition:none !important;
  }
}



/* Leistungsbausteine: größere, besser lesbare Kachelüberschriften */
.service-building-blocks .service-block h3{
  font-size:1.28rem !important;
  line-height:1.22 !important;
  letter-spacing:-.01em !important;
}

@media(max-width:900px){
  .service-building-blocks .service-block h3{
    font-size:1.18rem !important;
    line-height:1.24 !important;
  }
}



/* Safari/browser minimum-font settings can prevent 2.75px/5.5px from rendering smaller.
   Keep a normal base size and visually scale the exact element to 50%. */
.testimonials .testimonial-story-grid .testimonial-real > p.testimonial-case-index{
  display:block !important;
  width:200% !important;
  font-size:11px !important;
  line-height:1.4 !important;
  letter-spacing:.14em !important;
  transform:scale(.5) !important;
  transform-origin:left top !important;
  margin-bottom:-2px !important;
}



/* Match “01 ERFAHRUNG VON KATRIN, 34” to the testimonial body text size */
.testimonials .testimonial-story-grid .testimonial-real > p.testimonial-case-index{
  display:block !important;
  width:auto !important;
  font-size:16px !important;
  line-height:1.52 !important;
  letter-spacing:.08em !important;
  transform:none !important;
  transform-origin:initial !important;
  margin-bottom:12px !important;
}



/* V316 · Equal distribution across the full width of the line above */
@media(min-width:901px){
  .hero-copy .trustline{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    max-width:none !important;
    column-gap:0 !important;
    gap:0 !important;
  }

  .hero-copy .trustline span{
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  /* Exact edge alignment with the horizontal rule:
     first word begins at the rule's left edge,
     final word ends at its right edge. */
  .hero-copy .trustline span:first-child{
    margin-left:0 !important;
  }

  .hero-copy .trustline span:last-child{
    margin-right:0 !important;
  }
}



/* Final scroll-navigation item: always FEMULOUS yellow */
.femulous-scroll-rail a[data-section="contact"],
.femulous-scroll-rail a[data-section="contact"] .rail-label{
  color:var(--yellow) !important;
}

.femulous-scroll-rail a[data-section="contact"] .rail-dot{
  border-color:var(--yellow) !important;
}

.femulous-scroll-rail a[data-section="contact"].is-active .rail-dot{
  background:var(--yellow) !important;
  border-color:var(--yellow) !important;
}



.testimonials .testimonial-story-divider{
  width:100%;
  height:1px;
  background:rgba(105,75,50,.18);
  margin:clamp(72px,8vw,118px) 0 clamp(58px,6vw,88px);
}


.journey-unified h3{color:var(--yellow) !important;}

.journey-unified h3 .journey-title-me{color:var(--taupe) !important;}


#method .method-step h3.method-step-title-yellow{
  color:var(--yellow) !important;
}



#leistungsbausteine .service-block{
  background:#593d21 !important;
}



/* FEMULOUS editorial full-bleed hero */
@media (min-width:901px){
  body > header.nav{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:100 !important;
    background:transparent !important;
    border-bottom:1px solid rgba(250,247,241,.22) !important;
    box-shadow:none !important;
  }
  body > header.nav .logo,
  body > header.nav .navlinks > a{
    color:#FAF7F1 !important;
  }
  body > header.nav .navlinks .femulous-wordmark-text,
  body > header.nav .logo .femulous-wordmark-text{
    color:var(--yellow) !important;
  }

  #start.hero{
    position:relative !important;
    width:100% !important;
    min-height:100vh !important;
    height:100vh !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background-image:
      linear-gradient(90deg,
        rgba(27,25,18,.72) 0%,
        rgba(38,34,24,.56) 27%,
        rgba(38,34,24,.24) 48%,
        rgba(38,34,24,.04) 68%,
        rgba(38,34,24,0) 100%),
      var(--img-hero) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }
  #start.hero::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,rgba(21,18,13,.12) 0%,rgba(21,18,13,0) 62%,rgba(21,18,13,.18) 100%) !important;
  }
  #start .hero-grid{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:min(100% - 96px, 1420px) !important;
    max-width:1420px !important;
    height:100% !important;
    min-height:100vh !important;
    margin:0 auto !important;
    padding:clamp(150px,17vh,205px) 0 clamp(54px,7vh,82px) !important;
  }
  #start .hero-copy{
    width:min(640px,46vw) !important;
    max-width:640px !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    padding:0 !important;
    margin:0 !important;
  }
  #start .hero-copy .label{
    color:#FAF7F1 !important;
    opacity:.88 !important;
  }
  #start .hero-title{
    color:#FAF7F1 !important;
    text-shadow:0 2px 24px rgba(0,0,0,.08) !important;
    max-width:9.6em !important;
  }
  #start .hero-title span,
  #start .hero-title .offset{
    color:#FAF7F1 !important;
  }
  #start .hero-title .accent{
    color:var(--yellow) !important;
  }
  #start .rule{
    background:rgba(250,247,241,.48) !important;
  }
  #start .lead{
    color:#FAF7F1 !important;
    max-width:600px !important;
    text-shadow:0 1px 14px rgba(0,0,0,.12) !important;
  }
  #start .lead .femulous-wordmark-text{
    color:var(--yellow) !important;
  }
  #start .textlink{
    color:#FAF7F1 !important;
  }
  #start .trustline{
    margin-top:auto !important;
    padding-top:clamp(36px,5vh,62px) !important;
    border-top:1px solid rgba(250,247,241,.38) !important;
    color:#FAF7F1 !important;
    opacity:.9 !important;
  }
  #start .hero-media{
    display:none !important;
  }
}

/* Mobile keeps the same editorial concept, with a darker veil for legibility. */
@media (max-width:900px){
  #start.hero{
    position:relative !important;
    min-height:92svh !important;
    padding:0 !important;
    background-image:
      linear-gradient(180deg,rgba(25,22,16,.16) 0%,rgba(25,22,16,.22) 38%,rgba(25,22,16,.74) 100%),
      var(--img-hero) !important;
    background-size:cover !important;
    background-position:58% center !important;
    background-repeat:no-repeat !important;
  }
  #start .hero-grid{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    min-height:92svh !important;
    padding-top:clamp(118px,18vh,155px) !important;
    padding-bottom:34px !important;
  }
  #start .hero-copy{
    min-height:calc(92svh - 152px) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
  }
  #start .hero-media{ display:none !important; }
  #start .hero-copy .label,
  #start .hero-title span,
  #start .hero-title .offset,
  #start .lead,
  #start .textlink,
  #start .trustline{
    color:#FAF7F1 !important;
  }
  #start .hero-title .accent,
  #start .lead .femulous-wordmark-text{
    color:var(--yellow) !important;
  }
  #start .rule{ background:rgba(250,247,241,.42) !important; }
  #start .trustline{ border-top-color:rgba(250,247,241,.32) !important; }
}



/* Keep the portrait's face inside the visible crop while resizing desktop windows. */
@media (min-width:901px){
  #start.hero{
    background-position:55% 24% !important;
  }
}

/* Very wide / shallow desktop windows crop vertically most aggressively. */
@media (min-width:901px) and (min-aspect-ratio:16/9){
  #start.hero{
    background-position:55% 20% !important;
  }
}

/* More square / tall desktop windows crop horizontally instead. */
@media (min-width:901px) and (max-aspect-ratio:4/3){
  #start.hero{
    background-position:57% 24% !important;
  }
}

/* Narrow desktop / tablet-like window sizes keep the face as the focal anchor. */
@media (min-width:901px) and (max-width:1180px){
  #start.hero{
    background-position:58% 22% !important;
  }
}

/* Mobile keeps the portrait anchored high enough so the face cannot slip out. */
@media (max-width:900px){
  #start.hero{
    background-position:58% 20% !important;
  }
}



/* Official FEMULOUS logo in header and footer */
header.nav a.logo{
  display:flex !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  line-height:0 !important;
  text-decoration:none !important;
}
.femulous-brand-logo{
  display:block !important;
  object-fit:contain !important;
}
.femulous-brand-logo-header{
  width:154px !important;
  height:auto !important;
  max-height:58px !important;
}
.premium-footer .footer-logo{
  display:flex !important;
  align-items:flex-start !important;
  line-height:0 !important;
}
.femulous-brand-logo-footer{
  width:205px !important;
  height:auto !important;
  max-height:none !important;
}
@media(max-width:900px){
  .femulous-brand-logo-header{
    width:132px !important;
    max-height:52px !important;
  }
  .femulous-brand-logo-footer{
    width:180px !important;
  }
}



/* Compact, more legible footer */
.premium-footer{
  padding-top:34px !important;
  padding-bottom:30px !important;
}
.premium-footer .footer-navigation{
  align-items:flex-start !important;
  row-gap:20px !important;
}
.premium-footer .footer-brand{
  gap:8px !important;
}
.premium-footer .footer-brand > *{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.premium-footer .footer-logo{
  margin-bottom:8px !important;
}
.premium-footer .footer-heading,
.premium-footer .footer-column > h3,
.premium-footer .footer-column > .footer-kicker{
  font-size:14px !important;
  line-height:1.35 !important;
  letter-spacing:.14em !important;
  font-weight:600 !important;
  margin-bottom:14px !important;
}
.premium-footer .footer-column,
.premium-footer .footer-column a,
.premium-footer .footer-column p{
  line-height:1.45 !important;
}
.premium-footer .footer-column a{
  margin-bottom:8px !important;
}
.premium-footer .footer-column a:last-child{
  margin-bottom:0 !important;
}
@media(max-width:900px){
  .premium-footer{
    padding-top:30px !important;
    padding-bottom:26px !important;
  }
  .premium-footer .footer-heading,
  .premium-footer .footer-column > h3,
  .premium-footer .footer-column > .footer-kicker{
    font-size:13px !important;
  }
}



#veraenderung .transform-closing-thought{
  border-top:none !important;
}
#veraenderung .transform-closing-thought::before,
#veraenderung .transform-closing-thought::after{
  display:none !important;
  content:none !important;
  border:0 !important;
}



/* White official FEMULOUS logo in the image hero header */
.femulous-brand-logo-header-white{
  width:154px !important;
  height:auto !important;
  max-height:54px !important;
}

/* Significantly shallower footer */
.premium-footer{
  padding-top:16px !important;
  padding-bottom:14px !important;
}
.premium-footer .footer-navigation{
  row-gap:8px !important;
  align-items:flex-start !important;
}
.premium-footer .footer-logo{
  margin-bottom:2px !important;
}
.premium-footer .femulous-brand-logo-footer{
  width:165px !important;
}
.premium-footer .footer-heading,
.premium-footer .footer-column > h3,
.premium-footer .footer-column > .footer-kicker{
  margin-top:0 !important;
  margin-bottom:7px !important;
  line-height:1.2 !important;
}
.premium-footer .footer-column a{
  margin-bottom:3px !important;
  line-height:1.28 !important;
}
.premium-footer .footer-column p{
  margin-top:0 !important;
  margin-bottom:3px !important;
  line-height:1.28 !important;
}
@media(max-width:900px){
  .femulous-brand-logo-header-white{
    width:132px !important;
    max-height:48px !important;
  }
  .premium-footer{
    padding-top:18px !important;
    padding-bottom:16px !important;
  }
  .premium-footer .femulous-brand-logo-footer{
    width:155px !important;
  }
}



/* Improve readability of the small Journey category subtitles in the overview */
#journeys .journey-nav-program em{
  font-size:11px !important;
  line-height:1.35 !important;
  letter-spacing:.10em !important;
  opacity:.82 !important;
}
@media(max-width:900px){
  #journeys .journey-nav-program em{
    font-size:10px !important;
    line-height:1.35 !important;
  }
}



.premium-footer{
  padding-top:8px !important;
  padding-bottom:8px !important;
}
.premium-footer .wrap{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.premium-footer .footer-navigation{
  min-height:0 !important;
  row-gap:4px !important;
  align-items:flex-start !important;
}
.premium-footer .footer-brand{
  gap:0 !important;
  padding:0 !important;
}
.premium-footer .footer-logo{
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
}
.premium-footer .femulous-brand-logo-footer-claim{
  width:190px !important;
  height:auto !important;
  max-height:64px !important;
  object-fit:contain !important;
  object-position:left top !important;
}
.premium-footer .footer-heading,
.premium-footer .footer-column > h3,
.premium-footer .footer-column > .footer-kicker{
  margin:0 0 5px !important;
  line-height:1.15 !important;
}
.premium-footer .footer-column{
  padding:0 !important;
}
.premium-footer .footer-column a,
.premium-footer .footer-column p{
  margin:0 0 2px !important;
  line-height:1.2 !important;
}
@media(max-width:900px){
  .premium-footer{
    padding-top:12px !important;
    padding-bottom:12px !important;
  }
  .premium-footer .femulous-brand-logo-footer-claim{
    width:175px !important;
    max-height:60px !important;
  }
}



/* FEMULOUS badge overlays on selected website visuals */
.femulous-badge-host{
  position:relative !important;
}
.femulous-image-badge{
  position:absolute !important;
  z-index:12 !important;
  width:clamp(30px,2.6vw,44px) !important;
  height:auto !important;
  pointer-events:none !important;
  user-select:none !important;
  opacity:.82 !important;
  filter:none !important;
}
.femulous-image-badge.badge-bottom-right{
  right:18px !important;
  bottom:18px !important;
}
.femulous-image-badge.badge-bottom-left{
  left:18px !important;
  bottom:18px !important;
}
.femulous-image-badge.badge-top-right{
  right:18px !important;
  top:18px !important;
}
#zusammenhaenge .femulous-image-badge{
  width:38px !important;
  opacity:.9 !important;
}
#start.hero > .femulous-image-badge{
  right:28px !important;
  bottom:24px !important;
  width:42px !important;
}
@media(max-width:900px){
  .femulous-image-badge{
    width:30px !important;
    opacity:.82 !important;
  }
  .femulous-image-badge.badge-bottom-right{
    right:12px !important;
    bottom:12px !important;
  }
  .femulous-image-badge.badge-bottom-left{
    left:12px !important;
    bottom:12px !important;
  }
  .femulous-image-badge.badge-top-right{
    right:12px !important;
    top:12px !important;
  }
  #start.hero > .femulous-image-badge{
    right:16px !important;
    bottom:16px !important;
    width:32px !important;
  }
}



/* Make Journey category subtitles clearly readable */
#journeys .journey-nav-program em{
  font-size:22px !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  opacity:.95 !important;
}
@media(max-width:900px){
  #journeys .journey-nav-program em{
    font-size:18px !important;
    line-height:1.22 !important;
  }
}



/* Journey subtitles: balanced size between V341 (11px) and V344 (22px) */
#journeys .journey-nav-program em{
  font-size:15px !important;
  line-height:1.28 !important;
  letter-spacing:.09em !important;
  opacity:.9 !important;
}
@media(max-width:900px){
  #journeys .journey-nav-program em{
    font-size:13px !important;
    line-height:1.3 !important;
  }
}

/* FEMULOUS image badges: more visible, still discreet */
.femulous-image-badge{
  width:clamp(46px,3.7vw,62px) !important;
  opacity:.9 !important;
}
#zusammenhaenge .femulous-image-badge{
  width:54px !important;
  opacity:.94 !important;
}
#start.hero > .femulous-image-badge{
  width:60px !important;
  opacity:.92 !important;
}
@media(max-width:900px){
  .femulous-image-badge{
    width:42px !important;
    opacity:.9 !important;
  }
  #zusammenhaenge .femulous-image-badge{
    width:44px !important;
  }
  #start.hero > .femulous-image-badge{
    width:48px !important;
  }
}



/* The qualification portrait is much smaller than the other photos:
   scale its badge independently so it stays discreet and fully inside the image. */
#about .credential-photo-column .femulous-image-badge{
  width:28px !important;
  right:10px !important;
  bottom:10px !important;
  top:auto !important;
  left:auto !important;
  opacity:.86 !important;
}
@media(max-width:900px){
  #about .credential-photo-column .femulous-image-badge{
    width:24px !important;
    right:8px !important;
    bottom:8px !important;
  }
}



/* Footer: desktop height reduced decisively to roughly half of the current version */
@media(min-width:901px){
  .premium-footer{
    padding:0 !important;
    min-height:0 !important;
    height:auto !important;
  }
  .premium-footer .wrap,
  .premium-footer .footer-wrap{
    padding-top:18px !important;
    padding-bottom:14px !important;
    min-height:0 !important;
  }
  .premium-footer .footer-navigation,
  .premium-footer .footer-grid{
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    align-items:start !important;
  }
  .premium-footer .footer-brand,
  .premium-footer .footer-column{
    min-height:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .premium-footer .femulous-brand-logo-footer-claim{
    width:150px !important;
    max-height:50px !important;
  }
  .premium-footer .footer-heading,
  .premium-footer .footer-column > h3,
  .premium-footer .footer-column > .footer-kicker{
    margin:0 0 6px !important;
  }
  .premium-footer .footer-column a,
  .premium-footer .footer-column p{
    margin:0 0 2px !important;
    line-height:1.18 !important;
  }
  .premium-footer .footer-bottom,
  .premium-footer .footer-legal-bottom{
    margin-top:12px !important;
    padding-top:8px !important;
    padding-bottom:0 !important;
    min-height:0 !important;
  }
}



/* Larger FEMULOUS badges on all selected visuals except qualifications portrait */
.femulous-image-badge{
  width:clamp(68px,5.2vw,88px) !important;
  opacity:.94 !important;
}
#zusammenhaenge .femulous-image-badge{
  width:76px !important;
  opacity:.96 !important;
}
#start.hero > .femulous-image-badge{
  width:84px !important;
  opacity:.95 !important;
}
@media(max-width:900px){
  .femulous-image-badge{
    width:56px !important;
  }
  #zusammenhaenge .femulous-image-badge{
    width:60px !important;
  }
  #start.hero > .femulous-image-badge{
    width:64px !important;
  }
}



/* Supplied FEMULOUS claim logo: readable but compact inside the shallow footer */
.premium-footer .footer-logo{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  width:220px !important;
  max-width:100% !important;
  margin:0 !important;
  overflow:visible !important;
}
.premium-footer .femulous-footer-claim-v349{
  display:block !important;
  width:220px !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left top !important;
}
@media(max-width:900px){
  .premium-footer .footer-logo,
  .premium-footer .femulous-footer-claim-v349{
    width:190px !important;
  }
}



/* Client-feedback optimization: immediate orientation + faster conversion */
#femulous-orientation{
  background:var(--ivory);
  padding:clamp(54px,6vw,86px) 0 !important;
}
#femulous-orientation .femulous-orientation-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(42px,7vw,110px);
  align-items:start;
}
#femulous-orientation h2{
  margin:.35rem 0 0;
  max-width:680px;
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(2.25rem,4.1vw,4.6rem);
  line-height:.96;
  color:var(--taupe);
}
#femulous-orientation h2 em{
  color:var(--yellow);
  font-weight:500;
}
#femulous-orientation .femulous-orientation-copy{
  max-width:720px;
}
#femulous-orientation .femulous-orientation-copy p{
  font-size:clamp(1rem,1.15vw,1.14rem);
  line-height:1.62;
  margin:0 0 14px;
}
#femulous-orientation .femulous-orientation-note{
  font-family:var(--serif);
  font-size:clamp(1.15rem,1.45vw,1.42rem) !important;
  line-height:1.35 !important;
  margin-top:20px !important;
}
#femulous-orientation .femulous-orientation-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
#femulous-orientation .femulous-orientation-actions a{
  text-decoration:none;
}
#zusammenhaenge .iceberg-explainer-v350,
#zusammenhaenge .iceberg-explainer{
  max-width:980px;
}
#zusammenhaenge .iceberg-explainer-v350 p,
#zusammenhaenge .iceberg-explainer p{
  line-height:1.6;
}
#about .founder-identity-v350{
  margin:12px 0 24px;
  font-size:1rem;
  line-height:1.45;
  letter-spacing:.03em;
  color:var(--taupe);
}
@media(max-width:900px){
  #femulous-orientation{ padding:44px 0 !important; }
  #femulous-orientation .femulous-orientation-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  #femulous-orientation .femulous-orientation-actions{
    flex-direction:column;
    align-items:stretch;
  }
  #femulous-orientation .femulous-orientation-actions .btn{
    text-align:center;
  }
}



/* V351: fast, editorial positioning directly below hero */
#femulous-orientation{
  background:var(--ivory) !important;
  padding:clamp(58px,6.5vw,94px) 0 !important;
}
#femulous-orientation .femulous-positioning-v351{
  max-width:1280px;
}
#femulous-orientation .label{
  margin-bottom:18px;
}
#femulous-orientation .femulous-positioning-head{
  max-width:1080px;
  margin-bottom:clamp(30px,4vw,52px);
}
#femulous-orientation .femulous-positioning-head h2{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(2.5rem,4.8vw,5.2rem);
  line-height:.98;
  font-weight:500;
  color:var(--taupe);
  letter-spacing:-.025em;
}
#femulous-orientation .femulous-positioning-copy{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(34px,6vw,86px);
  padding:30px 0 34px;
  border-top:1px solid rgba(105,75,50,.28);
  border-bottom:1px solid rgba(105,75,50,.28);
}
#femulous-orientation .femulous-positioning-copy p{
  margin:0;
  font-size:clamp(1rem,1.12vw,1.13rem);
  line-height:1.65;
}
#femulous-orientation .femulous-positioning-pillars{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:34px;
}
#femulous-orientation .femulous-positioning-pillars > div{
  padding:4px clamp(22px,3vw,42px) 8px 0;
}
#femulous-orientation .femulous-positioning-pillars > div + div{
  border-left:1px solid rgba(105,75,50,.22);
  padding-left:clamp(22px,3vw,42px);
}
#femulous-orientation .femulous-positioning-pillars span{
  display:block;
  margin-bottom:13px;
  font-size:.72rem;
  letter-spacing:.15em;
  color:var(--yellow);
}
#femulous-orientation .femulous-positioning-pillars h3{
  margin:0 0 7px;
  font-size:.9rem;
  letter-spacing:.13em;
  color:var(--taupe);
}
#femulous-orientation .femulous-positioning-pillars p{
  margin:0;
  max-width:320px;
  line-height:1.45;
}
#femulous-orientation .femulous-positioning-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:34px;
}

/* V351: Mission, Vision, Purpose as one editorial brand moment */
#mission-vision-purpose{
  background:#593d21;
  color:var(--ivory);
  padding:clamp(72px,8vw,118px) 0 !important;
}
#mission-vision-purpose .brand-manifesto-header{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:48px;
  align-items:end;
  padding-bottom:34px;
  border-bottom:1px solid rgba(250,247,241,.28);
}
#mission-vision-purpose .brand-manifesto-header .label{
  color:var(--yellow);
  margin:0;
}
#mission-vision-purpose .brand-manifesto-header h2{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(2.5rem,4.4vw,4.9rem);
  line-height:.98;
  font-weight:500;
  color:var(--ivory);
}
#mission-vision-purpose .brand-manifesto-header h2 em{
  color:var(--yellow);
  font-weight:500;
}
#mission-vision-purpose .brand-manifesto-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:clamp(54px,7vw,104px);
  padding-top:42px;
}
#mission-vision-purpose article{
  position:relative;
}
#mission-vision-purpose .brand-manifesto-number{
  margin:0 0 12px;
  font-size:.72rem;
  letter-spacing:.16em;
  color:var(--yellow);
}
#mission-vision-purpose .brand-manifesto-kicker{
  margin:0 0 20px;
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.16em;
  color:var(--ivory);
}
#mission-vision-purpose .brand-manifesto-mission > p:last-child{
  margin:0;
  max-width:690px;
  font-size:clamp(1rem,1.16vw,1.14rem);
  line-height:1.72;
}
#mission-vision-purpose .brand-manifesto-side{
  display:flex;
  flex-direction:column;
  gap:38px;
}
#mission-vision-purpose .brand-manifesto-purpose{
  padding-top:34px;
  border-top:1px solid rgba(250,247,241,.24);
}
#mission-vision-purpose blockquote{
  margin:0;
  padding:0;
  border:0;
  font-family:var(--serif);
  font-size:clamp(1.45rem,2vw,2.15rem);
  line-height:1.22;
  font-weight:500;
  color:var(--ivory);
}
@media(max-width:900px){
  #femulous-orientation{ padding:48px 0 !important; }
  #femulous-orientation .femulous-positioning-copy,
  #femulous-orientation .femulous-positioning-pillars,
  #mission-vision-purpose .brand-manifesto-header,
  #mission-vision-purpose .brand-manifesto-grid{
    grid-template-columns:1fr;
  }
  #femulous-orientation .femulous-positioning-copy{ gap:20px; }
  #femulous-orientation .femulous-positioning-pillars{ gap:24px; }
  #femulous-orientation .femulous-positioning-pillars > div,
  #femulous-orientation .femulous-positioning-pillars > div + div{
    border-left:0;
    border-top:1px solid rgba(105,75,50,.18);
    padding:20px 0 0;
  }
  #femulous-orientation .femulous-positioning-actions{
    flex-direction:column;
    align-items:stretch;
  }
  #femulous-orientation .femulous-positioning-actions .btn{text-align:center;}
  #mission-vision-purpose .brand-manifesto-header{gap:18px;}
  #mission-vision-purpose .brand-manifesto-grid{gap:44px;}
}



#femulous-orientation .positioning-highlight-v353{
  color:var(--yellow) !important;
  font-style:italic !important;
  font-weight:500 !important;
}
#femulous-orientation .femulous-positioning-pillars h3{
  font-size:clamp(1.12rem,1.45vw,1.42rem) !important;
  line-height:1.12 !important;
  letter-spacing:.09em !important;
}
@media(max-width:900px){
  #femulous-orientation .femulous-positioning-pillars h3{
    font-size:1.16rem !important;
  }
}



/* Mission + Vision integrated into founder story */
#founder-mission-vision{
  margin:clamp(42px,5vw,68px) 0;
  border-top:1px solid rgba(105,75,50,.28);
  border-bottom:1px solid rgba(105,75,50,.28);
}
#founder-mission-vision .founder-mv-item{
  display:grid;
  grid-template-columns:minmax(120px,.32fr) minmax(0,1.68fr);
  gap:clamp(28px,5vw,72px);
  padding:clamp(28px,3.4vw,46px) 0;
}
#founder-mission-vision .founder-mv-item + .founder-mv-item{
  border-top:1px solid rgba(105,75,50,.22);
}
#founder-mission-vision .founder-mv-meta span{
  display:block;
  margin-bottom:10px;
  color:var(--yellow);
  font-size:.72rem;
  letter-spacing:.16em;
}
#founder-mission-vision .founder-mv-meta p{
  margin:0 !important;
  color:var(--taupe);
  font-size:.8rem !important;
  font-weight:600;
  letter-spacing:.16em;
}
#founder-mission-vision .founder-mv-content > p{
  margin:0 !important;
  max-width:900px;
  font-size:clamp(1rem,1.08vw,1.12rem) !important;
  line-height:1.68 !important;
}
#founder-mission-vision blockquote{
  margin:0;
  padding:0;
  border:0;
  max-width:920px;
  font-family:var(--serif);
  font-size:clamp(1.55rem,2.35vw,2.55rem);
  line-height:1.18;
  font-weight:500;
  color:var(--taupe);
}
@media(max-width:900px){
  #founder-mission-vision .founder-mv-item{
    grid-template-columns:1fr;
    gap:18px;
  }
}



/* V356: entire positioning condensed into the hero */
#start.hero .hero-content,
#start.hero .hero-copy{
  max-width:760px !important;
}
#start.hero h1 em{
  color:var(--yellow) !important;
  font-style:italic !important;
  font-weight:500 !important;
}
#start.hero .hero-quote-v356{
  margin:clamp(22px,2.5vw,34px) 0 10px !important;
  padding:0 !important;
  border:0 !important;
  max-width:720px;
  font-family:var(--serif);
  font-size:clamp(1.12rem,1.55vw,1.48rem);
  line-height:1.38;
  font-weight:400;
  color:var(--ivory);
}
#start.hero .hero-identity-v356{
  margin:0 0 24px !important;
  font-size:.78rem !important;
  line-height:1.4 !important;
  letter-spacing:.08em;
  font-style:italic;
  color:rgba(250,247,241,.86) !important;
}
#start.hero .hero-actions-v356{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 22px;
}
#start.hero .hero-actions-v356 a{
  text-decoration:none;
}
#start.hero .hero-trust-v356{
  margin:0 !important;
  padding-top:16px;
  border-top:1px solid rgba(250,247,241,.34);
  font-size:.72rem !important;
  line-height:1.4 !important;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(250,247,241,.82) !important;
}
@media(max-width:900px){
  #start.hero .hero-quote-v356{
    font-size:1.08rem;
    line-height:1.4;
  }
  #start.hero .hero-actions-v356{
    align-items:flex-start;
  }
  #start.hero .hero-trust-v356{
    font-size:.65rem !important;
    letter-spacing:.07em;
  }
}



/* FEMULOUS wordmark treatment inside running text */
.femulous-inline-yellow{
  color:var(--yellow) !important;
}



#leistungsbausteine .leistungsbausteine-unique-v358{
  max-width:900px;
  margin:18px 0 38px;
  font-size:clamp(1.02rem,1.25vw,1.18rem);
  line-height:1.62;
}
#leistungsbausteine .leistungsbausteine-purpose-v358{
  max-width:920px;
  margin:34px auto 0 !important;
  text-align:center;
  font-family:var(--serif);
  font-size:clamp(1.3rem,1.9vw,1.75rem) !important;
  line-height:1.42 !important;
  font-style:italic;
}



/* V359: final hero cleanup */
#start.hero{
  min-height:0 !important;
  height:auto !important;
  padding-top:clamp(118px,14vh,170px) !important;
  padding-bottom:clamp(54px,7vh,86px) !important;
}
#start.hero .hero-content,
#start.hero .hero-copy{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Quote uses the established sans-serif body typeface */
#start.hero .hero-quote-v356{
  font-family:var(--sans) !important;
  font-style:normal !important;
  font-size:clamp(1rem,1.28vw,1.18rem) !important;
  line-height:1.56 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  max-width:760px !important;
}

/* More breathing room before the CTAs */
#start.hero .hero-identity-v356{
  margin-bottom:34px !important;
}
#start.hero .hero-actions-v356{
  margin-top:0 !important;
}

/* Secondary CTA stays legible, then becomes yellow on hover */
#start.hero .hero-actions-v356 .btn.secondary,
#start.hero .hero-actions-v356 a[href="#journeys"]{
  color:#FAF7F1 !important;
  border-color:rgba(255,255,255,.82) !important;
}
#start.hero .hero-actions-v356 .btn.secondary:hover,
#start.hero .hero-actions-v356 .btn.secondary:focus-visible,
#start.hero .hero-actions-v356 a[href="#journeys"]:hover,
#start.hero .hero-actions-v356 a[href="#journeys"]:focus-visible{
  background:var(--yellow) !important;
  border-color:var(--yellow) !important;
  color:var(--taupe) !important;
}

@media(max-width:900px){
  #start.hero{
    padding-top:118px !important;
    padding-bottom:46px !important;
  }
  #start.hero .hero-identity-v356{
    margin-bottom:28px !important;
  }
}



/* V360: restore the visual rhythm of the V352 hero while retaining the new copy */
#start.hero{
  min-height:100vh !important;
  height:100vh !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
#start.hero .hero-grid{
  min-height:100vh !important;
}
#start.hero .hero-copy{
  padding-top:clamp(110px,12vh,150px) !important;
  padding-bottom:clamp(38px,4.5vh,58px) !important;
  max-width:760px !important;
}
#start.hero .hero-title{
  display:block !important;
}
#start.hero .hero-title > span{
  display:block !important;
}
#start.hero .hero-title > .offset{
  padding-left:clamp(38px,5vw,78px) !important;
}
#start.hero .hero-title > .accent{
  color:var(--yellow) !important;
  font-style:italic !important;
}
#start.hero .rule{
  width:64px !important;
  height:1px !important;
  margin:clamp(30px,3.3vh,42px) 0 clamp(36px,4vh,50px) !important;
  background:rgba(250,247,241,.72) !important;
}
#start.hero .hero-quote-v356{
  margin:0 !important;
  max-width:690px !important;
  font-family:var(--sans) !important;
  font-size:clamp(1rem,1.2vw,1.12rem) !important;
  line-height:1.58 !important;
}
#start.hero .hero-identity-v356{
  margin:14px 0 34px !important;
}
#start.hero .hero-actions-v356{
  margin:0 0 clamp(66px,7.5vh,92px) !important;
}
#start.hero .hero-trust-v356{
  margin:0 !important;
  padding-top:0 !important;
  border-top:1px solid rgba(250,247,241,.28) !important;
  padding-bottom:0 !important;
  padding-top:clamp(34px,4vh,48px) !important;
}
@media(max-width:900px){
  #start.hero{
    min-height:100svh !important;
    height:auto !important;
  }
  #start.hero .hero-grid{min-height:100svh !important;}
  #start.hero .hero-copy{
    padding-top:112px !important;
    padding-bottom:40px !important;
  }
  #start.hero .hero-title > .offset{padding-left:24px !important;}
  #start.hero .rule{margin:26px 0 30px !important;}
  #start.hero .hero-actions-v356{margin-bottom:46px !important;}
  #start.hero .hero-trust-v356{padding-top:28px !important;}
}



/* V361: refined copy and spacing */

/* Belief / perspective copy: preserve balanced vertical rhythm despite longer text */
.belief-editorial-right .belief-context{
  margin-top:clamp(30px,3vw,42px) !important;
  margin-bottom:clamp(30px,3vw,42px) !important;
  max-width:760px;
  line-height:1.62 !important;
}

/* Purpose + CTA aligned as one editorial footer row */
#leistungsbausteine .service-block-footer{
  align-items:stretch !important;
}
#leistungsbausteine .leistungsbausteine-purpose-v358{
  flex:1 1 auto;
  max-width:none !important;
  margin:0 !important;
  text-align:left !important;
  font-family:var(--serif);
  font-size:clamp(.98rem,1.15vw,1.08rem) !important;
  line-height:1.34 !important;
  font-style:italic;
  display:flex;
  align-items:center;
}
#leistungsbausteine .service-compare{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:100% !important;
}

/* Closing statement: accommodate the added FEMULOUS sentence without visual overload */
.transform-closing-thought .benefit-closing-large{
  font-size:clamp(1.45rem,2vw,1.9rem) !important;
  line-height:1.46 !important;
  max-width:1080px;
}

@media(max-width:900px){
  #leistungsbausteine .service-block-footer{
    align-items:flex-start !important;
  }
  #leistungsbausteine .leistungsbausteine-purpose-v358{
    font-size:1rem !important;
    line-height:1.42 !important;
  }
}



/* V362: fine-tune hero divider and CTA position */
#start.hero .rule{
  display:block !important;
  width:38px !important;             /* ca. 1 cm visual width */
  height:1px !important;
  background:var(--ivory) !important;
  opacity:.9 !important;
  margin:clamp(28px,3vh,38px) 0 clamp(34px,3.8vh,46px) !important;
}

/* Push CTA group about 2 cm lower, closer to the keyword divider */
#start.hero .hero-identity-v356{
  margin-bottom:clamp(62px,7vh,76px) !important;
}
#start.hero .hero-actions-v356{
  margin-top:0 !important;
  margin-bottom:clamp(34px,4vh,48px) !important;
}

@media(max-width:900px){
  #start.hero .rule{
    width:36px !important;
    margin:26px 0 30px !important;
  }
  #start.hero .hero-identity-v356{
    margin-bottom:48px !important;
  }
  #start.hero .hero-actions-v356{
    margin-bottom:34px !important;
  }
}



.belief-context .belief-context-part{
  display:block;
}
.belief-context .belief-context-part + .belief-context-part{
  margin-top:1.25em;
}
.belief-context .belief-context-emphasis strong{
  font-weight:700;
}



/* V364: dedicated hero divider; unique selector avoids collisions with generic .rule styles */
#start.hero .hero-copy .hero-title-divider-v364{
  display:block !important;
  position:relative !important;
  visibility:visible !important;
  opacity:1 !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:2px !important;
  min-height:2px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#FAF7F1 !important;
  box-shadow:none !important;
  margin:clamp(28px,3vh,38px) 0 clamp(34px,3.8vh,46px) !important;
  z-index:5 !important;
}
@media(max-width:900px){
  #start.hero .hero-copy .hero-title-divider-v364{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:2px !important;
    min-height:2px !important;
    margin:26px 0 30px !important;
  }
}



/* V365: closing statement should read like body copy, not display copy */
.transform-closing-thought .benefit-closing-large{
  font-family:var(--sans) !important;
  font-size:1rem !important;
  line-height:1.62 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  max-width:760px !important;
  margin:0 !important;
}



/* V366 · FEMULOUS DESIGN SYSTEM · STEP 1
   Font foundation only. No layout, spacing, image, CTA, section order,
   journey structure, footer, or copy changes in this step. */
:root{
  --serif:"Cormorant Garamond", Georgia, serif !important;
  --sans:"Titillium Web","Helvetica Neue",Arial,sans-serif !important;
}

body,
p,
li,
a,
button,
input,
textarea,
select,
.label,
.eyebrow,
.kicker,
nav,
.meta{
  font-family:var(--sans) !important;
}



/* V367 · FEMULOUS DESIGN SYSTEM · STEP 2
   TYPOGRAPHY HIERARCHY
   H1/H2 remain visually unchanged.
   H3/H4 become functional Titillium Web headings.
   Body, lead and labels get one binding typographic system.
   No layout, imagery, CTA positioning, section order or copy changes. */

:root{
  --fem-body:17px !important;
  --fem-body-mobile:16px !important;
  --fem-body-line:1.62 !important;

  --fem-lead:19px !important;
  --fem-lead-mobile:17.5px !important;
  --fem-lead-line:1.58 !important;

  --fem-h3-functional:clamp(1.25rem,1.35vw,1.45rem) !important;
  --fem-h3-line:1.25 !important;
  --fem-h4-functional:1.08rem !important;
  --fem-h4-line:1.35 !important;

  --fem-label-size:12px !important;
  --fem-label-line:1.35 !important;
  --fem-label-letter:.14em !important;
}

/* Body copy */
body,
p,
li{
  font-family:var(--sans) !important;
}

p{
  font-size:var(--fem-body) !important;
  line-height:var(--fem-body-line) !important;
}

/* Lead copy: stronger than body, never display-sized */
.lead,
.method-fourstep-lead,
.method-fourstep-intro,
.about-v2-system-lead,
.journey-compare-intro,
.belief-search-intro{
  font-family:var(--sans) !important;
  font-size:var(--fem-lead) !important;
  line-height:var(--fem-lead-line) !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* Functional heading level */
h3,
h4{
  font-family:var(--sans) !important;
  font-style:normal !important;
}

h3{
  font-size:var(--fem-h3-functional) !important;
  line-height:var(--fem-h3-line) !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

h4{
  font-size:var(--fem-h4-functional) !important;
  line-height:var(--fem-h4-line) !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* H3 contexts with a deliberately more compact information role */
.method-step h3{
  font-size:1.18rem !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
}

.service-block h3,
.evidence-item h3,
.credential-column h3,
.about-v2-role h3,
.situation h3{
  font-family:var(--sans) !important;
  font-size:var(--fem-h3-functional) !important;
  line-height:var(--fem-h3-line) !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* Recognition items stay editorially prominent, but now use the functional font */
.recognition-item h3{
  font-family:var(--sans) !important;
  font-size:clamp(1.3rem,1.5vw,1.5rem) !important;
  line-height:1.22 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* Journey programme titles remain prominent without reverting to serif */
.journey-unified-main h3{
  font-family:var(--sans) !important;
  font-size:clamp(1.45rem,1.7vw,1.7rem) !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
}

.journey-detail-panel h4,
.journey-detail-panel-head h4{
  font-family:var(--sans) !important;
  font-size:1.08rem !important;
  line-height:1.35 !important;
  font-weight:600 !important;
}

/* Footer headings are labels, not content H3s */
.footer-column h3{
  font-family:var(--sans) !important;
  font-size:.72rem !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

/* Labels / eyebrows / metadata */
.label,
.eyebrow,
.kicker,
.about-v2-index,
.credential-subgroup-label,
.journey-type,
.journey-fact-label,
.journey-bar-label,
.testimonial-meta-grid .eyebrow{
  font-family:var(--sans) !important;
  font-size:var(--fem-label-size) !important;
  line-height:var(--fem-label-line) !important;
  font-weight:600 !important;
  letter-spacing:var(--fem-label-letter) !important;
  text-transform:uppercase !important;
}

/* Preserve editorial levels */
h1,
h2,
.hero-title,
.opening-big{
  font-family:var(--serif) !important;
}

/* Existing intentional italic emphasis inside editorial H1/H2 remains serif */
h1 em,
h2 em,
.hero-title em,
.opening-big em{
  font-family:var(--serif) !important;
  font-style:italic !important;
}

/* The previously corrected closing statement stays body copy */
.transform-closing-thought .benefit-closing-large{
  font-family:var(--sans) !important;
  font-size:var(--fem-body) !important;
  line-height:var(--fem-body-line) !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

@media(max-width:900px){
  p{
    font-size:var(--fem-body-mobile) !important;
  }

  .lead,
  .method-fourstep-lead,
  .method-fourstep-intro,
  .about-v2-system-lead,
  .journey-compare-intro,
  .belief-search-intro{
    font-size:var(--fem-lead-mobile) !important;
  }

  h3{
    font-size:1.22rem !important;
  }

  .journey-unified-main h3{
    font-size:1.4rem !important;
  }

  .recognition-item h3{
    font-size:1.25rem !important;
  }

  .footer-column h3{
    font-size:.72rem !important;
  }

  .transform-closing-thought .benefit-closing-large{
    font-size:var(--fem-body-mobile) !important;
  }
}



/* V368 · FEMULOUS DESIGN SYSTEM · STEP 3
   COLOR NORMALIZATION ONLY. All hard-coded neutral/brown/yellow hex values are mapped to approved brand tokens.
   No typography sizing, layout, imagery, CTA position, section order or copy changes. */
:root{
  --ivory:#FAF7F1 !important;
  --taupe:#593d21 !important;
  --sand:#E7DDC9 !important;
  --stone:#B7AEA1 !important;
  --yellow:#EFC13A !important;
  --ink:#2F2A26 !important;
  --muted:#625C57 !important;
  --hair:rgba(183,174,161,.68) !important;
}

/* Functional text hierarchy */
body{
  color:var(--ink) !important;
}
.meta,
.muted,
.journey-fact-label,
.journey-bar-label,
.credential-subgroup-label{
  color:var(--muted) !important;
}

/* Fine dividers / borders use Stone family */
hr,
.rule:not(.hero-title-divider-v364),
.section-divider,
.hairline{
  border-color:var(--hair) !important;
}

/* Preserve signature yellow accents */
.femulous-inline-yellow,
.hero-title .accent,
.journey-title-accent{
  color:var(--yellow) !important;
}



/* V370 · Responsive hero safety
   Goal:
   - hero content may grow vertically instead of being clipped
   - keyword line always remains inside the hero
   - portrait stays cover-scaled and face-safe at narrower viewports
   - existing hero composition, headline, CTA positions and copy remain intact
*/

/* Desktop: stop forcing the hero into exactly one viewport height.
   100svh remains the minimum, but the section may become taller when content needs it. */
@media (min-width:901px){
  #start.hero{
    min-height:max(100svh, 820px) !important;
    height:auto !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }

  #start.hero .hero-grid{
    height:auto !important;
    min-height:max(100svh, 820px) !important;
    display:flex !important;
    align-items:stretch !important;
  }

  #start.hero .hero-copy{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
  }

  /* Keyword row must remain part of the natural document flow and may wrap safely. */
  #start.hero .hero-trust-v356{
    flex:0 0 auto !important;
    width:100% !important;
    white-space:normal !important;
    overflow:visible !important;
  }
}

/* Narrow desktop / tablet landscape:
   allow more hero height and bias the crop toward Sarah's face. */
@media (min-width:901px) and (max-width:1180px){
  #start.hero{
    min-height:max(100svh, 900px) !important;
    background-position:64% 18% !important;
  }

  #start.hero .hero-grid{
    min-height:max(100svh, 900px) !important;
    width:min(calc(100% - 48px), 1420px) !important;
  }

  #start.hero .hero-copy{
    padding-top:clamp(108px,11vh,132px) !important;
    padding-bottom:48px !important;
  }

  #start.hero .hero-trust-v356{
    line-height:1.55 !important;
  }
}

/* Shallow desktop windows are the main clipping risk.
   Let the hero extend below the fold instead of cutting off the CTA/keywords. */
@media (min-width:901px) and (max-height:820px){
  #start.hero{
    min-height:900px !important;
    height:auto !important;
    background-position:60% 16% !important;
  }

  #start.hero .hero-grid{
    min-height:900px !important;
    height:auto !important;
  }
}

/* Extra narrow desktop widths: keep face safely in frame. */
@media (min-width:901px) and (max-width:1020px){
  #start.hero{
    background-position:68% 16% !important;
  }
}

/* Mobile: same principle. Never crop content because of viewport height.
   Keep portrait focus high/right and allow the hero to grow naturally. */
@media (max-width:900px){
  #start.hero{
    min-height:max(100svh, 820px) !important;
    height:auto !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:66% 16% !important;
  }

  #start.hero .hero-grid{
    min-height:max(100svh, 820px) !important;
    height:auto !important;
  }

  #start.hero .hero-copy{
    box-sizing:border-box !important;
    padding-bottom:48px !important;
  }

  #start.hero .hero-trust-v356{
    width:100% !important;
    white-space:normal !important;
    overflow:visible !important;
    line-height:1.55 !important;
  }
}



/* V372 · Method section compact alignment
   Fixes V371 over-stretching.
   Goal: compact section, body copy one visual line lower,
   closing rule aligned visually with the left CTA without stretching columns. */

@media(min-width:901px){

  #method .method-fourstep-grid{
    align-items:start !important;
  }

  /* Restore natural content height on both sides. */
  #method .method-fourstep-intro,
  #method .method-fourstep-steps{
    align-self:start !important;
    height:auto !important;
    min-height:0 !important;
  }

  #method .method-fourstep-intro{
    display:block !important;
  }

  #method .method-fourstep-link{
    margin-top:30px !important;
  }

  #method .method-fourstep-steps{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    position:relative !important;
    overflow:visible !important;
  }

  #method .method-step{
    display:block !important;
    min-height:0 !important;
    height:auto !important;
  }

  /* Description begins one deliberate visual row below the question. */
  #method .method-step .method-step-question{
    margin-bottom:0 !important;
  }

  #method .method-step > p:last-child{
    margin-top:1.35rem !important;
  }

  /* Keep the line independent from content height.
     Move it down to visually meet the CTA baseline, without stretching the step columns. */
  #method .method-progress-line{
    position:absolute !important;
    left:6% !important;
    right:6% !important;
    bottom:-92px !important;
    width:auto !important;
    height:1px !important;
    margin:0 !important;
  }
}

/* Tablet/mobile keep the existing stacked behavior. */
@media(max-width:900px){
  #method .method-step > p:last-child{
    margin-top:1.15rem !important;
  }
}



/* V373 · Founder story: mission + vision integrated into narrative flow */
#about .founder-inline-vision-v373{
  margin-top:1.35rem !important;
  margin-bottom:1.25rem !important;
  max-width:760px;
}

#about .founder-inline-mission-v373{
  margin-top:0 !important;
  max-width:760px;
}



#leistungsbausteine .leistungsbausteine-purpose-v358{
  color:#FAF7F1 !important;
  font-style:normal !important;
}



/* V381 · Health Journeys compare CTA */
#leistungsbausteine .service-compare{
  background:#EFC13A !important;
  color:#593d21 !important;
  border-color:#EFC13A !important;
  transition:background-color .22s ease, color .22s ease, border-color .22s ease !important;
}

#leistungsbausteine .service-compare:hover,
#leistungsbausteine .service-compare:focus-visible{
  background:#593d21 !important;
  color:#FAF7F1 !important;
  border-color:#593d21 !important;
}

/* Prevent the sticky header from covering the destination headline. */
#health-journeys-prinzip{
  scroll-margin-top:110px;
}



/* V382 · Optional newsletter consent in Journey Guide form */
.journey-guide-form .journey-guide-newsletter-consent{
  margin-top:12px !important;
}
.journey-guide-form .journey-guide-newsletter-consent strong{
  font-family:var(--sans) !important;
  font-weight:600 !important;
  color:inherit !important;
}



/* V383 · Original FEMULOUS footer logo with symbol */
.premium-footer .femulous-footer-logo-v383{
  display:block !important;
  width:clamp(240px,20vw,310px) !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
}
@media(max-width:900px){
  .premium-footer .femulous-footer-logo-v383{
    width:240px !important;
  }
}



/* V384 · FEMULOUS NOTES
   Secondary conversion layer AFTER the primary next-step section.
   Intentionally quieter than #contact so it does not compete with the main CTA. */
.femulous-notes-v385{
  background:#FAF7F1 !important;
  color:#2F2A26 !important;
  padding:72px 0 68px !important;
  border-top:1px solid rgba(183,174,161,.55) !important;
}
.femulous-notes-inner-v384{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
  gap:clamp(56px,7vw,110px) !important;
  align-items:end !important;
}
.femulous-notes-label-v384{
  color:#593D21 !important;
  margin-bottom:20px !important;
}
.femulous-notes-copy-v384 h2{
  max-width:760px !important;
  margin:0 !important;
  color:#593D21 !important;
  font-family:var(--serif) !important;
  font-size:clamp(2.5rem,3.4vw,4rem) !important;
  line-height:.98 !important;
  font-weight:500 !important;
  letter-spacing:-.025em !important;
}
.femulous-notes-copy-v384 h2 em{
  color:#EFC13A !important;
  font-style:italic !important;
  font-weight:500 !important;
}
.femulous-notes-lead-v384{
  max-width:650px !important;
  margin:24px 0 0 !important;
  font-family:var(--sans) !important;
  font-size:17px !important;
  line-height:1.62 !important;
  color:#625C57 !important;
}
.femulous-notes-form-v384{
  width:100% !important;
  max-width:570px !important;
  justify-self:end !important;
}
.femulous-notes-field-v384{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:stretch !important;
  border-bottom:1px solid #593D21 !important;
}
.femulous-notes-field-v384 input[type="email"]{
  min-width:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  padding:15px 18px 15px 0 !important;
  color:#2F2A26 !important;
  font-family:var(--sans) !important;
  font-size:16px !important;
}
.femulous-notes-field-v384 input[type="email"]::placeholder{
  color:#625C57 !important;
  opacity:.85 !important;
}
.femulous-notes-submit-v384{
  min-height:46px !important;
  padding:0 25px !important;
  border:1px solid #593D21 !important;
  background:transparent !important;
  color:#593D21 !important;
  box-shadow:none !important;
}
.femulous-notes-submit-v384:hover,
.femulous-notes-submit-v384:focus-visible{
  background:#593D21 !important;
  color:#FAF7F1 !important;
  border-color:#593D21 !important;
  transform:none !important;
}
.femulous-notes-consent-v384{
  display:grid !important;
  grid-template-columns:18px 1fr !important;
  gap:10px !important;
  align-items:start !important;
  margin-top:18px !important;
  color:#625C57 !important;
  font-family:var(--sans) !important;
  font-size:12.5px !important;
  line-height:1.5 !important;
  cursor:pointer !important;
}
.femulous-notes-consent-v384 input{
  width:16px !important;
  height:16px !important;
  margin:2px 0 0 !important;
  accent-color:#593D21 !important;
}
.femulous-notes-consent-v384 a{
  color:#593D21 !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}
.femulous-notes-note-v384{
  margin:10px 0 0 28px !important;
  color:#625C57 !important;
  font-family:var(--sans) !important;
  font-size:11.5px !important;
  line-height:1.45 !important;
  opacity:.82 !important;
}
@media(max-width:900px){
  .femulous-notes-v385{
    padding:56px 0 52px !important;
  }
  .femulous-notes-inner-v384{
    grid-template-columns:1fr !important;
    gap:36px !important;
    align-items:start !important;
  }
  .femulous-notes-form-v384{
    max-width:none !important;
    justify-self:stretch !important;
  }
  .femulous-notes-copy-v384 h2{
    font-size:clamp(2.35rem,10vw,3.35rem) !important;
  }
}
@media(max-width:560px){
  .femulous-notes-field-v384{
    grid-template-columns:1fr !important;
    border-bottom:0 !important;
    gap:12px !important;
  }
  .femulous-notes-field-v384 input[type="email"]{
    border-bottom:1px solid #593D21 !important;
  }
  .femulous-notes-submit-v384{
    width:max-content !important;
  }
}



/* V386 · FEMULOUS NOTES CTA */
#newsletter .femulous-notes-submit-v384{
  background:#EFC13A !important;
  color:#FAF7F1 !important;
  border-color:#EFC13A !important;
}
#newsletter .femulous-notes-submit-v384:hover,
#newsletter .femulous-notes-submit-v384:focus-visible{
  background:#593D21 !important;
  color:#EFC13A !important;
  border-color:#593D21 !important;
  transform:none !important;
}



#newsletter .femulous-notes-field-v384{
  border-bottom:0 !important;
  column-gap:24px !important;
}
#newsletter .femulous-notes-field-v384 input[type="email"]{
  border-bottom:1px solid #593D21 !important;
}



/* V393 · FEMULOUS header system
   Desktop: ~92px header, 17px navigation.
   Mobile: ~64px header, compact logo, >=48px interactive targets. */

@media (min-width:901px){
  header,
  header .header-inner,
  header .nav-wrap{
    min-height:92px !important;
  }

  header .header-inner,
  header .nav-wrap{
    display:flex !important;
    align-items:center !important;
  }

  header .logo{
    width:215px !important;
    min-width:215px !important;
    height:92px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  /* Supplied SVG contains internal whitespace, hence canvas > visible mark. */
  header .logo .femulous-brand-logo-header{
    width:275px !important;
    min-width:275px !important;
    max-width:none !important;
    height:auto !important;
    margin-left:-23px !important;
  }

  header nav a,
  header .nav a,
  header .header-nav a{
    font-family:var(--sans) !important;
    font-size:17px !important;
    line-height:1.2 !important;
  }

  header nav a:not(.btn),
  header .nav a:not(.btn),
  header .header-nav a:not(.btn){
    min-height:48px !important;
    display:inline-flex !important;
    align-items:center !important;
  }

  header .header-cta,
  header .btn,
  header a[href="#contact"].btn{
    min-height:48px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-family:var(--sans) !important;
    font-size:16px !important;
  }
}

/* Smaller desktop/laptop widths: retain readability without crowding. */
@media (min-width:901px) and (max-width:1180px){
  header .logo{
    width:185px !important;
    min-width:185px !important;
  }
  header .logo .femulous-brand-logo-header{
    width:235px !important;
    min-width:235px !important;
    margin-left:-19px !important;
  }
  header nav a,
  header .nav a,
  header .header-nav a{
    font-size:16px !important;
  }
}

/* Mobile header: 64px visual height, restrained logo, touch-safe controls. */
@media (max-width:900px){
  header,
  header .header-inner,
  header .nav-wrap{
    min-height:64px !important;
  }

  header .header-inner,
  header .nav-wrap{
    display:flex !important;
    align-items:center !important;
  }

  header .logo{
    width:145px !important;
    min-width:145px !important;
    height:64px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  header .logo .femulous-brand-logo-header{
    width:182px !important;
    min-width:182px !important;
    max-width:none !important;
    height:auto !important;
    margin-left:-14px !important;
  }

  header button,
  header .menu-toggle,
  header .nav-toggle,
  header .hamburger,
  header a{
    min-height:48px !important;
  }

  header .menu-toggle,
  header .nav-toggle,
  header .hamburger{
    min-width:48px !important;
  }

  header nav a,
  header .nav a,
  header .header-nav a{
    font-family:var(--sans) !important;
    font-size:16px !important;
    line-height:1.25 !important;
  }
}



/* V394 · Slimmer header so more of the hero photography remains visible.
   Typography/readability from V393 is preserved. */
@media (min-width:901px){
  header,
  header .header-inner,
  header .nav-wrap{
    min-height:72px !important;
    height:72px !important;
  }

  header .logo{
    height:72px !important;
  }

  /* Keep links readable without forcing the whole bar taller. */
  header nav a:not(.btn),
  header .nav a:not(.btn),
  header .header-nav a:not(.btn),
  header .header-cta,
  header .btn,
  header a[href="#contact"].btn{
    min-height:44px !important;
  }
}

@media (max-width:900px){
  header,
  header .header-inner,
  header .nav-wrap{
    min-height:60px !important;
    height:60px !important;
  }

  header .logo{
    height:60px !important;
  }

  /* Mobile touch targets remain 48px while the visual header stays compact. */
  header button,
  header .menu-toggle,
  header .nav-toggle,
  header .hamburger,
  header a{
    min-height:48px !important;
  }
}



/* V395 · Header logo uses a tightly cropped display-only SVG viewBox.
   This changes visible logo size without increasing the slim header height. */
@media (min-width:901px){
  header .logo{
    width:210px !important;
    min-width:210px !important;
    height:72px !important;
    overflow:visible !important;
  }
  header .logo .femulous-brand-logo-header{
    width:205px !important;
    min-width:205px !important;
    max-width:205px !important;
    height:auto !important;
    margin-left:0 !important;
  }
}
@media (max-width:900px){
  header .logo{
    width:145px !important;
    min-width:145px !important;
    height:60px !important;
  }
  header .logo .femulous-brand-logo-header{
    width:140px !important;
    min-width:140px !important;
    max-width:140px !important;
    height:auto !important;
    margin-left:0 !important;
  }
}



header nav.navlinks .femulous-nav-yellow-v396{
  color:#EFC13A !important;
  font:inherit !important;
  letter-spacing:inherit !important;
}



#faq.femulous-faq-v397{background:var(--ivory);color:var(--ink);padding:96px 0}
#faq .femulous-faq-inner-v397{width:min(1180px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(56px,8vw,112px);align-items:start}
#faq .femulous-faq-intro-v397{position:sticky;top:104px}
#faq .femulous-faq-intro-v397 h2{margin:22px 0 20px;max-width:520px}
#faq .femulous-faq-intro-v397 h2 em{color:var(--yellow);font-weight:inherit}
#faq .femulous-faq-intro-v397 p{margin:0;max-width:430px;font-family:var(--sans);font-size:17px;line-height:1.62;color:var(--muted)}
#faq .femulous-faq-list-v397{border-top:1px solid var(--stone)}
#faq details{border-bottom:1px solid var(--stone)}
#faq summary{list-style:none;cursor:pointer;min-height:72px;padding:21px 48px 21px 0;position:relative;display:flex;align-items:center;flex-wrap:wrap;font-family:var(--sans);font-size:18px;font-weight:600;line-height:1.35;color:var(--ink)}
#faq summary::-webkit-details-marker{display:none}
#faq summary>span[aria-hidden="true"]{position:absolute;right:4px;top:50%;width:18px;height:18px;transform:translateY(-50%)}
#faq summary>span[aria-hidden="true"]::before,#faq summary>span[aria-hidden="true"]::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1px;background:var(--taupe);transform:translate(-50%,-50%);transition:transform .22s ease}
#faq summary>span[aria-hidden="true"]::after{transform:translate(-50%,-50%) rotate(90deg)}
#faq details[open] summary>span[aria-hidden="true"]::after{transform:translate(-50%,-50%) rotate(0)}
#faq .femulous-faq-answer-v397{padding:0 54px 24px 0}
#faq .femulous-faq-answer-v397 p{margin:0;font-family:var(--sans);font-size:16.5px;line-height:1.65;color:var(--muted);max-width:720px}
#faq summary:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
@media(max-width:900px){
#faq.femulous-faq-v397{padding:72px 0}
#faq .femulous-faq-inner-v397{width:min(calc(100% - 40px),680px);grid-template-columns:1fr;gap:40px}
#faq .femulous-faq-intro-v397{position:static}
#faq .femulous-faq-intro-v397 p{font-size:16px}
#faq summary{min-height:64px;padding:18px 42px 18px 0;font-size:16.5px}
#faq .femulous-faq-answer-v397{padding:0 42px 20px 0}
#faq .femulous-faq-answer-v397 p{font-size:16px}}



#faq.femulous-faq-v397{
  padding:88px 0 !important;
}
#faq .femulous-faq-inner-v397{
  width:min(860px,calc(100% - 64px)) !important;
  margin:0 auto !important;
  display:block !important;
}
#faq .femulous-faq-intro-v397{
  position:static !important;
  text-align:center !important;
  margin:0 0 32px !important;
}
#faq .femulous-faq-list-v397{
  width:100% !important;
  margin:0 auto !important;
}
@media(max-width:900px){
  #faq.femulous-faq-v397{
    padding:64px 0 !important;
  }
  #faq .femulous-faq-inner-v397{
    width:min(100% - 40px,680px) !important;
  }
  #faq .femulous-faq-intro-v397{
    margin-bottom:24px !important;
  }
}



#faq .femulous-faq-answer-v397 ul{
  margin:14px 0 18px;
  padding-left:20px;
  font-family:var(--sans);
  font-size:16.5px;
  line-height:1.58;
  color:var(--muted);
}
#faq .femulous-faq-answer-v397 li{margin:0 0 9px}
#faq .femulous-faq-answer-v397 p + p{margin-top:16px}
@media(max-width:900px){
  #faq .femulous-faq-answer-v397 ul{font-size:16px}
}



#faq summary{
  min-height:52px !important;
  padding-top:11px !important;
  padding-bottom:11px !important;
  line-height:1.28 !important;
}
#faq .femulous-inline-yellow{
  color:#EFC13A !important;
}
@media(max-width:900px){
  #faq summary{
    min-height:50px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
}



#faq .femulous-faq-intro-v397{text-align:center!important;margin-bottom:30px!important}
#faq .faq-headline-v404{max-width:760px;margin:16px auto 0!important;font-family:var(--serif)!important;font-size:clamp(2.35rem,3.4vw,3.7rem)!important;font-weight:400!important;line-height:1.02!important;letter-spacing:-.02em!important;color:var(--taupe)!important}
#faq .faq-headline-v404 em{color:var(--yellow)!important;font:inherit!important;font-style:italic!important}
#faq summary{min-height:50px!important;padding:9px 44px 9px 18px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;transition:background-color .18s ease,color .18s ease!important}
#faq .faq-number-v404{font-family:var(--sans)!important;font-size:11px!important;font-weight:600!important;line-height:1!important;letter-spacing:.12em!important;color:var(--stone)!important;transition:color .18s ease!important}
#faq .faq-question-v404{min-width:0}
#faq summary:hover{background:var(--taupe)!important;color:var(--ivory)!important}
#faq summary:hover .faq-number-v404,#faq summary:hover .faq-question-v404,#faq summary:hover .femulous-inline-yellow{color:var(--ivory)!important}
#faq summary:hover>span[aria-hidden="true"]::before,#faq summary:hover>span[aria-hidden="true"]::after{background:var(--yellow)!important}
#faq .femulous-inline-yellow{color:var(--yellow)!important}
@media(max-width:900px){
#faq .femulous-faq-intro-v397{margin-bottom:24px!important}
#faq .faq-headline-v404{margin-top:13px!important;font-size:clamp(2rem,9vw,2.7rem)!important}
#faq summary{min-height:48px!important;padding:9px 38px 9px 12px!important;grid-template-columns:30px minmax(0,1fr)!important}
}



#faq summary,
#faq .faq-question-v404{
  color:#625C57 !important;
}
#faq .femulous-inline-yellow{
  color:#EFC13A !important;
}
#faq summary:hover{
  background:var(--taupe) !important;
  color:var(--ivory) !important;
}
#faq summary:hover .faq-question-v404,
#faq summary:hover .faq-number-v404{
  color:var(--ivory) !important;
}
#faq summary:hover .femulous-inline-yellow{
  color:#EFC13A !important;
}


/* ============================================================================
   V500 - GUTENBERG-KOMPENSATION, core/image
   Diese Ebene steht NACH dem uebernommenen V409-CSS.

   Gutenberg serialisiert core/image als

       <figure class="wp-block-image size-full KLASSEN"><img></figure>

   Im statischen Ausgangsstand hingen KLASSEN direkt am <img>. Die Klasse
   .wp-block-image kommt im gesamten V409-CSS 0-mal vor, es gibt also keinerlei
   Vorkehrung dafuer.

   Zwei Folgen, wenn nichts geschieht:
     1. figure erbt den Browser-Standardrand (margin:1em 40px). Bei absolut
        positionierten Badges (right:18px) sitzt das Bild dann sichtbar falsch.
     2. object-fit, object-position und scale wirken nur am <img>, haengen aber
        jetzt an der <figure>.

   Geloest wird das, indem die figure zur reinen Rahmenbox wird und ihre
   Geometrie per inherit an das Bild durchreicht. Damit gelten alle vorhandenen
   V409-Werte unveraendert weiter, auch die Media-Query-Varianten.

   Bewusst NICHT display:contents an .wp-block-image: das loescht die Box der
   figure, wodurch .hero-personal-photo{position:absolute;inset:0} und
   .femulous-image-badge{position:absolute;right:18px} ersatzlos wirkungslos
   wuerden - die Klassen haengen ja an der figure.
   ============================================================================ */

/* 1 - figure ist reiner Rahmen: kein Standardrand, keine Baseline-Luecke */
.wp-block-image{
  margin:0 !important;
  padding:0 !important;
}
.wp-block-image > img{
  display:block !important;
  max-width:100% !important;
}

/* 2 - vollflaechige Bilder: das Bild uebernimmt exakt die Box der figure */
.wp-block-image.hero-personal-photo > img,
.wp-block-image.femulous-brand-logo > img,
.wp-block-image.femulous-brand-logo-footer > img,
.wp-block-image.femulous-footer-logo-v383 > img{
  width:100% !important;
  height:100% !important;
  object-fit:inherit !important;
  object-position:inherit !important;
}

/* 3 - Badges: die figure ist der Anker, das Bild fuellt sie proportional */
.wp-block-image.femulous-image-badge > img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

/* 4 - Gutenberg-Zusatzklassen neutralisieren */
.wp-block-image.size-full{ max-width:none !important; }
.wp-block-image > figcaption{ display:none !important; }


/* ============================================================================
   V502 - ERSATZ FUER DIE STRUKTURABHAENGIGEN SELEKTOREN
   Diese Ebene steht NACH dem uebernommenen V409-CSS.

   Drei Selektoren des Ausgangsstands koennen im Block-Theme nicht mehr
   greifen. Sie werden hier eins zu eins nachgebildet - gleiche Werte,
   nur mit einem Selektor, der die neue Verschachtelung trifft.
   ============================================================================ */

/* ----------------------------------------------------------------------------
   B1 - body > header.nav
   Der Header lag frueher direkt im <body>. Im Block-Theme liegt er im
   Template-Part, also body > .wp-site-blocks > .femulous-chrome-head > header.
   Ohne Ersatz verliert der Vollbild-Hero seinen transparenten Header:
   die Kopfzeile wuerde im Fluss stehen statt darueber zu schweben, Logo und
   Navigation blieben dunkel statt ivory.
   Werte uebernommen aus V409-CSS Zeile 14198, 14208 und 14212.
   ---------------------------------------------------------------------------- */
@media (min-width:901px){
  .femulous-chrome-head > header.nav,
  .wp-site-blocks header.nav{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:100 !important;
    background:transparent !important;
    border-bottom:1px solid rgba(250,247,241,.22) !important;
    box-shadow:none !important;
  }
  .femulous-chrome-head > header.nav .logo,
  .femulous-chrome-head > header.nav .navlinks > a,
  .wp-site-blocks header.nav .logo,
  .wp-site-blocks header.nav .navlinks > a{
    color:#FAF7F1 !important;
  }
  .femulous-chrome-head > header.nav .navlinks .femulous-wordmark-text,
  .femulous-chrome-head > header.nav .logo .femulous-wordmark-text,
  .wp-site-blocks header.nav .navlinks .femulous-wordmark-text,
  .wp-site-blocks header.nav .logo .femulous-wordmark-text{
    color:var(--yellow) !important;
  }
}

/* Der Template-Part-Wrapper darf den absolut positionierten Header nicht
   einsperren und keine eigene Hoehe beitragen. */
.femulous-chrome-head,
.femulous-chrome-foot{
  position:static;
  display:contents;
}

/* ----------------------------------------------------------------------------
   B3 - .qualifications-disclosure > .qualifications-native-summary
   core/details erzeugt ein eigenes <summary> und verwirft dabei Klasse und
   aria-hidden des urspruenglichen Elements. Die Regel aus Zeile 12679/12685
   findet ihr Ziel nicht mehr - ohne Ersatz wird das native Aufklapp-Dreieck
   sichtbar, zusaetzlich zur gestalteten Schaltflaeche.
   Ersatz ueber die Position statt ueber die verlorene Klasse.
   ---------------------------------------------------------------------------- */
.qualifications-disclosure > summary:not(.qualifications-disclosure-button){
  display:none !important;
}
.qualifications-disclosure > summary::-webkit-details-marker{
  display:none !important;
}
.qualifications-disclosure > summary::marker{
  content:"" !important;
}

/* ----------------------------------------------------------------------------
   B11 - .journey-detail-panel[hidden]
   Das hidden-Attribut wird serverseitig nachgesetzt (siehe functions.php,
   femulous_filter_journey_panels). Die vorhandene Regel in Zeile 2726
   greift dann unveraendert. Hier steht nur die Absicherung fuer den Fall,
   dass ein Panel ohne Attribut durchrutscht: Das JS schaltet ueber
   panel.hidden, also ist [hidden] die massgebliche Bedingung.
   ---------------------------------------------------------------------------- */
.journey-detail-panel[hidden]{
  display:none !important;
}

/* ----------------------------------------------------------------------------
   Hinweis der gesperrten Formulare.
   Siehe functions.php, femulous_filter_formulare.
   ---------------------------------------------------------------------------- */
.femulous-formular-hinweis{
  margin:14px 0 0;
  font-family:var(--sans);
  font-size:.82rem;
  line-height:1.5;
  color:var(--muted);
}
form button[disabled]{
  opacity:.55;
  cursor:not-allowed;
  pointer-events:none;
}


/* ============================================================================
   V503 - BRUECKE ZUR theme.json-PALETTE
   Diese Ebene steht NACH dem uebernommenen V409-CSS.

   theme.json stellt sieben FEMULOUS-Farben im Editor bereit. Waehlt eine
   Redakteurin dort eine Farbe, schreibt Gutenberg Klassen wie
   has-brown-background-color in den Block. Im V409-CSS kommt keine einzige
   dieser Klassen vor (Pruefung: 0 Treffer fuer has-*-color und wp--preset),
   und an derselben Stelle arbeitet das CSS mit !important.

   Ohne diese Bruecke waere die Farbauswahl im Editor eine Attrappe: sichtbar,
   anklickbar, wirkungslos. Die Bruecke koppelt die Preset-Klassen an dieselben
   Variablen, die das uebrige CSS benutzt.
   ============================================================================ */

.has-ivory-color{  color:var(--ivory)  !important; }
.has-brown-color{  color:var(--taupe)  !important; }
.has-sand-color{   color:var(--sand)   !important; }
.has-stone-color{  color:var(--stone)  !important; }
.has-yellow-color{ color:var(--yellow) !important; }
.has-ink-color{    color:var(--ink)    !important; }
.has-muted-color{  color:var(--muted)  !important; }

.has-ivory-background-color{  background-color:var(--ivory)  !important; }
.has-brown-background-color{  background-color:var(--taupe)  !important; }
.has-sand-background-color{   background-color:var(--sand)   !important; }
.has-stone-background-color{  background-color:var(--stone)  !important; }
.has-yellow-background-color{ background-color:var(--yellow) !important; }
.has-ink-background-color{    background-color:var(--ink)    !important; }
.has-muted-background-color{  background-color:var(--muted)  !important; }

.has-serif-font-family{ font-family:var(--serif) !important; }
.has-sans-font-family{  font-family:var(--sans)  !important; }


/* ============================================================================
   SEITENVORLAGE FUER IMPRESSUM, DATENSCHUTZ, AGB UND 404
   Uebernommen aus build/femulous/style.css (Theme "FEMULOUS Premium" v2.2.0).

   Das V409-CSS hat dafuer kein Gegenstueck - es beschreibt ausschliesslich die
   Startseite. Ohne diese Regeln waeren Impressum, Datenschutz und die
   404-Seite voellig unformatiert.
   ============================================================================ */

.femulous-page{
  padding:clamp(72px,9vw,132px) 0 clamp(64px,8vw,120px);
  background:var(--ivory);
}

.femulous-page-article + .femulous-page-article{
  margin-top:clamp(48px,6vw,86px);
  padding-top:clamp(48px,6vw,86px);
  border-top:1px solid var(--hair);
}

.femulous-page-title{
  margin:0 0 clamp(24px,3vw,38px);
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2rem,4.4vw,3.1rem);
  line-height:1.16;
  letter-spacing:-.015em;
  color:var(--taupe);
}

.femulous-page-title a{
  color:inherit;
  text-decoration:none;
}

.femulous-page-title a:hover{
  color:var(--ink);
}

.femulous-page-content{
  max-width:66ch;
  font-family:var(--sans);
  font-size:1.0625rem;
  line-height:1.68;
  color:var(--muted);
}

.femulous-page-content > * + *{
  margin-top:1.15em;
}

.femulous-page-content h2, .femulous-page-content h3{
  margin-top:2em;
  font-family:var(--serif);
  font-weight:500;
  line-height:1.28;
  color:var(--taupe);
}

.femulous-page-content h2{
  font-size:clamp(1.4rem,2.6vw,1.9rem);
}

.femulous-page-content h3{
  font-size:clamp(1.15rem,2vw,1.42rem);
}

.femulous-page-content a{
  color:var(--taupe);
  text-underline-offset:.18em;
}

.femulous-page-content a:hover{
  color:var(--ink);
}

.femulous-page-content ul, .femulous-page-content ol{
  padding-left:1.35em;
}

.femulous-page-content li + li{
  margin-top:.5em;
}

.femulous-page-content blockquote{
  margin-left:0;
  padding-left:1.15em;
  border-left:2px solid var(--yellow);
  font-family:var(--serif);
  font-style:italic;
  font-size:1.2rem;
  color:var(--taupe);
}

.femulous-page-content img{
  max-width:100%;
  height:auto;
}

.femulous-page-content table{
  width:100%;
  border-collapse:collapse;
}

.femulous-page-content th, .femulous-page-content td{
  padding:.6em .8em;
  text-align:left;
  border-bottom:1px solid var(--hair);
}

/* ===========================================================================
   EBENE V505 - Nachtrag nach dem V409-Kern
   ---------------------------------------------------------------------------
   Das V409-CSS benutzt "var(--brown)" an vier Stellen, definiert die Variable
   aber an keiner einzigen. Nachgezaehlt: 4 Verwendungen, 0 Definitionen. Der
   Fehler ist nicht neu - schon build/femulous/style.css hatte ihn.

   Folge ohne diesen Nachtrag: die Deklaration "background:var(--brown)
   !important" gewinnt zwar die Kaskade, ist danach aber ungueltig zum
   Berechnungszeitpunkt. Der Hintergrund faellt auf transparent zurueck,
   waehrend die dazugehoerige Regel "color:var(--ivory)" bestehen bleibt -
   elfenbeinfarbene Schrift auf hellem Grund. Betroffen sind nach
   Subjekt-genauer Kaskadenpruefung drei Sektionen:

       .reframe                    -> transparent statt braun
       .reframe + .agency          -> transparent statt braun
       .belief-selfefficacy-band   -> transparent, verliert sogar var(--sand)

   Die vierte Stelle, .belief-turn-combined, wird von der spezifischeren Regel
   ".belief-turn.belief-turn-combined{background:#593d21!important}" gerettet.
   Genau die belegt den gemeinten Wert: #593D21. Dasselbe Braun steht im
   V409-Kern als "--taupe:#593d21" und wird dort 197-mal verwendet; als
   Literal kommt es 71-mal vor. Der aeltere Ton #694B32 aus build/femulous
   taucht im V409-Kern kein einziges Mal mehr auf - V409 hat das Braun
   bewusst abgedunkelt.

   Deshalb wird --brown hier auf denselben Wert wie --taupe gesetzt. Das ist
   die einzige Aenderung dieser Ebene und beruehrt ausschliesslich die vier
   genannten Fundstellen.
   =========================================================================== */
:root{--brown:#593D21}

/* ===========================================================================
   EBENE V506 - Rueckmeldung der Anmeldeformulare
   ---------------------------------------------------------------------------
   Gehoert zu assets/js/anmeldung.js. Das Skript haengt beim Laden einen leeren
   Meldebereich an jedes der beiden Formulare und fuellt ihn nach dem Absenden.
   Er wird beim Laden angelegt und nicht erst beim Absenden: eine aria-live-
   Region muss im Dokument stehen, bevor sie sich fuellt, sonst liest der
   Screenreader die Aenderung nicht vor.

   Grundform bewusst identisch mit .femulous-formular-hinweis aus V502 - beide
   sagen an derselben Stelle etwas ueber denselben Vorgang.

   Der Fehlerton #9A3324 ist neu. Der uebernommene Stand kennt keinen: geprueft
   ueber alle Sechsstellenfarben des Stylesheets, kein einziger roter Ton. Ein
   entsaettigtes Ziegelrot passt zum Braun #593D21 der Palette und erreicht
   6,9:1 auf Ivory (#FAF7F1) und 5,5:1 auf Sand (#E7DDC9) - beides ueber den
   4,5:1, die WCAG 2.1 AA fuer Fliesstext verlangt.

   Erfolg bekommt kein Gruen, sondern das Braun der Palette. Die Meldung ist
   eine Zwischenmeldung ("bitte bestaetige die E-Mail"), kein Abschluss - ein
   Haken in Gruen wuerde mehr versprechen, als eingeloest ist.
   =========================================================================== */
.femulous-anmeldung-meldung{
  margin:14px 0 0;
  font-family:var(--sans);
  font-size:.82rem;
  line-height:1.5;
  color:var(--muted);
}
.femulous-anmeldung-meldung[hidden]{display:none}
.femulous-anmeldung-meldung[data-zustand="erfolg"]{color:var(--taupe);font-weight:600}
.femulous-anmeldung-meldung[data-zustand="fehler"]{color:#9A3324;font-weight:600}

/* ===========================================================================
   EBENE V507 - Echtes Portraetfoto in den Erfahrungsberichten
   ---------------------------------------------------------------------------
   Die beiden Erfahrungsberichte (Katrin, Lisa) tragen je einen Platzhalter
   .testimonial-portrait-placeholder: min(230px,62vw) breit, Seitenverhaeltnis
   4:5, beiger Verlauf, Beschriftung ueber padding:18px und flex-end unten
   zentriert.

   Sobald dort ein echtes Foto steht, weicht dieser Rahmen vollstaendig: die
   18px Innenabstand wuerden das Bild einruecken, align-items:flex-end es nach
   unten schieben statt es fuellen zu lassen, und Verlauf wie Rand haetten
   neben einem Foto keinen Zweck mehr - sie sind Merkmale der Leerstelle.

   Das Foto wird rund ausgespielt. Dafuer muss aspect-ratio von 4/5 auf 1/1:
   ein Kreis braucht ein quadratisches Kaestchen, sonst wird er zur Ellipse.
   border-radius:50% und overflow:hidden erledigen die Form; das Bild erbt
   den Radius und object-fit:cover fuellt den Kreis ohne Verzerrung.

   Die Quelldatei bleibt ein Quadrat - der Kreis entsteht erst hier. Damit
   laesst sich die Form spaeter aendern, ohne ein Bild neu zuzuschneiden.

   Ausgeloest wird das ueber :has(img) - sobald in der Gruppe ein Bild steht,
   greift die Regel von selbst. Das ist Absicht: Wer im Blockeditor ein Foto
   in den Platzhalter zieht, soll nicht zusaetzlich im Reiter "Erweitert" eine
   CSS-Klasse nachtragen muessen. Eine vergessene Klasse waere ein stiller
   Fehler - das Bild saesse eingerueckt im beigen Rahmen, ohne Hinweis worauf.

   .has-photo bleibt als zweiter Weg bestehen, falls die Klasse einmal von
   Hand gesetzt werden soll. :has() ist seit Firefox 121 (Dezember 2023) in
   allen aktuellen Browsern verfuegbar.

   Die noch unbesetzte Stelle bleibt unveraendert Platzhalter: ohne Bild
   greift keine der beiden Regeln. Die hoehere Spezifitaet (0,2,0 gegen
   0,1,0) gewinnt unabhaengig von der Reihenfolge - auch gegen die
   !important der uebernommenen V409-Regeln.

   Die figure-Regel ist noetig, weil core/image das Bild in ein <figure>
   wickelt; ohne sie traegt der Wrapper den Browser-Vorgabeabstand von 1em
   und das Bild schrumpft im Rahmen.

   border-radius:inherit statt eines festen Wertes: die Grundregel setzt 18px,
   und wenn die einmal geaendert wird, zieht das Bild mit.
   =========================================================================== */
.testimonial-portrait-placeholder:has(img),
.testimonial-portrait-placeholder.has-photo{
  padding:0 !important;
  background:none !important;
  border:0 !important;
  border-radius:50% !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden !important;
  align-items:stretch !important;
}
.testimonial-portrait-placeholder:has(img) figure,
.testimonial-portrait-placeholder.has-photo figure{
  margin:0 !important;
  width:100% !important;
  height:100% !important;
}
.testimonial-portrait-placeholder:has(img) img,
.testimonial-portrait-placeholder.has-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:inherit !important;
}

/* ===========================================================================
   EBENE V508 - Gestaltung der Rechtsseiten
   ---------------------------------------------------------------------------
   Impressum, Datenschutzerklaerung, AGB und die Dankesseite bringen ein
   eigenes Markup mit: .legal-header, .legal-hero, .legal-content,
   .legal-footer. Fuer diese Klassen gab es im uebernommenen Stand kein CSS -
   sie lagen als <style>-Block IN den Quelldateien der beiden Seiten
   (impressum-source.html und datenschutz-source.html, beide identisch,
   2304 Zeichen). Phase 4 hat die 128 Style-Bloecke der Startseite
   eingesammelt und die 18 .femulous-page-Regeln aus build/femulous, diesen
   Block aber nicht. Die Seiten waren seither weitgehend unformatiert.

   Der Block wird hier NICHT unveraendert uebernommen. Fuenf seiner Regeln
   sind global und wuerden die Startseite zerlegen:

     :root{--ivory...}   entfaellt - die Palette ist bereits definiert und
                         die Werte stimmen ueberein
     *{box-sizing}       entfaellt - steht schon im Stylesheet
     html{scroll-...}    entfaellt - steht schon zweimal im Stylesheet
     body{font-size:17px} eingegrenzt - sonst schrumpft die Startseite
     h1{font-size:6.3rem} eingegrenzt - trifft sonst jede Ueberschrift
     .wrap{width:860px}   eingegrenzt - die Startseite rechnet mit --max:1320px
                          und hat 32 eigene .wrap-Regeln
     .eyebrow, .lead      eingegrenzt - 17 bzw. 34 Vorkommen auf der Startseite

   Eingegrenzt wird ueber body:has(.legal-header). Das ist inhaltsgesteuert:
   Wer eine Rechtsseite anlegt und den Kopf mitkopiert, bekommt die
   Gestaltung automatisch - ohne Koerperklasse, ohne Eintrag in der
   functions.php, ohne etwas, das man vergessen kann. Das Template blank
   taugt als Merkmal nicht, denn Seite 25 benutzt es ebenfalls und traegt
   den Inhalt der Startseite.

   Das !important auf den eingegrenzten Regeln ist kein Uebermut: 26 der 32
   .wrap-Regeln des uebernommenen Stands tragen selbst eines, und eine
   wichtige Deklaration schlaegt eine normale unabhaengig von der
   Spezifitaet. Unter den wichtigen entscheidet dann wieder die Spezifitaet,
   und dort liegt body:has(.legal-header) .wrap mit (0,2,1) vor .wrap (0,1,0).

   Die .legal-*-Regeln selbst brauchen beides nicht: Diese Klassen kommen im
   restlichen Stylesheet null mal vor.
   =========================================================================== */

.legal-header{height:72px;background:var(--taupe);display:flex;align-items:center;padding:0 5vw;position:sticky;top:0;z-index:10}
.legal-brand{font-family:var(--sans);font-weight:600;letter-spacing:.14em;color:#fff;text-decoration:none;font-size:18px}
.legal-brand span{color:var(--yellow)}
.legal-back{margin-left:auto;color:#fff;text-decoration:none;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.legal-hero{padding:92px 0 56px;border-bottom:1px solid var(--stone)}
.legal-content{padding:64px 0 100px}
.legal-content h2{font-family:var(--serif);font-size:2.05rem;font-weight:500;line-height:1.1;color:var(--taupe);margin:58px 0 18px;padding-top:18px;border-top:1px solid rgba(183,174,161,.7)}
.legal-content h2:first-child{margin-top:0}
.legal-content h3{font-family:var(--sans);font-size:1.05rem;color:var(--taupe);margin:28px 0 10px}
.legal-content p{margin:0 0 16px}
.legal-content ul{margin:0 0 20px;padding-left:22px}
.legal-content li{margin:0 0 8px}
.legal-footer{background:var(--taupe);color:#fff;padding:34px 5vw;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.legal-footer a{color:#fff;text-decoration:none;font-size:14px}
.legal-footer a:hover{color:var(--yellow)}
.legal-footer .brand{margin-right:auto;font-weight:600;letter-spacing:.12em}
.legal-footer .brand span{color:var(--yellow)}

body:has(.legal-header){
  margin:0 !important;
  background:var(--ivory) !important;
  color:var(--muted) !important;
  font-family:var(--sans) !important;
  font-size:17px !important;
  line-height:1.64 !important;
}
body:has(.legal-header) h1{
  font-family:var(--serif) !important;
  font-size:clamp(3.8rem,7vw,6.3rem) !important;
  font-weight:400 !important;
  line-height:.95 !important;
  letter-spacing:-.025em !important;
  color:var(--taupe) !important;
  margin:18px 0 22px !important;
}
body:has(.legal-header) .wrap{
  width:min(860px,calc(100% - 48px)) !important;
  margin:auto !important;
}
body:has(.legal-header) .eyebrow{
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  color:var(--taupe) !important;
}
body:has(.legal-header) .lead{
  font-size:19px !important;
  max-width:720px !important;
}

@media(max-width:700px){
  .legal-header{height:60px}
  .legal-hero{padding:64px 0 40px}
  .legal-content{padding:44px 0 72px}
  .legal-content h2{font-size:1.75rem;margin-top:44px}
  body:has(.legal-header){font-size:16px !important}
  body:has(.legal-header) .wrap{width:min(calc(100% - 32px),860px) !important}
  body:has(.legal-header) .lead{font-size:17px !important}
}



/* =========================================================
   V509 - die Ebene V400 MOBILE, zurueckgeholt
   Beim Umbau auf das Blockthema ging diese Ebene verloren: im alten
   Build (build/femulous/style.css, Zeilen 14270-14430) war sie als
   eigene Datei angehaengt und wurde beim Zusammenfuegen nicht
   uebernommen. Aufgefallen ist es erst nach dem Livegang, weil sie
   ausschliesslich unterhalb von 900px wirkt und die Abnahme am
   Rechner stattfand.
   Wortgleich uebernommen, einschliesslich der Kommentare - sie
   begruenden jedes !important. Diese Ebene muss vor V510 stehen,
   damit spaetere Feinarbeit sie noch anpassen kann, und nach V508,
   damit ihre Eisberg-Werte die bestehenden schlagen.
   ========================================================= */
/* =========================================================
   V400 MOBILE — repariert die Darstellung unter 900px
   Jede Regel liegt in einer max-width-Query, das vom Inhaber
   abgenommene Desktop-Layout ab 901px bleibt unberührt.
   !important steht ausschließlich dort, wo eine frühere
   !important-Deklaration geschlagen werden muss.
   ========================================================= */

@media(max-width:900px){

  /* Mobile-Menü · Die Links 02 und 05 zerfielen im 38px-Zahlenraster:
     jeder Textabschnitt neben <span class="femulous-wordmark-text">
     wurde zu einem eigenen Grid-Item, die Wortmarke landete winzig und
     halbtransparent in der Zahlenspalte. Einspaltiger Fließtext mit
     hängendem Einzug; 48px = alte Zahlenspalte (38px) + Grid-Abstand
     (10px), damit erste und Folgezeile bündig stehen. */
  .mobile-menu-links a{
    display:block;
    padding-left:48px;
    text-indent:-48px;
  }
  .mobile-menu-links a > span:first-child{
    display:inline-block;
    width:48px;
    text-indent:0;
  }
  .mobile-menu-links a .femulous-wordmark-text{
    font-family:inherit;
    font-size:inherit;
    letter-spacing:inherit;
    opacity:1;
  }

  /* Ankernavigation · Sprungziele landeten bündig am Viewport-Rand und
     verschwanden hinter dem 71px hohen Sticky-Header. scroll-padding-top
     wirkt für Menülinks und native Fragmentsprünge gleichermaßen.
     scroll-margin-top der Journey-Blöcke würde sich addieren (110px
     Totband) und wird deshalb hier neutralisiert. */
  html{scroll-padding-top:86px}
  .journey-unified{scroll-margin-top:0}

  /* Health Journeys · Mikro-Labels rechneten sich auf 8,8–10,4px herunter
     (SIGNATURE JOURNEY, DAUER, Balkenlabels, DEIN ZIEL). Einheitliche
     Untergrenze, Laufweite zum Ausgleich leicht reduziert. */
  .journey-facts span,
  .journey-outcome span,
  .journey-includes > span{
    font-size:11px;
    letter-spacing:.1em;
  }
  .journey-bars > div > span{
    font-size:11px;
    letter-spacing:.08em;
  }
  /* Pflichtergänzung zur Schriftvergrößerung: INDIVIDUALISIERUNG misst
     bei 11px rund 130px und liefe sonst aus der 112px/98px breiten
     Labelspalte quer über den gelben Fortschrittsbalken. Der Track muss
     denselben Breakpoint teilen wie die Schriftgröße. */
  .journey-bars > div{grid-template-columns:minmax(0,140px) 1fr}
  .journey-detail-column h5{font-size:11.5px}
  .journey-nav-program em{font-size:10px}

  /* Health Journeys · Die fünf Detail-Schalter waren nur 22px hoch und
     lagen damit unter der 24px-Mindestgröße. Die unsichtbare
     Pseudofläche vergrößert das Tippziel auf 48px; sie ist absolut
     positioniert, liegt also außerhalb des Flusses und verändert das
     sichtbare Layout nicht. */
  .journey-detail-toggle{position:relative}
  .journey-detail-toggle::after{
    content:"";
    position:absolute;
    left:-8px;
    right:-8px;
    top:50%;
    height:48px;
    transform:translateY(-50%);
  }

  /* Über mich · .role-boundary span{display:block} traf auch die beiden
     Wortmarken im <strong>, FEMULOUS stand zweimal allein auf einer
     vollbreiten Zeile mitten im Satz. */
  .role-boundary strong .femulous-wordmark-text{
    display:inline;
    font-size:inherit;
    line-height:inherit;
  }

  /* Über mich · Das Porträt der Expertise-Passage ist position:absolute
     auf Dokumentposition 0,0, bis site.js die Klasse .fem-scroll-image
     ergänzt. Beim ersten Rendern legt es sich über die Hero-Fläche.
     Läuft das Skript, ist das Ergebnis identisch (position:relative). */
  .founder-photo-one.about-v2-photo.about-v2-photo-story{position:relative}

  /* Footer & Testimonials · dieselbe Label-Untergrenze außerhalb der
     Journeys (10,88px bzw. 10px). Der Platzhaltertext trägt bereits
     !important und braucht es deshalb hier ebenfalls. */
  .footer-column h3{font-size:11.5px}
  .testimonial-portrait-placeholder span{font-size:11px !important}
}

@media(max-width:680px){

  /* Symptomkarten · Die Überschriften rechneten sich auf 37px hoch;
     „Verdauungsbeschwerden“ hat keine Umbruchstelle, lief 39px aus der
     302px breiten Textspalte und wurde von .recognition-grid
     abgeschnitten. !important schlägt die bestehende !important-Regel
     gleicher Spezifität aus der Ebene V183. */
  .recognition .recognition-item h3{
    font-size:clamp(1.5rem,6.4vw,1.95rem) !important;
    line-height:1.14 !important;
    overflow-wrap:break-word !important;
    hyphens:auto !important;
  }
}

@media(max-width:640px){

  /* Eisberg · Die Szene wird in festen Pixeln neu verankert statt in
     Prozentwerten. Nur so liegen Wasserlinie der Grafik, Wasserlinien-SVG,
     Chips und Seitenlabels zwischen 320 und 640px zuverlässig zusammen:
     die sichtbaren Symptome stehen wieder über Wasser, „DARUNTER · Was
     wirklich mitspielt“ wird nicht länger von den letzten Chips
     überdeckt, die zweite (zu tief gezeichnete) Wasserlinie
     verschwindet, und die leeren Bänder über und unter dem Eisberg
     entfallen. Diese Fassung ersetzt die reine Prozentkorrektur aus dem
     Audit — dieselbe Reparatur, nur vollständig.
     Sämtliche Werte brauchen !important, weil die Ausgangswerte aus den
     Versionsebenen bereits !important tragen. */
  .iceberg-scene{min-height:1060px !important}
  .iceberg-art{
    top:234px !important;
    height:640px !important;
  }
  .iceberg-water-surface{top:521px !important}
  /* Der PMS-Chip nutzt als einziger ein <span> statt <i> als Icon und
     erbte dadurch min-height und padding von .iceberg-pills span sowie
     die Kapseloptik von .iceberg-pills-top span: 64px statt 46px hoch,
     mit ivoryfarbener Pille hinter dem Icon. Nebeneffekt der Korrektur:
     der obere Chipstapel wird 18px kürzer und hält damit den Abstand
     zur Wasserlinie. Für die <i>-Icons ist die Regel wirkungslos. */
  .iceberg-pills .iceberg-chip > .iceberg-chip-icon{
    min-height:0 !important;
    padding:0 !important;
    background:none;
    border:0;
    box-shadow:none;
  }
  .iceberg-side-visible{top:24px !important}
  .iceberg-pills-top{top:96px !important}
  .iceberg-side-below{top:560px !important}
  .iceberg-pills-bottom{top:650px !important}
}

@media(max-width:340px){

  /* Eisberg · Unterhalb von 340px bricht der untere Faktorenblock auf
     vier bis fünf Zeilen um und braucht mehr Szenenhöhe, sonst
     schneidet .iceberg-scene{overflow:hidden} ihn ab. Oberhalb davon
     würde derselbe Wert nur wieder leere Fläche erzeugen. */
  .iceberg-scene{min-height:1140px !important}
}



/* =========================================================
   V510 - Mobile Korrekturen
   Drei belegte Fehler, jeder in einer max-width-Klammer.
   ========================================================= */

@media(max-width:900px){

  /* Sicherheitsnetz. In 17.298 Zeilen kam overflow-x bisher kein einziges
     Mal vor - jeder Ueberlauf wurde damit zu echtem Querscrollen.
     clip statt hidden: hidden zwingt die andere Achse auf auto und wuerde
     die klebende Kopfzeile loesen, clip nicht. Am Livestand nachgemessen -
     Kopfzeile klebt weiter bei top:0, das Guide-Modal bleibt bedienbar. */
  body{overflow-x:clip}

  /* Footer. Drei unbedingte Spaetebenen haben den Zeilenabstand
     nacheinander auf 20px, 8px und zuletzt 4px gedrueckt, alle mit
     !important. Am Rechner steht der Footer in einer einzigen Zeile, dort
     ist ein Zeilenabstand wirkungslos. Auf dem Handy brechen die Spalten
     um, und die dritte klebte am letzten Link der ersten. Die drei
     Altregeln bleiben unangetastet - sie regeln den Rechner-Footer. */
  .premium-footer .footer-navigation{row-gap:32px !important}

  /* Deutsche Komposita brauchen eine Trennstelle. Vor dieser Ebene gab es
     in der ganzen Datei genau zwei Umbruchregeln, beide am Eisberg, eine
     davon gegenlaeufig. "Verdauungsbeschwerden" hat die Symptomkachel
     aufgedrueckt, bis V509 das fuer diese eine Ueberschrift geloest hat -
     hier die allgemeine Absicherung fuer alles uebrige.
     Silbentrennung nur in Ueberschriften; im Fliesstext wirkt sie unruhig,
     und dort ist der Platz seltener knapp. Die Sprachangabe lang="de"
     steht im Dokumentkopf, ohne sie waere hyphens:auto wirkungslos. */
  h1,h2,h3,h4,h5,h6{
    overflow-wrap:break-word;
    hyphens:auto;
  }
  p,li,dd,dt,figcaption,blockquote{
    overflow-wrap:break-word;
  }
}



/* =========================================================
   V511 - Feinarbeit Mobil
   ========================================================= */

@media(max-width:640px){

  /* Seitenrand. Ebene V262 hatte ihn auf 15px je Seite gesetzt - etwa die
     Haelfte des Ueblichen, und der Grund fuer den Eindruck, der Inhalt
     rage in den Rand hinein. 22px je Seite lassen bei 390px Fensterbreite
     346px Inhalt. */
  .wrap{width:calc(100% - 44px) !important}
}




/* =========================================================
   V512 - Rechtsseiten mobil
   Impressum, Datenschutzerklaerung und AGB teilen sich den Rahmen aus
   Ebene V508. Ihre Ueberschrift war dort nie fuer Handybreite geregelt.
   ========================================================= */

@media(max-width:700px){

  /* Gemessen bei 390px: "Datenschutzerklaerung" brauchte 493px in einem
     358px breiten Textfeld und schob die Seite um 119px quer; bei den AGB
     waren es 146px. Ursache ist das clamp-Minimum von 3.8rem - es gilt
     auf dem Handy unveraendert, weil 7vw dort immer darunter liegt.
     Der Wert oberhalb von 700px bleibt unberuehrt. */
  body:has(.legal-header) h1{
    font-size:clamp(2.4rem,9vw,6.3rem) !important;
    line-height:1.04 !important;
    overflow-wrap:break-word !important;
    hyphens:auto !important;
  }
}



/* =========================================================
   V513 - Hover-Zustaende auf Tippgeraeten
   Am Livestand nachgemessen: nach einem Fingertipp behaelt die
   angetippte FAQ-Frage ihren Hover-Zustand - brauner Grund, helle
   Schrift - und zwar auch noch, nachdem man weitergescrollt hat. Auf
   einem Zeigergeraet faellt der Zustand beim Wegbewegen der Maus
   zurueck; auf einem Tippgeraet gibt es kein Wegbewegen.
   Das Theme kennt die richtige Klammer bereits und nutzt sie dreimal
   (Eisberg-Chips, Methodenschritte, Karten). 46 der 62 :hover-Regeln
   stehen aber ausserhalb. Hier die beiden, die man wirklich antippt.
   hover:none statt max-width: das trifft die tatsaechliche Bedingung
   statt eines Stellvertreters. Ein schmal gezogenes Fenster auf dem
   Rechner behaelt damit seine Hover-Wirkung, ein Handy nicht.
   Die Ruhewerte sind am Livestand abgelesen, nicht geraten.
   ========================================================= */

@media(hover:none){

  #faq summary:hover{
    background:transparent !important;
    color:var(--muted) !important;
  }
  #faq summary:hover .faq-number-v404{
    color:var(--stone) !important;
  }
  #faq summary:hover .faq-question-v404{
    color:var(--muted) !important;
  }
  #faq summary:hover .femulous-inline-yellow{
    color:var(--yellow) !important;
  }
  #faq summary:hover > span[aria-hidden="true"]::before,
  #faq summary:hover > span[aria-hidden="true"]::after{
    background:var(--taupe) !important;
  }

  .qualifications-disclosure-button:hover{
    background:transparent !important;
    border-color:rgba(105,75,50,.55) !important;
    color:var(--taupe) !important;
    transform:none !important;
  }
}



/* =========================================================
   V514 - Guide-Dialog an die wirklich sichtbare Fensterhoehe
   Vorsorglich, nicht nachgemessen: die ein- und ausfahrende
   Adressleiste mobiler Browser laesst sich im ferngesteuerten Chrome
   nicht nachstellen. 100vh meint dort die Hoehe bei eingeklappter
   Leiste - der Dialog wird also hoeher als das, was man sieht, und der
   Absendeknopf des Anmeldeformulars kann unter die Leiste rutschen.
   dvh meint die jeweils sichtbare Hoehe. Die bestehende vh-Regel bleibt
   stehen und traegt aeltere Browser; diese hier gewinnt, wo dvh
   verstanden wird.
   ========================================================= */

@media(max-width:900px){

  .journey-guide-dialog{
    max-height:min(820px,calc(100dvh - 48px)) !important;
  }
}



/* =========================================================
   V515 - Kopfzeile auf dem Handy
   Zwei Fehler an derselben Stelle, beide erst nach dem Livegang
   aufgefallen.
   ========================================================= */

@media(max-width:900px){

  /* 1. Der Schriftzug im Logo war nicht zu lesen.
     Ab 901px ist die Kopfzeile durchsichtig und liegt ueber dem
     Hero-Foto - dort ist Weiss richtig, und genau dafuer ist die Datei
     gemacht ("White official FEMULOUS logo in the image hero header").
     Darunter hat die Leiste einen deckenden cremefarbenen Grund, und
     Weiss auf Creme liest sich nicht.
     Das SVG traegt seine Farben intern (.st0 gold, .st1 weiss) und
     laesst sich als <img> nicht von aussen umfaerben. Deshalb eine
     zweite Datei, in der ausschliesslich der Schriftzug auf --taupe
     steht - dieselbe Farbe wie "Menue" daneben. Das Symbol bleibt gold.
     content:url() tauscht nur das dargestellte Bild. parts/header.html
     bleibt unberuehrt; eine spaetere Bearbeitung im Website-Editor kann
     die Korrektur damit nicht versehentlich zuruecknehmen. */
  .femulous-brand-logo-header-white{
    content:url("assets/images/femulous-logo-header-dunkel.svg");
  }

  /* 2. Das Menue liess sich nicht wieder schliessen.
     header.nav traegt z-index:30 und bildet damit einen eigenen Stapel.
     Der Schalter darin kommt ueber seine z-index:1001 nicht hinaus,
     waehrend das Menuefeld mit z-index:999 im Wurzelstapel darueber
     liegt. Der zweite Tipp traf deshalb das Menue statt des Schalters,
     und die Kopfzeile war bei offenem Menue ueberhaupt nicht zu sehen -
     auch das X zum Schliessen nicht, obwohl es die ganze Zeit da war.
     1000 hebt die Kopfzeile ueber das Menue (999) und bleibt unter dem
     Guide-Dialog (3000). Am Livestand nachgemessen: der Schalter ist
     wieder erreichbar, zweimal Tippen oeffnet und schliesst. */
  header.nav{
    z-index:1000 !important;
  }
}



/* =========================================================
   V516 - Handy-Feinschliff: Hero-Ausschnitt, Eisberg-Begriffe,
   Abschnittsnavigation, Kopfzeile
   Vier Wuensche von Jonas vom 28.09.2026. Alle Ausgangswerte am
   Livestand gemessen (Chrome mit Geraete-Emulation bei 360, 390, 430,
   768, 1024 und 1440px), die Wirkung vor dem Einbau per eingespeister
   Ebene nachgeprueft.
   ========================================================= */

/* 1. Hero: das Gesicht rechts statt links.
   Auf dem Handy ist der Hero wegen des Textes rund 1155px hoch. Das
   Foto (2400x1599) wird auf diese Hoehe skaliert und ist dann gut
   1730px breit; die Gesichtsmitte liegt bei 56% der Bildbreite. Mit den
   66% aus V370 landete sie bei 390px im linken Drittel. 52% setzt sie
   bei 360 bis 430px auf rund 70% der Breite - das Gesicht bleibt ganz im
   Bild, angeschnitten wird nur das Haar am rechten Rand. Senkrecht steht
   nichts ueber, der zweite Wert bleibt deshalb wie er ist. */
@media(max-width:900px){
  #start.hero{
    background-position:52% 16% !important;
  }
}

/* 2. Eisberg: die Begriffe ueber Wasser so breit wie ihr Text.
   Unter Wasser stehen sie in Flex-Zeilen und sind so breit wie ihr
   Text. Ueber Wasser hielten Raster und width:100% alle Kacheln gleich
   breit - auf dem Handy eine Saeule aus acht gleichen Kacheln, auf dem
   Desktop sieben Kacheln zu 250px. Oben gelten jetzt die Werte von
   unten: umbrechende, zentrierte Reihe, gleiche Abstaende,
   Innenabstaende, Schriftgroesse und Feldbreite. */
.iceberg-pills-top{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px 12px !important;
}
.iceberg-pills-top .iceberg-chip{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  grid-column:auto !important;
}

/* "Stimmungsschwankungen" und "PMS" bekamen in V307 Sonderbreiten und
   20px Innenabstand, damit das Raster sie nicht umbrechen liess. In der
   Reihe braucht es das nicht mehr; sie bekommen den Innenabstand ihrer
   Nachbarn. */
.iceberg-pills-top .iceberg-chip,
.iceberg-pills-top .iceberg-chip.iceberg-chip-nowrap{
  padding-left:18px !important;
  padding-right:18px !important;
}

/* Das PMS-Symbol ist als einziges ein <span> statt <i>. Die Kachelregeln
   fuer ".iceberg-pills span" trafen es deshalb mit: Hintergrund, Rahmen,
   Schatten und 48px Mindesthoehe - auf dem Desktop eine Kachel in der
   Kachel. */
.iceberg-pills-top .iceberg-chip-pms > .iceberg-chip-icon{
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
}

@media(max-width:1350px){
  .iceberg-pills-top .iceberg-chip,
  .iceberg-pills-top .iceberg-chip.iceberg-chip-nowrap{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}
@media(max-width:1180px){
  .iceberg-pills-top{
    gap:10px 8px !important;
  }
  .iceberg-pills-top .iceberg-chip,
  .iceberg-pills-top .iceberg-chip.iceberg-chip-nowrap{
    padding-left:11px !important;
    padding-right:11px !important;
    font-size:.70rem !important;
  }
}
@media(max-width:900px){
  .iceberg-pills-top{
    width:86% !important;
  }
}
@media(max-width:640px){
  .iceberg-pills-top{
    width:82% !important;
    gap:10px 7px !important;
  }
}

/* 3. Abschnittsnavigation auch auf dem Handy.
   Schon seit v2.2.0 blendet eine Regel sie unter 821px aus ("Keep the
   navigation unobtrusive on smaller screens", hier in V308) - sie ist
   also nicht verlorengegangen, sie hatte nie eine Handyfassung. Hier
   kommt sie als schmale Punktleiste: ohne Beschriftung wie zwischen 821
   und 1180px, 8px-Punkte statt 11px, aber Tippflaechen von 24x24px
   (WCAG 2.5.8). Menue (z-index 999) und Guide-Dialog (3000) liegen
   weiterhin darueber (80). */
@media(max-width:820px){
  .femulous-scroll-rail{
    display:flex !important;
    right:2px !important;
    gap:0 !important;
    padding:6px 0 !important;
  }
  .femulous-scroll-rail a{
    width:24px !important;
    height:24px !important;
    justify-content:center !important;
  }
  .femulous-scroll-rail .rail-dot{
    width:8px !important;
    height:8px !important;
  }
  /* Linie mittig durch die Punkte: halbe Tippflaeche minus halbe Linie */
  .femulous-scroll-rail .scroll-rail-line{
    top:18px !important;
    bottom:18px !important;
    right:11.5px !important;
  }
}

/* 4. Kopfzeile auf dem Handy: links nur der Schriftzug, rechts das
   Symbol statt der zwei Menuestriche.
   Beide Dateien sind aus femulous-logo-header-dunkel.svg geschnitten -
   Pfade unveraendert, Ausschnitt per getBBox gemessen. Wie in V515
   tauscht content:url() nur das dargestellte Bild (und loest dessen
   dunkle Fassung ab); parts/header.html bleibt unberuehrt. Die Breite
   bleibt die 140px aus V395, die Hoehe ergibt sich daraus: 13px, mittig
   auf Hoehe von "Menue". Das Symbol steht nur im geschlossenen Zustand:
   offen bleibt das X aus den beiden Strichen, damit man das Menue
   weiter als schliessbar erkennt. */
@media(max-width:900px){
  .femulous-brand-logo-header-white{
    content:url("assets/images/femulous-wortmarke-dunkel.svg");
  }
  .menu-toggle[aria-expanded="false"] .menu-toggle-lines{
    width:14px !important;
    height:28px !important;
    background:url("assets/images/femulous-symbol.svg") center / contain no-repeat !important;
  }
  .menu-toggle[aria-expanded="false"] .menu-toggle-lines i{
    visibility:hidden !important;
  }
}



/* =========================================================
   V517 - Kopfzeile wie am Desktop, Buttons nach einem Muster
   Drei Wuensche von Jonas vom 28.09.2026: die Kopfzeile auf dem Handy
   wie am Desktop auf dem verschwommenen Hero-Foto, "Erstgespraech
   buchen" unten am Handyrand nur so breit wie sein Text, und alle
   Buttons gleich aufgebaut. Ausgangswerte am Livestand mit
   eingespeister V516 gemessen (360, 390, 430, 768 und 1440px).
   ========================================================= */

/* 1. Kopfzeile auf dem Handy auf dem Hero.
   Ab 901px liegt die Kopfzeile durchsichtig auf dem Hero-Foto. Das
   Verschwommene kommt aus der Grundregel (.nav, backdrop-filter:
   blur(16px)); sie gilt dort weiter, nur der Grund ist durchsichtig.
   Darunter hatte die Kopfzeile einen fast deckenden Cremegrund und
   stand ueber dem Hero statt darauf.
   Jetzt reicht der Hero 60px unter die Kopfzeile - genau ihre Hoehe,
   die unter 901px fest ist (V394) - und sein Inhalt rueckt um dieselben
   60px nach unten: Text und Buttons bleiben, wo sie waren.
   Anders als am Desktop scrollt die Kopfzeile auf dem Handy nicht weg,
   denn in ihr steckt das Menue. Hinter dem Hero stuende helle Schrift
   auf hellem Abschnitt; femulous.js setzt deshalb is-past-hero, sobald
   der Hero ganz unter ihr durchgelaufen ist, und sie bekommt Cremegrund
   und dunklen Schriftzug zurueck. Bei offenem Menue ebenso - das Menue
   selbst ist cremefarben.
   Browser ohne :has() behalten die bisherige Kopfzeile. */
@supports selector(:has(*)){
  @media(max-width:900px){
    body:has(#start.hero) #start.hero{
      margin-top:-60px !important;
      padding-top:60px !important;
    }
    body:has(#start.hero):not(.menu-open) header.nav:not(.is-past-hero){
      background:transparent !important;
      border-bottom-color:rgba(250,247,241,.22) !important;
    }
    /* Weisser Schriftzug wie am Desktop; dieselbe Datei wie in V516, nur
       in der Farbe des Originallogos */
    body:has(#start.hero):not(.menu-open) header.nav:not(.is-past-hero) .femulous-brand-logo-header-white{
      content:url("assets/images/femulous-wortmarke-hell.svg");
    }
    body:has(#start.hero):not(.menu-open) header.nav:not(.is-past-hero) .menu-toggle{
      color:var(--ivory) !important;
    }
  }
  /* Ab 481px rueckt ein helles Fenster aus dem Foto hinter den
     Schriftzug: Weiss kam dort nur noch auf 3,1:1 (540px) bis 1,6:1
     (820 und 900px), gemessen am Hintergrund ohne Schrift. Am Desktop
     liegt das Logo auf der abgedunkelten linken Bildseite; hier
     dunkeln zwei Verlaeufe in der Farbe des Hero-Verlaufs die beiden
     Enden der Leiste ab, die Mitte bleibt reines Foto. Damit 4,3:1 und
     mehr fuer den Schriftzug, 6:1 und mehr fuer "Menue". Bis 480px
     reicht das Foto allein (Schriftzug 3,5 bis 4,6:1, "Menue" 4,5 bis
     5,7:1) und bleibt unberuehrt. */
  @media(min-width:481px) and (max-width:900px){
    body:has(#start.hero):not(.menu-open) header.nav:not(.is-past-hero){
      background:
        linear-gradient(90deg,rgba(25,22,16,.5) 0,rgba(25,22,16,.4) 180px,rgba(25,22,16,0) 360px),
        linear-gradient(270deg,rgba(25,22,16,.34) 0,rgba(25,22,16,.26) 120px,rgba(25,22,16,0) 240px) !important;
    }
  }
}

/* Safari vor Version 18 kennt die Unschaerfe nur mit -webkit-. */
header.nav{
  -webkit-backdrop-filter:blur(16px);
}

@media(max-width:900px) and (prefers-reduced-motion:no-preference){
  header.nav{
    transition:background-color .3s ease, border-color .3s ease;
  }
  header.nav .menu-toggle{
    transition:color .3s ease;
  }
}

/* 2. Buttons nach einem Muster.
   Das Muster ist .btn aus der Grundschicht: 52px hoch, 22px Innenabstand
   links und rechts, .84rem, Schriftgewicht 500, Pille, so breit wie der
   Text; Hauptbutton gelb mit brauner Schrift. Hero, Journey Guide,
   Kontaktbereich und Danke-Seite folgen ihm. Abweichend waren, bei 360
   bis 1440px gemessen:
   - "Erstgespraech buchen" unten am Handyrand: ueber die volle Breite,
     50px hoch, 18px Innenabstand, .82rem, ohne Pfeil
   - "Erstgespraech buchen" im Menue: volle Breite, 54px, 16px,
     Schriftgewicht 600, fast schwarze statt brauner Schrift, Pfeil an
     den rechten Rand gerueckt
   - "Guide per E-Mail erhalten" im Dialog: volle Formularbreite, Pfeil
     am rechten Rand
   - "Anmelden" (Newsletter): weisse Schrift auf Gelb - Kontrast rund
     1,6:1, fuer Text dieser Groesse verlangt WCAG 4,5:1; Braun auf Gelb
     hat 5,9:1 -, 46 bzw. 55px hoch, 25px Innenabstand
   - "Qualifikationen im Detail": 45px, 12px, Schriftgewicht 600,
     gesperrte Grossbuchstaben
   - "Journey Guide erhalten": Pfeil ohne Abstand am Wort
   - die beiden im Kontaktbereich auf niedrigen Laptopbildschirmen (s. u.)
   Der Kopfzeilen-Button am Desktop bleibt bewusst kleiner (42px): er
   steht in einer 72px hohen Leiste. */

/* Pfeil wie im Kopfzeilen-Button: 9px Abstand, 1rem gross */
.btn,
.mobile-menu-primary{
  gap:9px !important;
}
.btn > span[aria-hidden="true"],
.mobile-menu-primary > span[aria-hidden="true"]{
  font-size:1rem;
  line-height:1;
}

/* "Erstgespraech buchen" unten am Handyrand: so breit wie der Text,
   mittig. Links, rechts und Breite stehen fest, die automatischen
   Aussenabstaende teilen den Rest gleich auf. Der Pfeil kommt wie
   bei den anderen "Erstgespraech buchen" dazu; der Zusatz / "" haelt
   ihn aus der Vorlesefassung heraus, wie aria-hidden in der Kopfzeile.
   Browser, die den Zusatz nicht kennen, nehmen die Zeile davor. */
@media(max-width:720px){
  .mobile-cta{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    left:0 !important;
    right:0 !important;
    width:max-content !important;
    max-width:calc(100% - 28px) !important;
    margin:0 auto !important;
    min-height:52px !important;
    padding:0 22px !important;
    font-size:.84rem !important;
  }
  .mobile-cta::after{
    content:"\2192";
    content:"\2192" / "";
    font-size:1rem;
    line-height:1;
  }
}

/* "Erstgespraech buchen" im Menue: linksbuendig unter den Menuepunkten */
.mobile-menu-primary{
  align-self:flex-start !important;
  justify-content:center !important;
  min-height:52px !important;
  padding:0 22px !important;
  color:var(--taupe) !important;
  font-size:.84rem !important;
  font-weight:500 !important;
}
@media(hover:hover){
  .mobile-menu-primary:hover{
    background:var(--taupe) !important;
    color:var(--ivory) !important;
  }
}

/* "Guide per E-Mail erhalten": das Formular ist ein Raster, start
   nimmt dem Button die volle Spaltenbreite */
.journey-guide-submit{
  width:auto !important;
  justify-self:start !important;
  justify-content:center !important;
}

/* "Anmelden": braune Schrift wie alle gelben Buttons, beim Darueberfahren
   braun mit heller Schrift wie sie. Das Feldraster zog ihn ab 561px auf
   55px; center haelt ihn auf 52. */
#newsletter .femulous-notes-submit-v384{
  align-self:center !important;
  min-height:52px !important;
  padding:0 22px !important;
  color:var(--taupe) !important;
}
#newsletter .femulous-notes-submit-v384:hover,
#newsletter .femulous-notes-submit-v384:focus-visible{
  color:var(--ivory) !important;
}

/* "Qualifikationen im Detail": Masse und Schrift des Musters; das gelbe
   Plus bleibt und steht im selben Abstand wie sonst der Pfeil */
.about-v2-credentials-head > .qualifications-disclosure-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:52px !important;
  padding:0 22px !important;
  font-size:.84rem !important;
  font-weight:500 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
}

/* Die beiden Buttons im Kontaktbereich auf niedrigen Laptopbildschirmen.
   Der LAPTOP MASTER (901 bis 1440px breit, hoechstens 820px hoch - etwa
   1366x768 oder ein 13-Zoll-MacBook) setzt .btnrow-Buttons auf .76rem und
   14px Innenabstand. Gemeint war der Hero; dessen Buttons stehen
   inzwischen in .hero-actions-v356 mit eigenen Regeln. Getroffen hat es
   nur noch diese beiden - bei 1366x768 als einzige kleiner als alle
   anderen. */
@media (min-width:901px) and (max-width:1440px) and (max-height:820px){
  .btnrow .btn{
    padding:0 22px !important;
    font-size:.84rem !important;
  }
}

/* "Health Journeys ansehen" im Kontaktbereich: beim Darueberfahren wurde
   er so braun wie der Abschnitt dahinter und verschwand bis auf die
   Schrift. Jetzt gelb wie der helle Nebenbutton im Hero. */
#contact .btn.ghost:hover,
#contact .btn.ghost:focus-visible{
  background:var(--yellow) !important;
  border-color:var(--yellow) !important;
  color:var(--taupe) !important;
}



/* =========================================================
   V518 - Rueckmeldung von Sarah vom 29.09.2026 (Handy)
   Drei Wuensche zur Handyfassung: der Claim im Hero kleiner und
   enger, damit er am Gesicht endet; "Verstehe" im Titel gold; neben
   den Punkten der Abschnittsnavigation die Kapitelnamen.
   Jede Regel steht in einer max-width-Klammer; ab 901px bleibt alles,
   wie es war. Ausgangswerte am Livestand 5.1.7 gemessen (320, 360,
   390, 430, 540, 768, 900 und 1440px), die Wirkung vor dem Einbau per
   eingespeister Ebene nachgeprueft.
   ========================================================= */

/* 1. Claim "THE FUTURE OF FEMALE HEALTH": endet am Gesicht.
   Bisher 16px mit .18em Sperrung (V139), 307px breit: bei 390px bis
   x=329, quer ueber Wange und Mund. Die linke Wangenkante liegt auf
   Hoehe des Claims bei 178px (360), 198px (390), 220px (430) und
   293px (540). Der Claim beginnt fest am Seitenrand (22px); damit
   sein Ende mit der Wange wandert, waechst die Schrift schneller als
   die Breite: 3,85vw - 4,3px, bei .08em statt .18em Sperrung. Das
   trifft die Wange bei 360 bis 540px auf 3px genau. Die Klammer haelt
   ihn bei 9,5px lesbar (bei 320px reicht er dadurch gut 20px in die
   Wange) und am Tablet bei hoechstens 16px - dort endet er vor dem
   Gesicht. */
@media(max-width:900px){
  #start.hero .hero-copy > .label{
    font-size:clamp(9.5px,calc(3.85vw - 4.3px),16px) !important;
    letter-spacing:.08em !important;
  }
}

/* 2. "Verstehe" in Gold.
   Das Wort bekommt beim Ausgeben ein eigenes Element (functions.php,
   femulous_filter_hero_betonung) - im Seiteninhalt steht der Titel
   unveraendert. Es ist ein <span> im <span>: gegen .hero-title span
   {display:block} aus dem Kern muss es ausdruecklich in der Zeile
   bleiben, und gegen das Weiss aus V370 braucht es die hoehere
   Spezifitaet. Am Rechner bleibt es weiss. */
#start.hero .hero-title .hero-title-betonung{
  display:inline !important;
  padding:0 !important;
}
@media(max-width:900px){
  #start.hero .hero-title .hero-title-betonung{
    color:var(--yellow) !important;
  }
}

/* 3. Kapitelnamen an der Abschnittsnavigation.
   Die Namen stehen seit v2.2.0 im Markup (.rail-label). Am Desktop
   zeigt V308 den des aktiven Kapitels, unter 1181px blendet V308 sie
   aus. Auf dem Handy gibt es neben der Leiste keinen freien Rand: alle
   neun Namen zugleich laegen als 150px breiter Block mitten auf dem
   Fliesstext. Deshalb steht wie am Desktop nur der Name des aktiven
   Kapitels da - und nur, solange gescrollt wird und kurz danach;
   femulous.js setzt dafuer .zeigt-kapitel. Beim Lesen verschwindet er.
   Vor dem ersten Kapitel (Hero, "Dein Problem") setzt femulous.js die
   Klasse nicht, im Hero stuende der Name auf dem Gesicht.
   Der Name haengt absolut links neben seinem Punkt, Tippflaechen und
   Linie aus V516 bleiben, wie sie sind. Weil die Leiste ueber Foto,
   Creme und Braun laeuft, bekommt er einen eigenen cremefarbenen
   Grund. Die gelbe Schrift, die V308 Methode und Kontakt gibt, waere
   darauf nicht lesbar: Methode wird braun wie die anderen, Kontakt
   behaelt sein Gelb als Rand. Ein gelber Grund lag im Kontaktbereich
   auf dem gelben "Erstgespraech buchen" und sah aus wie ein Teil davon.
   Der Name faengt keine Tipps ab (pointer-events:none). */
@media(max-width:820px){
  .femulous-scroll-rail a{
    position:relative !important;
  }
  .femulous-scroll-rail .rail-label{
    display:block !important;
    position:absolute !important;
    top:50% !important;
    right:calc(100% + 2px) !important;
    translate:0 -50%;
    transform:none !important;
    padding:5px 9px 5px 10px !important;
    border:1px solid var(--sand) !important;
    border-radius:999px !important;
    background:rgba(250,247,241,.94) !important;
    box-shadow:0 2px 10px rgba(25,22,16,.12) !important;
    color:var(--taupe) !important;
    font-size:10px !important;
    font-weight:600 !important;
    letter-spacing:.12em !important;
    line-height:1 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  .femulous-scroll-rail.zeigt-kapitel a.is-active .rail-label{
    opacity:1 !important;
    visibility:visible !important;
  }
  .femulous-scroll-rail a[data-section="method"].is-active .rail-label,
  .femulous-scroll-rail a[data-section="contact"] .rail-label{
    color:var(--taupe) !important;
  }
  .femulous-scroll-rail a[data-section="contact"] .rail-label{
    border-color:var(--yellow) !important;
  }
}
@media(max-width:820px) and (prefers-reduced-motion:no-preference){
  .femulous-scroll-rail .rail-label{
    transition:opacity .25s ease, visibility 0s linear .25s !important;
  }
  .femulous-scroll-rail.zeigt-kapitel a.is-active .rail-label{
    transition:opacity .25s ease, visibility 0s !important;
  }
}