/* Project layouts extend the existing case-study components and motion. */
.case-detail.case-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;align-items:center;margin-top:0}
.case-detail.case-section .case-section-head{margin:0}
.case-panorama .case-section-head{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:7vw}
.case-panorama .case-label{grid-column:1/-1}
.case-panorama h2{max-width:650px}
.case-panorama .case-copy{align-self:end;margin-top:0}
.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:4vw}
.case-project-mazza-dor .case-detail figure{max-width:620px;margin-left:auto}
.case-project-mazza-dor .case-detail img{max-height:780px;object-fit:contain;object-position:right}
.case-project-zum-goldenen-hirsch .case-hero h1{font-size:clamp(44px,5.8vw,104px)}
.case-project-zum-goldenen-hirsch .case-overview{grid-template-columns:repeat(4,1fr)}
.case-project-zum-goldenen-hirsch .case-result:first-of-type{padding-bottom:0}
.case-link{display:inline-block;text-decoration:none;border-bottom:1px solid var(--gold);padding:0 0 16px;margin-bottom:70px;letter-spacing:.14em;font-size:12px}
.case-link:hover{color:var(--gold)}
.case-end{padding:45px 0;border-top:1px solid var(--gold)}.case-end>a{font-size:clamp(28px,4vw,60px);text-decoration:none;letter-spacing:-.035em}.case-end>a:hover{color:var(--gold)}
.case-project-praxis-dr-schneider .case-overview,.case-project-mueller-sanitaer-heizung .case-overview{grid-template-columns:repeat(4,1fr)}
.case-project-praxis-dr-schneider .case-result,.case-project-mueller-sanitaer-heizung .case-result{padding-bottom:30px}
.case-project-praxis-dr-schneider .case-pair,.case-project-mueller-sanitaer-heizung .case-pair{align-items:center;gap:7vw}
.case-project-praxis-dr-schneider .case-pair img,.case-project-mueller-sanitaer-heizung .case-pair img{max-height:160px;object-fit:contain;object-position:left}
.case-project-praxis-dr-schneider .case-section:before{transition-duration:.9s}.case-project-mueller-sanitaer-heizung .case-section:before{transition-duration:.35s}
.case-project-mueller-sanitaer-heizung .case-hero h1{font-size:clamp(40px,6vw,104px)}
@media(max-width:600px){.case-project-praxis-dr-schneider .case-overview,.case-project-mueller-sanitaer-heizung .case-overview{grid-template-columns:1fr 1fr}.case-project-mueller-sanitaer-heizung .case-hero h1{font-size:40px}.case-project-praxis-dr-schneider .case-pair,.case-project-mueller-sanitaer-heizung .case-pair{gap:30px}.case-project-praxis-dr-schneider .case-pair img,.case-project-mueller-sanitaer-heizung .case-pair img{max-height:110px}.case-project-praxis-dr-schneider .case-result,.case-project-mueller-sanitaer-heizung .case-result{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.case-project-praxis-dr-schneider .case-section:before,.case-project-mueller-sanitaer-heizung .case-section:before{transition:none}}
@media(max-width:900px){.case-detail.case-section,.case-panorama .case-section-head{grid-template-columns:1fr;gap:25px}.case-project-mazza-dor .case-detail figure{max-width:none;width:100%}.case-detail.case-section .case-section-head{margin-bottom:0}}
@media(max-width:600px){.case-pair{grid-template-columns:1fr}.case-project-mazza-dor .case-full img,.case-detail.case-section img{width:100%;max-width:100%}.case-detail.case-section{gap:28px}.case-project-zum-goldenen-hirsch .case-overview{grid-template-columns:1fr 1fr}.case-project-zum-goldenen-hirsch .case-hero h1{font-size:44px}.case-panorama .case-section-head{gap:0}.case-project-mazza-dor .case-detail img{max-height:none}}