/* A project told through its setting, commissioned work and material details. */
.project-case{--paper:#f3f1eb;--ink:#292923;--muted:#67675f;--rule:#d6d2c8;background:var(--paper)}
.project-case .section{padding-inline:6%;padding-block:clamp(72px,7vw,112px)}
.project-case .eyebrow{font-size:.75rem;line-height:1.7;letter-spacing:.14em}
.case-topline{padding:12px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px}
.case-topline .back-link{margin:0;min-height:44px}
.case-topline .eyebrow{margin:0;color:#796b52}
.case-cover{position:relative}
.case-cover-photo .gallery-item{background:#292923}
.case-cover-photo .gallery-item img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.case-cover-photo .gallery-item:hover img{transform:none}
.case-cover-photo .gallery-item:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#14140cba);pointer-events:none}
.case-cover-photo .zoom-hint{z-index:1;opacity:1;bottom:36px;right:6%;background:transparent;border-color:#fff9;width:48px;height:48px}
.case-cover-photo figcaption{margin:0;padding:18px 6%;border:0;font-size:.75rem}
.case-title{position:absolute;left:6%;right:13%;top:min(62%,calc(100svh - 340px));bottom:auto;color:#fffdf7;pointer-events:none}
.case-title h1{font-size:clamp(3.5rem,7vw,7rem);line-height:1.1;letter-spacing:-.03em}
.case-title .eyebrow{margin-bottom:22px;color:#fffdf7}
.case-feature-photo .gallery-item{background:transparent}
.case-feature-photo .gallery-item img{width:100%;height:auto;object-fit:contain}
.case-feature-photo .gallery-item:hover img{transform:none}
.case-gallery{display:flex;flex-direction:column;gap:80px}
.case-chapter-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:38px;padding-top:28px;border-top:1px solid var(--rule)}
.case-chapter-heading h2{font-size:clamp(1.5rem,2vw,2rem);line-height:1.2}
.case-rows{display:flex;flex-direction:column;gap:42px}
.case-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.case-row .gallery-item{aspect-ratio:var(--frame-ratio);display:flex;align-items:center;justify-content:center;background:transparent}
.case-row .gallery-item img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;max-height:none}
.case-row .gallery-item:hover img{transform:none}
.case-row .project-figure figcaption{border:0;margin-top:14px;padding-top:0;letter-spacing:0;font-size:.75rem}
.case-row-single{grid-template-columns:minmax(0,1fr)}
.case-row-single .project-figure{width:min(100%,1000px);justify-self:center}
.case-row-intimate .project-figure{width:calc((100% - 32px)/2)}
.case-next{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:#e5e1d7}
.case-next .eyebrow{color:#796b52}
.case-next h2{font-size:clamp(2.5rem,4.1vw,4.1rem);line-height:1.2;max-width:10em}
.case-next p:not(.eyebrow){font-size:.875rem;color:var(--muted);margin-top:24px}
.case-next .line-link{margin-top:14px}
.case-next-image{overflow:hidden}
.case-next-image img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transition:transform .8s ease}
.case-next:hover .case-next-image img{transform:scale(1.025)}
.project-case footer{background:#25251f}
@media(min-width:1700px){.project-case .section{padding-inline:max(6%,calc((100vw - 1520px)/2))}}
@media(max-width:1000px){.case-next{gap:6%}}
@media(max-width:760px){
 .project-case .section{padding:60px 6%}
 .case-topline{padding:8px 6%;gap:12px}
 .case-topline .eyebrow{font-size:.75rem;letter-spacing:.04em}
 .case-title{position:static;padding:30px 6% 0;color:var(--ink)}
 .case-title h1{font-size:clamp(2.625rem,10vw,4rem);line-height:1.18}
 .case-title .eyebrow{color:#796b52;margin-bottom:16px}
 .case-cover-photo .gallery-item:after{display:none}
 .case-cover-photo .zoom-hint{width:40px;height:40px;right:6%;bottom:16px;background:#25251faa}
 .case-cover-photo figcaption{padding:14px 6% 0;gap:20px}
 .case-gallery{gap:58px}
 .case-chapter-heading{gap:20px;margin-bottom:30px;align-items:flex-start;flex-direction:column;padding-top:24px}
 .case-chapter-heading h2{font-size:1.5rem}
 .case-rows{gap:30px}
 .case-row{grid-template-columns:1fr;gap:30px}
 .case-row .gallery-item{aspect-ratio:auto}
 .case-row .gallery-item img{height:auto;aspect-ratio:var(--photo-ratio)}
 .case-row-single .project-figure,.case-row-intimate .project-figure{width:100%}
 .case-row .project-figure figcaption{font-size:.75rem;gap:16px;margin-top:12px}
 .case-next{grid-template-columns:1fr;gap:32px}
 .case-next h2{font-size:2.75rem}
 .case-next p:not(.eyebrow){margin-top:18px}
 .case-next-image{width:100%}
}

/* Quiet project identity; complete production notes unfold on request. */
.project-case .case-information{padding-block:64px 0;max-width:1520px;margin-inline:auto}
.case-intro{display:grid;grid-template-columns:1fr 2fr;gap:8%;align-items:start;margin-bottom:40px}
.case-date{margin:0;font-size:.875rem;line-height:1.9;color:var(--muted)}
.case-contribution{margin:0;max-width:38em;font-size:1.125rem;line-height:1.8;text-wrap:pretty}
.case-dossier{border-block:1px solid var(--rule)}
.case-dossier summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;padding:22px 0;font-size:.875rem;line-height:1.5;min-height:64px}
.case-dossier summary::-webkit-details-marker{display:none}
.case-dossier summary:focus-visible{outline:2px solid #796b52;outline-offset:6px}
.case-disclosure-icon{position:relative;width:14px;height:14px;flex-shrink:0}
.case-disclosure-icon:before,.case-disclosure-icon:after{content:'';position:absolute;background:currentColor;top:6px;left:0;width:14px;height:1px;transition:transform .25s ease}
.case-disclosure-icon:after{transform:rotate(90deg)}
.case-dossier[open] .case-disclosure-icon:after{transform:rotate(0)}
.case-dossier-content{padding:20px 0 48px;max-width:1080px;margin-left:auto}
.case-description{margin:0 0 40px;font-size:1rem;line-height:1.9;max-width:65ch;color:var(--muted)}
.case-dossier dl{margin:0}
.case-dossier dl>div{display:grid;grid-template-columns:1fr 2fr;gap:8%;border-top:1px solid var(--rule);padding:24px 0}
.case-dossier dt{font-size:.875rem;line-height:1.85}
.case-dossier dd{margin:0;font-size:1rem;line-height:1.85;color:var(--muted);text-wrap:pretty}
.project-case .case-gallery{padding-top:64px}
.case-library{width:100%}
.case-library .project-figure figcaption{border:0;margin-top:14px;padding-top:0;font-size:.75rem}
@media(max-width:760px){
 .project-case .case-information{padding-top:36px}
 .case-intro{grid-template-columns:1fr;gap:24px;margin-bottom:28px}
 .case-contribution{font-size:1rem;line-height:1.85}
 .case-dossier-content{padding:12px 0 24px}
 .case-description{margin-bottom:28px}
 .case-dossier dl>div{grid-template-columns:1fr;gap:10px;padding:22px 0}
 .project-case .case-gallery{padding-top:36px}
}
@media(prefers-reduced-motion:reduce){.case-disclosure-icon:before,.case-disclosure-icon:after{transition:none}}
