/* Project pages share the homepage's type, menu and monochrome palette. */
.case-page .masthead{border-bottom:1px solid var(--line);align-items:center;min-height:70px}.case-page .menu-toggle{margin-top:0}
.case-intro{padding:30px var(--space) 26px}.case-breadcrumb{display:flex;justify-content:space-between;gap:20px;font-size:12px;align-items:center}.case-breadcrumb a{padding:10px 0}.case-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.case-intro h1{font-size:clamp(70px,11.4vw,210px);font-weight:500;line-height:.91;letter-spacing:-.075em;margin:58px 0 38px;overflow-wrap:normal}.case-intro h1>span{display:inline-block;vertical-align:top;font-size:.16em;letter-spacing:0;margin:.22em 0 0 .5em}
.case-subtitle{display:flex;justify-content:space-between;gap:20px;align-items:baseline;font-size:14px;line-height:1.4}.case-subtitle>span{font-size:12px}
.case-cover,.case-secondary{margin:0 var(--space)}.case-art{background:#e7e7e2;overflow:hidden;display:flex;justify-content:center;align-items:center}.case-art img{width:100%;height:auto;max-height:85svh;object-fit:contain}
.case-cover .case-art img{object-fit:cover}
.case-release .case-cover .case-art{background:#eae8e9}.case-meqari .case-cover .case-art{background:#dfe0da}.case-ajna .case-cover .case-art{background:#dedcd6}.case-marder .case-art{background:#f1f1f1}.case-marder .case-secondary .case-art{padding:clamp(24px,5vw,80px)}.case-marder .case-secondary img{max-height:55svh;max-width:1100px}
.case-page figcaption{display:flex;justify-content:space-between;gap:24px;padding:14px 0;font-size:11px;line-height:1.4;color:var(--muted)}.case-page figcaption>span:first-child{flex-shrink:0}.case-page figcaption>span:last-child{text-align:right}
.case-story{padding:80px var(--space)}.case-story-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;padding-top:42px}.case-story h2{font-size:clamp(36px,5.3vw,88px);line-height:.98;font-weight:500;letter-spacing:-.065em;max-width:780px}.case-copy{font-size:clamp(16px,1.35vw,21px);line-height:1.5;max-width:660px}.case-copy>p+p{margin-top:20px;color:var(--muted)}
.case-scope{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:13px;line-height:1.55}.case-scope h3{font-size:inherit;font-weight:500}.case-scope ul{list-style:none;margin:0;padding:0}.case-secondary{margin-bottom:80px}
.case-next{background:var(--ink);color:var(--paper);padding:36px var(--space) 0}.case-next-link{position:relative;display:grid;grid-template-columns:1fr 25% 7%;gap:5%;align-items:center;padding:60px 0;min-height:320px}.case-next-link h2{font-size:clamp(44px,6.8vw,130px);font-weight:500;line-height:.98;letter-spacing:-.065em;margin:18px 0;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.next-category{font-size:13px;color:#b7b7b2}.next-art{aspect-ratio:4/3;overflow:hidden;background:#dfdfd9}.next-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.next-arrow{font-size:clamp(40px,6vw,92px);transition:transform .4s}.case-next-link:focus-visible h2{transform:translateY(-5px)}
.case-footer{padding:42px var(--space) 24px}.case-footer-cta{display:flex;justify-content:space-between;gap:25px;font-size:clamp(26px,4vw,66px);line-height:1.05;letter-spacing:-.05em;padding-bottom:40px;border-bottom:1px solid var(--line)}.case-footer>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding-top:24px}
@media(hover:hover) and (pointer:fine){.case-next-link:hover h2{transform:translateY(-5px)}.case-next-link:hover .next-art img{transform:scale(1.045)}.case-next-link:hover .next-arrow{transform:translate(5px,-5px)}}
@media(max-width:760px){
 .case-page .masthead{min-height:64px}.case-intro{padding-top:18px;padding-bottom:20px}.case-breadcrumb{font-size:10px;gap:10px}.case-intro h1{font-size:clamp(55px,15vw,114px);margin:35px 0 24px;line-height:.93}.case-release .case-intro h1{max-width:6.2em}
 .case-subtitle{font-size:14px;align-items:start;flex-direction:column;gap:6px}.case-subtitle>span{font-size:11px;color:var(--muted)}.case-cover,.case-secondary{margin-inline:var(--space)}.case-art img{max-height:68svh}.case-page figcaption{font-size:10px;gap:18px;padding-top:12px}
 .case-story{padding:42px var(--space)}.case-story-grid{grid-template-columns:1fr;gap:26px;padding-top:26px}.case-story h2{font-size:clamp(34px,9.6vw,58px);max-width:12em}.case-copy{font-size:16px}.case-scope{margin-top:25px;font-size:12px}.case-secondary{margin-bottom:42px}
 .case-next{padding-top:26px}.case-next-link{grid-template-columns:1fr 66px;gap:20px;padding:32px 0;min-height:0}.case-next-link h2{font-size:clamp(40px,10vw,70px);margin:14px 0}.next-art{display:none}.next-arrow{font-size:48px;justify-self:end}
 .case-footer{padding-top:30px}.case-footer-cta{font-size:30px;padding-bottom:30px}.case-footer>div{flex-wrap:wrap;font-size:11px;gap:18px}.case-footer>div>span{display:none}
}
@media(prefers-reduced-motion:reduce){.case-next-link h2,.next-art img,.next-arrow{transform:none!important}}

/* Display only the upper red version of the supplied Marder board. */
.case-marder .case-cover .case-art{position:relative;aspect-ratio:1448/1024;background:#ff2538}
.case-marder .case-cover .case-art img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top}

/* Desktop overview: project image left, explanation right. */
@media(min-width:761px){
 .case-page .case-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:start;max-height:100vh;grid-template-rows:minmax(0,1fr);margin:0 var(--space) 80px}
 .case-page .case-overview>.case-cover{margin:0;min-width:0;min-height:0;max-height:100%;display:flex;flex-direction:column}
 .case-page .case-overview>.case-story{padding:0;min-width:0;min-height:0;max-height:100vh;overflow-y:auto}
 .case-page .case-overview .case-cover .case-art{min-height:0;flex-shrink:1}
 .case-page .case-overview .case-cover .case-art img{max-height:calc(100vh - 72px)}
 .case-page .case-overview>.case-cover>figcaption{flex-shrink:0}
 .case-page .case-overview .case-story-grid{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:28px}
 .case-page .case-overview .case-story h2{font-size:clamp(32px,3.8vw,68px);max-width:none;overflow-wrap:break-word}
 .case-page .case-overview .case-copy{font-size:clamp(16px,1.2vw,20px);max-width:60ch}
 .case-page .case-overview .section-top{font-size:11px;gap:16px}
 .case-page .case-overview figcaption{flex-wrap:wrap;gap:8px 20px}
 .case-page .case-overview figcaption>span:last-child{text-align:left}
}

/* Project navigation is also available before the project content. */
.case-breadcrumb{flex-wrap:wrap;column-gap:28px;row-gap:4px}
.case-breadcrumb>span{margin-left:auto}
.case-breadcrumb .case-next-top{display:inline-flex;align-items:center;gap:10px;min-height:44px}
@media(max-width:760px){.case-breadcrumb>span{display:none}.case-breadcrumb .case-next-top{margin-left:auto}}

/* Two or three images share a row; each width follows its image ratio. */
.case-gallery{display:flex;gap:clamp(16px,2vw,32px);align-items:flex-start;margin:0 var(--space) 80px}
.case-gallery-item{flex:var(--media-ratio,1) 1 0%;min-width:0;margin:0}
.case-gallery-item>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:var(--media-ratio,1);object-fit:cover}
.case-page .case-gallery-item figcaption{flex-wrap:wrap;gap:6px 16px}
.case-page .case-gallery-item figcaption>span:last-child{text-align:left}
@media(max-width:760px){.case-gallery{flex-direction:column;gap:24px;margin-bottom:42px}.case-gallery-item{flex:none;width:100%}}