/* Editorial additions use the existing INN PROGRESS palette and typography. */
.project-detail-page .header{background:#3d3e3ea3;color:#fff;text-shadow:none}
.project-index{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.8rem;padding:1.25rem var(--pad);border-bottom:1px solid var(--line);background:var(--paper);font-size:1rem}
.project-index>span{color:var(--muted);margin-inline-end:auto}
.project-index a,.portfolio-breadcrumb a{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}
.project-index a:hover,.portfolio-breadcrumb a:hover{color:var(--bronze)}
.project-dossier{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem 7vw}
.project-dossier-head h2{font-size:calc((clamp(1.9rem,3.5vw,3.5rem)) * var(--mobile-heading-scale, 1));line-height:1.18;letter-spacing:-.035em}
.project-dossier-head>p:last-child{max-width:48ch;margin-top:1.4rem}
.project-decisions{margin:0;min-width:0}
.project-decisions>div{padding:1.3rem 0;border-top:1px solid var(--line)}
.project-decisions>div:first-child{padding-top:0;border-top:0}
.project-decisions dt{font-family:var(--serif);font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}
.project-decisions dd{margin:0;max-width:65ch}
.project-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.project-evidence>header{grid-column:1/-1;max-width:58rem}
.project-evidence article{min-width:0}
.project-evidence article>a{display:block}
.project-evidence img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;margin-bottom:1.4rem}
.project-evidence h3{font-size:clamp(1.6rem,2.5vw,2.4rem);line-height:1.2;margin:.4rem 0 .8rem}
.project-evidence p{max-width:60ch}
.project-evidence .text-link{font-size:1rem}
.portfolio-opening{padding-top:clamp(9rem,15vw,13rem);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem 5vw;align-items:center}
.portfolio-breadcrumb{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--muted);font-size:.95rem}
.portfolio-opening h1{font-size:calc((clamp(2.7rem,4.7vw,5.2rem)) * var(--mobile-heading-scale, 1));line-height:1.08;letter-spacing:-.045em;margin:1rem 0 1.6rem;overflow-wrap:normal}
.portfolio-opening h1 em{display:block;margin-top:.3em;font-size:.62em;line-height:1.2;color:var(--bronze);font-style:normal;letter-spacing:-.025em}
.portfolio-opening .portfolio-lead{max-width:44ch;font-size:1.15rem}
.portfolio-opening figure{margin:0;min-width:0}
.portfolio-archive-link{margin-top:1.7rem}
.portfolio-opening img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.portfolio-opening .button{margin-top:1.3rem}
.portfolio-facts{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding-top:1rem;margin:1.7rem 0 0;border-top:1px solid var(--line)}
.portfolio-facts div{min-width:8rem}
.portfolio-facts dt{color:var(--muted);font-size:.9rem}
.portfolio-facts dd{margin:0;font-weight:500}
.project-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem}
.project-photo-grid .gallery-item{display:block;position:relative;min-width:0;width:100%;padding:0;border:0;aspect-ratio:4/3;background:#e4e3df;overflow:hidden;cursor:zoom-in}
.project-photo-grid picture{display:block;width:100%;height:100%}
.project-photo-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.project-photo-grid .gallery-item:hover img{transform:scale(1.025)}
.project-detail-page .section[id],.project-dossier[id]{scroll-margin-top:8rem}
.project-index a:focus-visible,.portfolio-breadcrumb a:focus-visible,.project-evidence a:focus-visible,.project-photo-grid button:focus-visible{outline:3px solid var(--bronze);outline-offset:5px}
@media(max-width:800px){
 .project-dossier,.portfolio-opening{grid-template-columns:1fr;gap:1.6rem}
 .portfolio-opening{padding-top:9rem}
 .portfolio-opening h1{font-size:calc((clamp(2.5rem,8vw,4rem)) * var(--mobile-heading-scale, 1))}
 .portfolio-opening .portfolio-lead{max-width:60ch}
 .project-index{gap:.7rem 1.2rem;padding-block:1rem}
 .project-index>span{width:100%;margin:0}
 .project-evidence{grid-template-columns:1fr;gap:2.3rem}
 .project-photo-grid{gap:.65rem}
 .project-decisions>div:first-child{padding-top:1.3rem;border-top:1px solid var(--line)}
}
@media(prefers-reduced-motion:reduce){.project-photo-grid img{transition:none}}

/* Locale-aware typography for the new editorial sections. */
.project-dossier>* ,.portfolio-opening>*{min-width:0}
html[lang="de"] .page-hero h1,html[lang="de"] .portfolio-opening h1,html[lang="de"] .project-dossier-head h2{hyphens:auto;overflow-wrap:anywhere}
[dir="rtl"] .portfolio-opening h1,[dir="rtl"] .portfolio-opening h1 em,[dir="rtl"] .project-dossier-head h2,[dir="rtl"] .project-evidence h3{letter-spacing:normal;line-height:1.4}
[dir="rtl"] .project-decisions dd,[dir="rtl"] .portfolio-lead{line-height:1.9}