
.case-page a:focus-visible{outline:2px solid #967b56;outline-offset:5px}
.case-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#52615b;margin-bottom:48px}.case-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.case-opening{padding-top:32px}.case-opening .eyebrow{margin-bottom:22px}.case-opening h1{font-size:clamp(2.7rem,5.4vw,5.8rem);line-height:1.08;margin-bottom:24px;max-width:1100px}.case-opening h1 em{color:#60736b}
.case-location{font-size:13px;letter-spacing:.09em;color:#52615b}.case-deck{max-width:690px;line-height:1.85;color:#52615b;font-size:16px;margin-bottom:24px}
.case-cover{margin-top:40px}.case-cover img{width:100%;height:auto;filter:none}.case-page figcaption{font-size:12px;line-height:1.7;color:#52615b;margin-top:12px}
.case-section{padding-top:88px;padding-bottom:88px}.case-section-head{margin-bottom:34px}.case-section-head .eyebrow{margin-bottom:20px}.case-section h2{font-size:clamp(2.3rem,4vw,4.1rem);margin-bottom:24px}
.case-overview{display:grid;grid-template-columns:1fr 1fr;gap:80px}.case-prose p,.case-steps p,.case-layout-copy>p,.case-intro,.case-scope p{font-size:15px;line-height:1.9;color:#52615b}
.case-facts{margin:0}.case-facts>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.case-facts dt{font-size:12px;color:#52615b;line-height:1.7}.case-facts dd{margin:0;font-size:14px;line-height:1.7}
.case-page .case-note{font-size:12px;color:#59685f;line-height:1.75;margin-top:17px}.case-band{background:var(--sand)}
.case-steps{display:grid;grid-template-columns:1fr 1fr;gap:38px 65px}.case-steps article{border-top:1px solid #cfc7b9;padding-top:22px}.case-step{color:#80643e;font-size:12px;letter-spacing:.15em}
.case-page h3{font-family:var(--serif);font-size:24px;line-height:1.3;margin:17px 0 15px}
.case-layout-section{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.case-video{max-width:360px;width:100%;justify-self:center}.case-video video{display:block;width:100%;height:auto;aspect-ratio:320/568;background:#182526}
.case-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px}.case-detail-grid img{width:100%;height:auto}.case-intro{max-width:760px}.case-scope{border-top:1px solid #cec8bb;margin:40px 0 26px;padding-top:12px;max-width:900px}
@media(max-width:900px){.case-overview{gap:35px}.case-layout-section{gap:40px}.case-steps{gap:25px}.case-facts>div{grid-template-columns:1fr}.case-page .main-nav{max-height:calc(100dvh - 115px);overflow:auto}}
@media(max-width:700px){.case-opening{padding-top:24px}.case-breadcrumb{margin-bottom:32px;font-size:10px}.case-opening h1{font-size:clamp(2.5rem,10vw,3.5rem)}.case-deck{font-size:14px}.case-cover{margin-top:28px}.case-section{padding-top:56px;padding-bottom:56px}.case-overview,.case-steps,.case-layout-section{grid-template-columns:1fr;gap:28px}.case-detail-grid{grid-template-columns:1fr;gap:32px}.case-facts>div{grid-template-columns:1fr 1fr;gap:12px}.case-page h3{font-size:22px}.case-page figcaption{font-size:11px}.case-video{max-width:320px}.case-section-head{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#portfolio .project-case-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px;background:#f2eee7;margin-top:32px;border:1px solid #dcd9d1}#portfolio .project-case-feature>img{width:100%;height:auto;filter:none}#portfolio .project-case-feature-copy{padding:28px 32px 28px 0}#portfolio .project-case-feature .eyebrow{font-size:10px;line-height:1.8;margin-bottom:16px}#portfolio .project-case-feature h3{font-family:var(--serif);font-size:clamp(1.7rem,2.5vw,2.4rem);line-height:1.2;margin:0 0 16px}#portfolio .project-case-feature-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#52615b}#portfolio .project-case-feature:focus-visible{outline:2px solid #967b56;outline-offset:5px}#portfolio .project-case-feature:hover .text-link{color:#80643e}@media(max-width:700px){#portfolio .project-case-feature{grid-template-columns:1fr;gap:0}#portfolio .project-case-feature-copy{padding:25px}#portfolio .project-case-feature h3{font-size:26px}}
