.project-story{--story-accent:#d61f26;--story-paper:#f6f1e8;--story-ink:#24201c;--story-radius:20px}
.project-story__intro{padding-block:clamp(2rem,5vw,4rem)}
.project-story__crumb{font-size:.9rem;margin:0 0 1.5rem}
.project-story__crumb span{margin-inline:.4em}
.project-story__kopf{display:grid;grid-template-columns:minmax(160px,320px) 1fr;gap:clamp(1.25rem,4vw,3rem);align-items:center}
.project-story__kopf h1{font-size:clamp(2.2rem,5.5vw,4.4rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 .6rem}
.project-story__lead{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:38rem;margin:0}
.project-story__plate{background:var(--story-accent);border-radius:calc(var(--story-radius)*.6);padding:10%}
.project-story__plate img{display:block;width:100%;height:auto}
.project-story__plate--klein{max-width:180px;padding:.9rem 1.1rem;margin-bottom:1rem}
.project-story__film{margin:clamp(1.5rem,4vw,3rem) 0 0}
.project-story__film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:var(--story-radius);background:var(--story-ink)}
.project-story__film figcaption,.project-story__foto figcaption{font-size:.85rem;margin-top:.6rem;opacity:.8;max-width:46rem}
.project-story__transkript{margin-top:1rem;max-width:46rem}
.project-story__transkript summary{cursor:pointer;font-weight:600}
.project-story__transkript summary:focus-visible,.project-story a:focus-visible{outline:3px solid var(--story-accent);outline-offset:3px}
.project-story__abschnitt{display:grid;grid-template-columns:1fr minmax(0,320px);gap:2rem;align-items:start;padding-block:clamp(2rem,4vw,3.5rem);border-top:1px solid rgba(36,32,28,.15)}
.project-story__abschnitt h2,.project-story__ergebnis h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 1rem;grid-column:1/-1}
.project-story__wort p{max-width:40rem}
.project-story__skizze{width:100%;height:auto;fill:none;stroke:var(--story-ink);stroke-width:2;stroke-linecap:round}
.project-story__liste{padding-left:1.1rem;max-width:42rem}
.project-story__liste li{margin-bottom:.5rem}
.project-story__ablauf{list-style:none;padding:0;margin:0;display:flex;gap:clamp(1rem,3vw,2.5rem);flex-wrap:wrap;grid-column:1/-1;counter-reset:ps}
.project-story__ablauf li{flex:1 1 14rem;counter-increment:ps;border-left:4px solid var(--story-accent);padding-left:1rem}
.project-story__ablauf li:nth-child(2){border-color:var(--story-ink)}
.project-story__ablauf b{display:block;font-size:1.2rem}
.project-story__ablauf b::before{content:counter(ps) ". "}
.project-story__ergebnis{display:grid;grid-template-columns:3fr 1fr;gap:1.5rem;align-items:end;padding-block:clamp(2rem,4vw,3.5rem)}
.project-story__foto{margin:0}
.project-story__foto img{display:block;width:100%;height:auto;border-radius:var(--story-radius)}
.project-story__rollen{display:grid;gap:.75rem;margin:0;grid-column:1/-1}
.project-story__rollen div{display:grid;grid-template-columns:12rem 1fr;gap:1rem}
.project-story__rollen dt{font-weight:700}
.project-story__rollen dd{margin:0}
.project-story__weiter{grid-column:1/-1;margin-top:1rem}
.schau--breit.project-story--fliits{grid-column:1/-1}
.schau--breit .project-story__film{margin:0}
@media (max-width:760px){.project-story__kopf,.project-story__abschnitt,.project-story__ergebnis{grid-template-columns:1fr}.project-story__kopf .project-story__plate{max-width:220px}.project-story__foto--hoch{max-width:260px}.project-story__rollen div{grid-template-columns:1fr;gap:.2rem}}
@media (prefers-reduced-motion:reduce){.project-story *{transition:none!important;animation:none!important}}
#fliits .schau__bild{aspect-ratio:16/9;width:100%;height:auto;border-radius:20px;overflow:hidden;max-width:none}#fliits .schau__bild video{width:100%;height:100%;object-fit:contain}

.project-story__plate img{filter:brightness(0) invert(1)}

/* Final landscape override against former portrait presentation. */
#fliits .fliits-film{aspect-ratio:16/9;max-width:none;width:100%;height:auto;border-radius:20px;overflow:hidden}#fliits video{width:100%;height:100%;object-fit:contain;display:block}#fliits .schau__rahmen{display:none}

main.project-story{padding-top:96px}.project-story h1,.project-story h2{scroll-margin-top:100px}

#fliits{scroll-margin-top:100px}#fliits .schau__bild::before{content:none}#fliits video{position:relative;z-index:1}