/* Studio entrance: dark moving images tinted with each brand's key color. */
.gateway .studio-gate{background:#101010}
.gateway .studio-gate>img,
.gateway .studio-gate>video,
.gateway .studio-gate>iframe{filter:grayscale(1) brightness(.21) contrast(1.08)}
.gateway .studio-gate:hover>img{opacity:1}
.gateway .studio-gate:after{background:var(--accent);mix-blend-mode:color;opacity:.44}
.gateway .gate-copy>p{color:#f5f5f2}
.gateway .gate-copy>small{color:#d6d3d7}

/* Shared brand mark and compact studio selection controls. */
.gateway>header{padding-block:12px}
.gateway .gateway-mark{display:flex;align-items:center;min-height:44px;flex-shrink:0}
.gateway .gateway-mark img{display:block;width:120px;height:auto}
.gateway .gate-button{width:210px;min-height:52px;padding:10px 18px;gap:14px;font-size:22px;line-height:1.2;letter-spacing:-.5px}
.gateway .gate-button span{font-size:18px}
.gateway .gate-copy>p{margin-top:20px}
@media(max-width:700px){
 .gateway>header{padding-block:10px}
 .gateway .gateway-mark img{width:100px}
 .gateway .gate-button{width:184px;min-height:46px;padding:9px 16px;gap:12px;font-size:19px}
 .gateway .gate-button span{font-size:17px}
 .gateway .gate-copy{padding:22px}
 .gateway .gate-copy>p{margin:16px 0 12px}
}