/* Physical mockups: independent image column, with no mobile cropping. */
.studio-site .hero-mockups{background:#080808}
.studio-site .hero-mockups .slide:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:center}
.studio-site .hero-mockups .hero-copy{grid-column:1;grid-row:1;max-width:100%;min-width:0}
.studio-site .hero-mockups .hero-copy h1,.studio-site .hero-mockups .hero-copy h2{font-size:clamp(44px,5.5vw,82px)}
.studio-site .hero-mockups .hero-image{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;max-width:100%;margin:0;transform:none;border-radius:0;mix-blend-mode:normal;mask-image:none;z-index:1;background:#080808}
@media(max-width:800px){
 .studio-site .hero-mockups .slide:not([hidden]){display:flex;flex-direction:column;gap:0;align-items:stretch;min-height:0}
 .studio-site .hero-mockups .hero-copy{order:0;padding-bottom:12px}
 .studio-site .hero-mockups .hero-image{order:1;align-self:center;width:100%;height:auto;aspect-ratio:3/2;margin:0;object-fit:contain}
 .studio-site .hero-mockups .hero-copy h1,.studio-site .hero-mockups .hero-copy h2{font-size:clamp(40px,8.3vw,66px)}
}