.case-media-preview{gap:22px;align-items:flex-start;min-width:0}
.case-media-preview .social-account{margin:0;min-height:0;padding:10px;flex-shrink:1;min-width:0;overflow:hidden}
.case-video-frame{width:240px;flex-basis:60%}
.case-media-preview .case-image-frame{width:180px;flex-basis:44%;margin-top:60px}
.case-video-frame video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:var(--ink);border-radius:14px}
.case-image-frame img{display:block;width:100%;height:auto;border-radius:14px}
.case-media-preview figcaption{font-size:10px;letter-spacing:1px;padding:10px 3px 2px;color:var(--paper)}
.case-print-poster{display:none}
@media(max-width:850px){.case-media-preview{gap:13px}.case-media-preview .social-account{padding:8px}.case-media-preview .case-image-frame{margin-top:45px}}
@media(max-width:600px){.case-media-preview{width:100%;max-width:420px;margin:auto;gap:16px}.case-video-frame{max-width:240px}.case-image-frame{max-width:180px}.case-media-preview .case-image-frame{margin-top:40px}}
@media print{.case-media-preview{gap:6mm;padding-top:5mm;break-inside:avoid}.case-media-preview .social-account{padding:3mm;border-radius:5mm}.case-video-frame{width:60mm;flex-basis:60mm}.case-media-preview .case-image-frame{width:42mm;flex-basis:42mm;margin-top:15mm}.case-video-frame video{display:none}.case-video-frame .case-print-poster{display:block;width:100%;height:auto;border-radius:3mm}.case-media-preview figcaption{font-size:8pt}}

#case-study-02{scroll-margin-top:85px}
@media print{#case-study-02{break-before:page;break-after:page;break-inside:avoid}}
#case-study-02 .case-video-frame video{object-fit:cover}