.studio-video-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.62fr);align-items:start;gap:clamp(.75rem,1.4vw,1.4rem);margin-top:4rem}
.studio-video-layout.has-one-format{grid-template-columns:minmax(0,1fr)}
.studio-video-player{min-width:0;border:1px solid rgba(234,222,207,.45);background:#050505}
.studio-video-stage{position:relative;overflow:hidden;background:#050505}
.studio-video-player--horizontal .studio-video-stage{aspect-ratio:16/9}
.studio-video-player--vertical .studio-video-stage{aspect-ratio:9/16}
.studio-video-slide{position:absolute;inset:0;visibility:hidden;overflow:hidden;opacity:0;transition:opacity .35s ease,visibility .35s ease}
.studio-video-slide.is-active{visibility:visible;opacity:1}
.studio-video-slide video{width:100%;height:100%;max-height:none;object-fit:contain;background:#050505}
.studio-video-empty{position:absolute;inset:0;display:grid;padding:1.25rem;color:#EADECF;background:repeating-linear-gradient(0deg,transparent 0 59px,rgba(234,222,207,.08) 60px),repeating-linear-gradient(90deg,transparent 0 59px,rgba(234,222,207,.08) 60px);place-items:center}
.studio-video-empty:before{position:absolute;inset:8%;border:1px solid rgba(234,222,207,.22);content:""}
.studio-video-empty>span,.studio-video-empty>small{position:absolute;left:1.25rem;font-size:.58rem;font-weight:750;text-transform:uppercase}
.studio-video-empty>span{top:1.25rem}.studio-video-empty>small{bottom:1.25rem;color:rgba(234,222,207,.72)}
.studio-video-empty>b{max-width:8ch;white-space:pre-line;font-size:clamp(2.2rem,5vw,6rem);font-weight:850;line-height:.75;letter-spacing:-.07em;text-align:center}
.studio-video-player--vertical .studio-video-empty>b{font-size:clamp(2rem,3.4vw,4rem)}
.studio-video-play{position:absolute;z-index:2;inset:0;width:100%;height:100%;padding:1.25rem;color:#EADECF;background:linear-gradient(180deg,rgba(5,5,5,.08),rgba(5,5,5,.5));border:0;cursor:pointer;transition:opacity .3s ease}
.studio-video-play>span,.studio-video-play>small{position:absolute;left:1.25rem;font-size:.58rem;font-weight:750;text-transform:uppercase}
.studio-video-play>span{top:1.25rem}.studio-video-play>small{right:4.8rem;bottom:1.25rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.studio-video-play>b{position:absolute;top:50%;left:50%;display:grid;width:clamp(68px,7vw,104px);height:clamp(68px,7vw,104px);border:1px solid #EADECF;border-radius:50%;font-size:.8rem;transform:translate(-50%,-50%);transition:color .25s ease,background .25s ease,transform .25s ease;place-items:center}
.studio-video-play:hover>b{color:#050505;background:#EADECF;transform:translate(-50%,-50%) scale(1.06)}
.studio-video-player.is-playing .studio-video-play{pointer-events:none;opacity:0}
.studio-video-index{position:absolute;z-index:3;right:1.25rem;bottom:1.25rem;display:flex;width:3rem;align-items:center;gap:.35rem;font-size:.55rem;pointer-events:none}
.studio-video-index i{height:1px;flex:1;background:rgba(234,222,207,.72)}
.studio-video-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;padding:.6rem;border-top:1px solid rgba(234,222,207,.45)}
.studio-video-controls{display:grid;grid-template-columns:34px minmax(40px,1fr) auto auto auto;align-items:center;gap:.55rem;min-width:0}
.studio-video-controls button,.studio-video-arrows button{display:grid;height:34px;min-width:34px;padding:0;color:#EADECF;background:transparent;border:1px solid rgba(234,222,207,.45);font-size:.56rem;font-weight:800;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease;place-items:center}
.studio-video-controls button:hover,.studio-video-arrows button:not(:disabled):hover{color:#050505;background:#EADECF;transform:translateY(-1px)}
.studio-video-controls span{font-size:.5rem;white-space:nowrap}
.studio-video-controls input{width:100%;height:2px;accent-color:#4E7C5B;cursor:pointer}
.studio-video-arrows{display:flex;gap:.35rem}
.studio-video-arrows button:disabled{cursor:default;opacity:.28}
.cms-fixed-media{width:100%;height:min(100vh,900px);overflow:hidden;background:#050505}.cms-fixed-media-element{width:100%;height:100%}.cms-fixed-media img,.cms-fixed-media video{object-fit:cover}.cms-fit-contain img,.cms-fit-contain video{object-fit:contain}.cms-fixed-media model-viewer,.project-model,.article-model{display:block;width:100%;height:100%;min-height:65vh;background:#111}
.case-cover-media,.article-cover-media{width:100%;height:100%;object-fit:cover}
.case-cover model-viewer,.article-cover model-viewer{display:block;width:100%;height:100%}
.runway-track video,.archive-card video,.blog-card video{width:100%;height:100%;object-fit:contain;background:#050505}.card-model-placeholder{display:grid;width:100%;height:100%;color:#646464;background:#c9c9c6;place-items:center}.card-model-placeholder span{font-size:clamp(3rem,8vw,8rem);font-weight:850}
@media(max-width:800px){.studio-video-layout{grid-template-columns:minmax(0,1fr) minmax(190px,.48fr);overflow-x:auto;scroll-snap-type:x mandatory}.studio-video-player{scroll-snap-align:start}.studio-video-player--horizontal{min-width:min(82vw,720px)}.studio-video-player--vertical{min-width:min(48vw,330px)}}
@media(max-width:520px){.case-video{overflow:hidden}.studio-video-layout{grid-template-columns:82vw 48vw;margin-right:calc(var(--pad)*-1);padding-right:var(--pad);scrollbar-width:none}.studio-video-layout::-webkit-scrollbar{display:none}.studio-video-toolbar{grid-template-columns:1fr}.studio-video-controls{grid-template-columns:32px minmax(34px,1fr) auto 32px}.studio-video-controls [data-video-mute]{display:none}.studio-video-arrows{justify-content:flex-end}.studio-video-play>small{max-width:55%}}
@media(prefers-reduced-motion:reduce){.studio-video-slide,.studio-video-play,.studio-video-play>b{transition:none}}
