/* Blaauw Empire · Seite „Unternehmen“ (07.10.2026)
   Ergänzt css/site.css: Register der acht Bereiche, Fakten-Kacheln, Verb-Zeilen der Porträts,
   <picture>-Hüllen und Cinzel-Gewicht 400 für die von der Startseite übernommenen Blöcke. */

/* <picture> soll kein eigenes Layout erzeugen, damit die img-Regeln aus site.css greifen */
.cine-hero .media picture,.chapter .media picture,.vows .pic picture,.founder .pic picture,.cta-band .bg picture{display:contents}

/* Cinzel nur in Gewicht 400 (V4-Regel), auch für die übernommenen Startseiten-Klassen */
.founder h2,.founder .quote,.founder .pic .cap b,.grid-head h2,.vow-line h3,.vows .pic .lbl b,.site h2,.facts b,.jobs h2,.crew .card.you b,.step i,.step b{font-weight:400}

/* Haltung: Warum ein Unternehmen */
.warum .sec-head{margin-bottom:0}
.warum-text p{color:rgba(239,236,228,.86);font-size:clamp(16px,1.3vw,19px);margin:0 0 22px;max-width:52ch}
.warum-text p:last-child{margin-bottom:0}

/* Fakten-Kacheln: Kennung über dem Wert */
.fakten .tile .k{display:block;margin-bottom:12px}
.fakten .tile h3{text-wrap:balance}

/* Herzstück: Register der acht Bereiche */
.register .sec-head{margin-bottom:clamp(26px,4vw,44px)}
.reg-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.reg-row{margin:0}
.reg-row a{display:grid;grid-template-columns:72px 150px minmax(180px,.8fr) 1.4fr 44px;gap:clamp(14px,2vw,28px);align-items:center;padding:clamp(20px,2.6vw,30px) 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;position:relative;isolation:isolate;transition:padding-left .5s cubic-bezier(.16,1,.3,1)}
.reg-row a::before{content:"";position:absolute;inset:0 -14px;z-index:-1;background:linear-gradient(90deg,rgba(200,169,90,.09),transparent 70%);opacity:0;transition:opacity .5s}
.reg-row a:hover::before,.reg-row a:focus-visible::before{opacity:1}
.reg-row a:hover,.reg-row a:focus-visible{padding-left:10px}
.reg-row .nr{font:400 clamp(28px,3vw,44px)/1 var(--fd);color:transparent;-webkit-text-stroke:1px rgba(200,169,90,.6);transition:color .5s,-webkit-text-stroke-color .5s}
.reg-row a:hover .nr,.reg-row a:focus-visible .nr{color:var(--gold);-webkit-text-stroke-color:var(--gold)}
.reg-row .kennung{font:600 10px/1.4 var(--fb);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.reg-row .t{font:400 clamp(20px,1.8vw,27px)/1.15 var(--fd);color:#fff}
.reg-row .p{color:var(--muted);font-size:15px;line-height:1.55}
.reg-row .arrow{width:40px;height:40px;border:1px solid rgba(200,169,90,.45);border-radius:999px;display:grid;place-items:center;color:var(--gold);justify-self:end;transition:transform .5s cubic-bezier(.16,1,.3,1),background .5s}
.reg-row .arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.reg-row a:hover .arrow,.reg-row a:focus-visible .arrow{transform:translateX(6px);background:rgba(200,169,90,.16)}
.reg-note{margin:26px 0 0;font-size:13px;line-height:1.6;color:var(--muted);max-width:90ch}
@media (max-width:980px){
  .reg-row a{grid-template-columns:56px 1fr 40px;grid-template-areas:"nr kennung arrow" "nr t arrow" "nr p arrow";row-gap:6px}
  .reg-row .nr{grid-area:nr;align-self:start}
  .reg-row .kennung{grid-area:kennung}
  .reg-row .t{grid-area:t}
  .reg-row .p{grid-area:p}
  .reg-row .arrow{grid-area:arrow}
  .reg-row a:hover,.reg-row a:focus-visible{padding-left:0}
}
@media (max-width:560px){
  .reg-row a{grid-template-columns:44px 1fr;grid-template-areas:"nr kennung" "nr t" "nr p";gap:4px 12px}
  .reg-row .arrow{display:none}
  .reg-row .nr{font-size:26px}
}

/* Menschen: Verb-Zeile statt Zitat, Symbolbild-Etikett */
.crew .card .cap .verb{display:block;font:400 clamp(24px,2.2vw,34px)/1.1 var(--fd);color:#fff}
.crew .card.touched img{filter:none;transform:scale(1.08)}
.founder .pic .cap>span:not(.demo-tag){display:block;margin-bottom:12px}
.founder .pic .cap .demo-tag{font:600 10px/1 var(--fb);letter-spacing:.22em;color:#140f05}
.grid-head p .demo-tag{margin-right:6px;vertical-align:middle}

/* Standort: Knopf unter den Fakten */
.site .facts+p{margin-top:30px}

/* Bewegung aus: keine Übergänge im Register */
@media (prefers-reduced-motion:reduce){
  .reg-row a,.reg-row .nr,.reg-row .arrow{transition:none}
}