.case-media-with-switcher { position:relative; min-width:0; }
.asset-stage > img { width:100%; height:100%; max-height:none; display:block; object-fit:cover; }
.asset-stage > [hidden] { display:none!important; }
.asset-stage[data-mode="source"] > img, .asset-stage[data-mode="orbit"] > video { object-fit:contain; background:#fff; }
.case-media { cursor:zoom-in; }
.asset-tabs { position:absolute; top:calc(100% + clamp(.45rem,1vh,.75rem)); left:0; width:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(.4rem,1vw,1rem); }
.asset-tab { min-width:0; height:clamp(2.4rem,5vh,3.3rem); display:flex; align-items:center; gap:clamp(.4rem,.8vw,.8rem); padding:0 0 clamp(.2rem,.45vh,.35rem); border:0; border-bottom:1px solid rgba(220,235,254,.18); background:transparent; color:rgba(220,235,254,.62); font-size:var(--small-size); cursor:pointer; text-align:left; white-space:nowrap; transition:color .2s,border-color .2s; }
.asset-tab img { width:clamp(2.4rem,4vw,4rem); height:100%; max-height:none; object-fit:cover; background:#fff; opacity:.65; transition:opacity .2s; }
.asset-tab[data-mode="source"] img, .asset-tab[data-mode="orbit"] img { object-fit:contain; }
.asset-tab:hover, .asset-tab[aria-selected="true"] { color:var(--ivory); border-color:#9fc2ff; }
.asset-tab:hover img, .asset-tab[aria-selected="true"] img { opacity:1; }
.asset-tab:focus-visible, .media-expand:focus-visible { outline:2px solid #9fc2ff; outline-offset:4px; }
.media-expand.video-zoom-badge { pointer-events:auto; cursor:zoom-in; }
@media(max-width:760px) { .asset-tab { height:clamp(2rem,4.5vh,2.4rem); justify-content:center; font-size:clamp(.65rem,2.7vw,.78rem); } .asset-tab img { display:none; } .case-extension .case-title-shift { text-wrap:balance; } body:has(.case-extension.brand-active) .counter { display:none; } }
@media(orientation:landscape) and (max-height:500px) { .asset-tabs { top:auto; bottom:0; z-index:3; gap:0; background:rgba(5,10,18,.9); } }
@media(prefers-reduced-motion:reduce) { .asset-tab, .asset-tab img { transition:none; } }
.preview-modal{padding:0;border:1px solid #8eabd360;background:#070d17;color:white;width:min(92vw,1350px);max-width:none;max-height:94dvh;overflow:hidden}.preview-modal::backdrop{background:#01050bdb;backdrop-filter:blur(10px)}.preview-modal .modal-content{height:min(80dvh,820px);display:flex;align-items:center;justify-content:center;background:#02040a}.preview-modal img,.preview-modal video{width:100%;height:100%;max-height:80dvh;object-fit:contain}.preview-modal [hidden]{display:none!important}.modal-caption{padding:clamp(12px,1.3vw,20px);font-size:clamp(13px,1vw,18px)}.close-modal{position:absolute;right:clamp(10px,1vw,18px);top:clamp(10px,1vw,18px);z-index:4;background:#07111ddb;color:white;border:1px solid #fff5;font-size:clamp(20px,1.7vw,30px);width:clamp(38px,3vw,52px);height:clamp(38px,3vw,52px);cursor:pointer}