/* ShopMy For Brands footer CTA. Scoped to the Scene Studio application block. */
.studio-account-cta{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:clamp(360px,65svh,620px);max-height:calc(100svh - 96px);min-height:300px;padding:40px 24px;overflow:hidden;background:#222;color:#fff}
.studio-account-cta>.studio-account-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 46%}
.studio-account-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.34)}
.studio-account-cta>.studio-access{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;width:100%;max-width:1040px;margin:0 auto;padding:0;text-align:center}
.studio-account-cta .studio-access h2{margin:0;color:#fff;font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1.15;text-align:center;max-width:100%;text-wrap:balance}
.studio-account-cta .studio-access>.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 32px;border:1px solid rgba(255,255,255,.8);border-radius:3px;background:rgba(35,23,20,.5);color:#fff;font-size:14px;line-height:20px;text-align:center;text-decoration:none;transition:background .2s ease}
.studio-account-cta .studio-access>.button:hover{background:rgba(35,23,20,.8)}
.studio-account-cta .studio-access>.button:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:767px){.studio-account-cta{height:clamp(320px,58svh,480px);max-height:calc(100svh - 80px);padding:32px 20px}.studio-account-cta>.studio-access{gap:24px}.studio-account-cta .studio-access h2{font-size:clamp(30px,7.7vw,40px)}}
@media(prefers-reduced-motion:reduce){.studio-account-cta .studio-access>.button{transition:none}}
