.visual-case .case-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.visual-case .case-media-card{min-width:0;margin:0;background:#142c3b;border:1px solid #5c6b72;overflow:hidden;color:#f7f4ed}
.visual-case .case-media-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#07121a}
.visual-case .case-media-copy{padding:26px 28px 30px}
.visual-case .case-media-copy h3{margin:0 0 12px;font-size:23px;color:inherit}
.visual-case .case-media-copy p{margin:0 0 20px}
.visual-case .case-media-link,.visual-case .case-media-guide a{color:#e4ce9e;text-decoration:underline;text-underline-offset:6px;line-height:1.8}
.visual-case .case-media-guide{margin:28px 0 0;font-size:14px}
.visual-case .case-media-showcase{padding-top:64px;margin-top:56px;border-top:1px solid #5c6b72;scroll-margin-top:100px}
.visual-case .case-media-showcase>h2{margin:0 0 28px}
.visual-case .case-media-showcase .case-media-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center}
.visual-case .case-media-preview{display:block;position:relative;border:1px solid #a4967c;color:white;min-width:0}
.visual-case .case-media-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.visual-case .case-media-preview span{display:block;padding:9px 10px;background:#142c3b;font-size:13px;text-align:center}
.visual-case #output{scroll-margin-top:100px}
.visual-case .case-media-link:focus-visible,.visual-case .case-media-preview:focus-visible{outline:3px solid #e4ce9e;outline-offset:5px}
@media(max-width:900px){.visual-case .case-media-showcase .case-media-card{grid-template-columns:1fr}.visual-case .case-media-copy{padding:24px}.visual-case .case-media-grid{gap:24px}}
@media(max-width:700px){.visual-case .case-media-grid{grid-template-columns:1fr}.visual-case .case-media-showcase{padding-top:40px;margin-top:40px}.visual-case .case-media-copy h3{font-size:23px}}