.card{isolation:isolate;background-size:cover;background-position:center}
.card::before{z-index:-1;background:linear-gradient(180deg,rgba(5,6,6,.16),rgba(5,6,6,.58) 42%,rgba(5,6,6,.98))}
.card.graphic{background-image:url('/assets/grafica-vinilo.jpg')}
.card.industrial{background-image:url('/assets/industria-senalizacion.png');background-position:18% center}
.card.digital{background-image:url('/assets/house-ai-studio-premium.png');background-position:45% center}
.graphicVisual{background-image:linear-gradient(0deg,rgba(5,5,5,.72),rgba(5,5,5,.06) 62%),url('/assets/grafica-produccion-premium.png');background-size:cover;background-position:center}
.graphicVisual::before{display:none}
.matrix div{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(0deg,rgba(5,6,6,.94),rgba(5,6,6,.24)),url('/assets/industria-senalizacion.png');background-size:400% 100%;transition:transform .2s,filter .2s}
.matrix div::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,#070808)}
.matrix div:nth-child(1){background-position:0 center}.matrix div:nth-child(2){background-position:33.33% center}.matrix div:nth-child(3){background-position:66.66% center}.matrix div:nth-child(4){background-position:100% center}
.matrix div:hover{transform:scale(1.02);filter:brightness(1.13)}
.orb{font-size:0;background:linear-gradient(90deg,transparent 68%,#070808),url('/assets/house-ai-studio-premium.png') center/cover no-repeat;border-radius:0;aspect-ratio:4/3;height:auto;max-width:520px;max-height:none;box-shadow:0 0 75px #ff8a001f;clip-path:polygon(0 7%,93% 0,100% 92%,7% 100%)}
.wa{font-size:0;background:#25d366 url('https://cdn.simpleicons.org/whatsapp/ffffff') center/28px 28px no-repeat}
.workGrid div{position:relative;isolation:isolate;background-size:cover!important;background-position:center!important;min-height:230px;font-weight:800;text-shadow:0 2px 8px #000}
.workGrid div::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.92))}
.workGrid div:nth-child(1){background-image:url('/assets/portfolio-cartel-comercial.jpg')!important;background-position:center 30%!important}
.workGrid div:nth-child(2){background-image:url('/assets/portfolio-colectivo.jpg')!important;background-position:center 45%!important}
.workGrid div:nth-child(3){background-image:url('/assets/industria-senalizacion.png')!important;background-position:15% center!important}
.workGrid div:nth-child(4){background-image:url('/assets/grafica-produccion-premium.png')!important}
header>.brand{width:205px;height:58px;min-width:205px;background:url('/assets/logo-house-ai-studio.png') left center/contain no-repeat;font-size:0}
header>.brand>*{display:none}
.hero h1{width:min(760px,76vw);height:clamp(180px,28vw,330px);margin:12px 0 18px;background:url('/assets/logo-house-ai-studio-hero.png') left center/contain no-repeat;font-size:0;line-height:0}
.hero h1>*{display:none}
@media(max-width:950px){.orb{width:min(88vw,620px);height:auto;margin:0 auto 55px}.card{background-position:center}}
@media(max-width:600px){header>.brand{width:164px;height:48px;min-width:164px}.hero h1{width:92vw;height:190px;margin:4px 0 10px;background-position:center}.matrix{grid-template-columns:1fr}.matrix div{min-height:170px}.graphicVisual{background-position:55% center}}
.location{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:28px 0 8px;padding:18px 20px;border-left:4px solid #111;background:#ffffff30;max-width:650px}.location strong{font:900 12px var(--display);letter-spacing:.12em}.location span{font-size:14px}.location a,.footerMap{font-weight:800;text-decoration:underline;text-underline-offset:4px}.location a{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.footerMap{display:inline-block;margin-top:5px;color:#fff}