/* About shares the case-study frame and fixed section index. */
body.about-case main.page.case-shell{width:min(var(--case-width),calc(100% - var(--case-gutter)*2));max-width:none;margin:0 auto;padding:var(--case-top) 0 56px}
.about-case .oc-project-identity img.about-wordmark{width:88px;height:auto}
.about-case .oc-summary .oc-project-identity p{max-width:none}
.about-case .oc-summary .oc-index{display:block}
.about-case .oc-story{min-width:0}
.about-case .exhibition-clients .experience-projects{margin-top:24px}
.about-case .page .experience-intro{grid-template-columns:minmax(0,1fr) 320px;gap:48px;margin-bottom:80px}
.about-case .page .experience-intro h1{--type-title:5rem;font-size:5rem;line-height:1.1}
.about-case .page .experience-intro-copy p{font-size:18px;line-height:1.65;max-width:none;text-wrap:pretty}
.about-case .page .experience-portrait{width:320px}
.about-case .page .career{grid-template-columns:minmax(0,1fr) 260px;gap:32px 48px}
.about-case .page .aside{display:flex;flex-direction:column;gap:28px}
.about-case .page .aside section{margin-bottom:0;scroll-margin-top:32px}
.about-case .page .aside section:focus{outline:none}
.about-case .oc-story>.portfolio-site-footer{margin-top:80px}
@media(min-width:851px) and (max-width:1200px){
 .about-case .page .experience-intro{grid-template-columns:1fr;gap:32px}
 .about-case .page .experience-portrait{width:280px;justify-self:start}
 .about-case .page .career{grid-template-columns:1fr}
 .about-case .page .jobs{grid-column:1;grid-row:2}
 .about-case .page .aside{grid-column:1;grid-row:3}
}
@media(max-width:850px){
 .about-case .page .experience-intro{grid-template-columns:1fr;gap:32px;margin-bottom:56px}
 .about-case .page .experience-portrait{width:280px;justify-self:start}
 .about-case .page .career{grid-template-columns:1fr}
 .about-case .page .jobs{grid-column:1;grid-row:2}
 .about-case .page .aside{grid-column:1;grid-row:3}
}
@media(max-width:600px){
 .about-case .oc-project-identity{grid-template-columns:88px minmax(0,1fr)}
 .about-case .page .experience-intro{grid-template-columns:1fr;gap:24px}
 .about-case .page .experience-intro h1{--type-title:4rem;font-size:4rem}
 .about-case .page .experience-portrait{grid-row:1;width:280px;justify-self:start}
 .about-case .page .experience-intro-copy{grid-row:2}
}