/* Approved compact gallery; scoped rules keep the rest of the portfolio intact. */
.compact-work{padding-top:64px;padding-bottom:64px;max-width:1560px;margin-inline:auto}
.compact-work .section-heading{margin-bottom:28px;gap:28px}
.compact-work .section-heading h2{font:400 clamp(38px,4.4vw,64px)/1.12 var(--display);text-transform:uppercase}
.compact-work .section-heading>p{font-size:14px;max-width:300px;padding-bottom:0;line-height:1.6}
.compact-work .work-controls{margin-bottom:26px;padding-bottom:16px;border-bottom:1px solid var(--rule);gap:20px;align-items:center}
.compact-work .work-tabs button{font:13px/1.4 var(--body);text-transform:none;border:0;border-radius:2px;padding:11px 16px}
.compact-work .work-tabs sup{font-size:10px;vertical-align:baseline;margin-left:8px}
.compact-work .work-controls>.eyebrow{font-size:10px;white-space:nowrap}
.compact-work .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.compact-work .project-art{height:auto;aspect-ratio:16/9;padding:0;background:#242b1e}
.compact-work .project-art img{height:100%;width:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.compact-work .project-art:hover img{transform:none}
.compact-work .project-art:hover{outline:1px solid var(--accent);outline-offset:3px}
.compact-work .project-information{padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.compact-work .project-information .eyebrow{font:10px/1.45 var(--body);color:var(--muted);margin:0 0 5px;letter-spacing:.06em;text-transform:uppercase}
.compact-work .project-information h3{font:400 17px/1.4 var(--body);text-transform:none}
.compact-work .project-information h3 button{font:inherit;text-align:left}
.compact-work .card-arrow{font-size:24px;color:var(--accent);flex-shrink:0}
.work-more{text-align:center;margin-top:32px}
.work-more button{border:1px solid var(--rule);padding:13px 28px;font:13px var(--body)}
.work-more button:hover{background:var(--accent);color:var(--ink)}
.hero-topline>span:last-child{align-self:flex-start;background:var(--ink);color:var(--paper);padding:4px 8px;white-space:nowrap}
.career-initiative{grid-column:1/-1;border-top:1px solid #bac1af;padding-top:24px;margin-top:8px}
.career-initiative h4{max-width:800px;line-height:1.5;margin-bottom:14px}
.case-dialog .case-toolbar{position:sticky;top:0;z-index:3;background:var(--paper);border-bottom:1px solid #ccd1c0}
.case-dialog .case-media{padding:20px;min-height:0}
.case-dialog .case-media>img{max-height:440px;width:100%;height:auto;object-fit:contain}
.case-dialog .case-media video{width:100%;height: min(54svh,540px);max-height:540px;object-fit:contain}
.case-dialog .source-caption{font:12px/1.5 var(--body);padding:12px 32px;color:#525d46;background:var(--paper)}
.case-dialog .film-choice{flex-basis:210px;grid-template-columns:48px 1fr 15px;gap:9px}
.case-dialog .film-choice img{width:48px;height:64px}
.case-dialog .case-artworks img{height:auto;object-fit:contain}
@media(max-width:1100px){.compact-work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .compact-work{padding-top:40px;padding-bottom:40px}
 .compact-work .project-grid{grid-template-columns:1fr;gap:28px}
 .compact-work .section-heading{display:block;margin-bottom:22px}
 .compact-work .section-heading>p{margin-top:14px;font-size:13px}
 .compact-work .work-controls{display:flex;flex-wrap:wrap;gap:12px}
 .compact-work .work-tabs{gap:4px}
 .compact-work .work-tabs button{padding:9px 10px;font-size:12px}
 .compact-work .work-controls>.eyebrow{width:100%;text-align:left}
 .compact-work .project-information h3{font-size:18px}
 .hero-topline>span:last-child{font-size:9px;padding:3px 5px}
 .case-dialog .case-media{padding:12px}
 .case-dialog .case-media video{height:45svh}
 .case-dialog .source-caption{padding:10px 18px}
}
@media(prefers-reduced-motion:reduce){.compact-work *{transition:none!important}}
