/* Betrieb extends the shared Archivo roles; photographs keep their full native frame. */
.workshop-opening{background:var(--panel)}
.workshop-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center;padding:var(--space-4) var(--gutter) var(--space-7)}
.workshop-intro h1{font-size:var(--font-page);font-weight:var(--weight-display);line-height:1.06;letter-spacing:var(--tracking-heading);margin:0 0 var(--space-5)}
.workshop-intro>p{font-size:var(--font-lead);color:var(--muted);max-width:39ch;margin:0 0 var(--space-6)}
.workshop-intro .primary,.workshop-close .primary{background:var(--ink);color:var(--paper)}
.workshop-intro .primary:hover,.workshop-close .primary:hover{background:#41463b}
.workshop-intro .hero-location{font-size:var(--font-caption);margin:var(--space-6) 0 0}
.workshop-page figure{margin:0;min-width:0}.workshop-image{position:relative;display:block;width:100%;padding:0;box-shadow:var(--shadow-photo)}
.workshop-image img{display:block;width:100%;height:auto;object-fit:contain}.workshop-image .image-open{right:var(--space-4);bottom:var(--space-4);background:var(--paper);color:var(--ink)}
.workshop-image:hover .image-open{background:var(--ink);color:var(--paper)}
.workshop-page figcaption{font-size:var(--font-caption);color:var(--muted);margin-top:var(--space-3)}
.workshop-page .section-heading h2{max-width:20ch}
.portrait-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.portrait-copy p{max-width:46ch;margin-bottom:var(--space-5)}.portrait-copy .text-link{margin-top:var(--space-3)}
.workshop-people{background:var(--ink);color:var(--paper)}.workshop-people .benefit-copy{color:var(--muted-inverse)}.workshop-people .benefit-title{color:var(--paper)}.workshop-people :focus-visible{outline-color:var(--paper)}
.team-portraits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-5)}.team-portraits img{display:block;width:100%;height:auto}.team-portraits figcaption{color:var(--muted-inverse)}.team-portraits h3{margin:0 0 var(--space-2);font-size:var(--font-body);font-weight:var(--weight-benefit);color:var(--paper)}
.team-portraits figcaption p{margin:0;font-size:var(--font-body)}
.workshop-history{background:var(--panel)}.history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--column-gap);padding:0;margin:0;list-style:none}.history-list li{border-top:1px solid var(--line);padding-top:var(--space-5)}.history-list h3{font-size:var(--font-heading);font-weight:var(--weight-heading);line-height:1.2;margin:0 0 var(--space-5);font-variant-numeric:tabular-nums}.history-list .benefit-copy{margin-bottom:0}
.workshop-facts{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.facts-list{margin:0}.facts-list>div{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-8);border-top:1px solid var(--line);padding:var(--space-5) 0}.facts-list>div:first-child{padding-top:0;border-top:0}.facts-list>div:last-child{padding-bottom:0}.facts-list dt{font-size:var(--font-body);font-weight:var(--weight-benefit);margin-bottom:var(--space-2)}.facts-list dd{margin:0;color:var(--muted);max-width:51ch}.facts-list a{display:block;text-decoration:underline;text-underline-offset:4px;min-height:var(--target-min);align-content:center;margin-top:var(--space-2);color:var(--ink)}
.workshop-close{background:var(--panel);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-8);align-items:center}.workshop-close .benefit-copy{margin:var(--space-5) 0 0;max-width:44ch}.career-link{font-size:var(--font-label);color:var(--muted);margin:var(--space-5) 0 0}.career-link a{display:inline-flex;align-items:center;min-height:var(--target-min);text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.workshop-page .desktop-nav [aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:1000px){.workshop-hero,.portrait-body,.workshop-facts,.workshop-close{gap:var(--space-6)}.team-portraits{gap:var(--space-4)}}
@media(max-width:760px){.workshop-hero,.portrait-body,.workshop-facts,.workshop-close{grid-template-columns:1fr}.workshop-hero{padding-top:var(--space-3);padding-bottom:var(--space-6)}.workshop-intro .primary,.workshop-close .primary{width:100%}.workshop-intro .hero-location{margin-top:var(--space-5)}.history-list{grid-template-columns:1fr;gap:var(--space-6)}.history-list h3{margin-bottom:var(--space-3)}.team-portraits{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4)}.team-owner{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:end}.team-owner figcaption{margin-top:0}}

@media(max-width:760px){.facts-list>div{grid-template-columns:1fr;gap:0}}
/* W9 (Mia 11.10.2026, Variante B): Fakten mit Icons neben einem Werkstattfoto. */
.workshop-facts.facts-photo{row-gap:var(--space-7)}.facts-photo .facts-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:var(--space-8);align-items:center}.facts-photo .facts-list>div{display:block;border-top:1px solid var(--line);padding:var(--space-5) 0}.facts-photo .facts-list>div:first-child{border-top:0;padding-top:0}.facts-photo .facts-list>div:last-child{padding-bottom:0}.facts-photo .facts-list dt{display:flex;align-items:flex-start;gap:var(--space-3);margin:0 0 var(--space-2)}.facts-photo .facts-list dd{padding-left:calc(24px + var(--space-3))}.facts-photo .facts-list .text-link{display:flex;width:fit-content;margin-top:var(--space-2);text-decoration:none;color:var(--ink)}.facts-photo .facts-list .text-link:hover{text-decoration:underline;text-underline-offset:6px}
@media(max-width:1000px){.facts-photo .facts-body{gap:var(--space-6)}}
@media(max-width:760px){.workshop-facts.facts-photo{row-gap:var(--space-6)}.facts-photo .facts-body{grid-template-columns:1fr;gap:var(--space-6)}}
/* W9 Hebel 1 (Vera 11.10.2026): Titel links über der Liste, Foto rechts ab Titeloberkante. */
@media(min-width:761px){.facts-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);column-gap:var(--space-8);grid-template-areas:"title photo" "list photo";grid-template-rows:auto 1fr;row-gap:var(--space-7)}.facts-photo>h2{grid-area:title}.facts-photo .facts-body{display:contents}.facts-photo .facts-list{grid-area:list;align-self:start}.facts-photo figure{grid-area:photo;align-self:start}}
/* W9 (Philip 11.10.2026): Foto nur am Rechner. display:none mit loading="lazy" lädt es am Handy nicht. */
@media(max-width:760px){.facts-photo figure{display:none}}
/* W13 (Philip 11.10.2026, Variante B): Fünferraster bleibt; statt der Zeichnungen trägt jede Kachel den Anfangsbuchstaben. Axels echtes Foto bleibt. Gilt auch auf /karriere. */
.team-initial{display:grid;place-items:center;aspect-ratio:1122/1402;border-radius:var(--radius-image);background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .14);font-size:clamp(56px,6vw,88px);font-weight:var(--weight-heading);line-height:1;letter-spacing:-.035em;color:var(--muted-inverse)}