/* XB Studios — immersive home introduction. */
.xb-home{height:auto;min-height:680px;padding:100px 7vw;display:flex;align-items:flex-end;isolation:isolate}
.xb-home-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.xb-home-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.xb-home.motion-break:after{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.87),rgba(0,0,0,.5) 55%,rgba(0,0,0,.15)),linear-gradient(0deg,rgba(0,0,0,.4),transparent)}
.xb-home .motion-copy{position:relative;left:auto;right:auto;bottom:auto;max-width:760px}
.xb-home .motion-copy h2{font-size:clamp(54px,7vw,100px);line-height:.98;letter-spacing:-.055em}
.xb-home .motion-copy p{max-width:470px;font-size:20px;line-height:1.4;margin:26px 0}
.xb-home .outline-link{display:inline-flex;gap:24px;align-items:center;border:1px solid rgba(255,255,255,.65);background:transparent;border-radius:999px;padding:13px 20px;min-height:44px}
.xb-home .outline-link:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.xb-home-media img{transition:transform 1.2s ease}.xb-home:hover .xb-home-media img{transform:scale(1.025)}.xb-home .outline-link span{transition:transform .2s}.xb-home .outline-link:hover span{transform:translate(3px,-3px)}}
@media(max-width:650px){.xb-home{height:auto;min-height:540px;max-height:none;padding:70px 7vw 50px}.xb-home .motion-copy h2{font-size:clamp(44px,12vw,68px)}.xb-home .motion-copy p{font-size:18px;line-height:1.35}.xb-home-media img{object-position:58% center}.xb-home.motion-break:after{background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.5) 70%,rgba(0,0,0,.3))}}