/* Scoped additions; page structure and typography remain in tony-portfolio.css. */
.systems-case .case-video{display:block;width:100%;height:auto;aspect-ratio:3/2;background:#101115;border:1px solid var(--line);object-fit:contain}
.systems-case .case-video:focus-visible,.systems-case summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.systems-case .case-video-notes{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}
.systems-case .case-video-notes summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item}
.systems-case .case-video-notes ol{padding-left:24px;color:var(--muted);line-height:1.7;max-width:78ch}
.systems-case .case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}
.systems-case .case-gallery img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.systems-case .case-mobile-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:660px;margin:40px auto 0}
.systems-case .case-mobile-pair img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.systems-case .case-scope-note{margin-top:26px!important;font-size:14px!important}
.systems-case .tpc-hero h1{font-size:clamp(58px,7.4vw,112px)}
@media(max-width:700px){.systems-case .case-gallery{grid-template-columns:1fr;gap:30px}.systems-case .case-mobile-pair{gap:14px}.systems-case .tpc-hero h1{font-size:clamp(52px,11vw,78px)}}
@media(max-width:380px){.systems-case .tpc-hero h1{font-size:48px}}