/* GAIA ATELIER · HOME cinematic interaction v8 */
.home-entry--cinematic{position:relative;isolation:isolate}
.home-entry--cinematic::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:rgba(238,235,229,.72);backdrop-filter:blur(24px) saturate(.86);animation:gaia-home-opening 1.45s var(--gaia-ease) forwards}
.home-entry--cinematic .home-grid{grid-template-columns:1fr 1fr}
.home-entry--cinematic .home-media{padding:0;overflow:hidden;background:#11110f;isolation:isolate}
.home-entry--cinematic .home-kicker{font-size:clamp(23px,2.1vw,36px)}
.home-panel-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.73) contrast(1) brightness(.76);transform:scale(1.025);opacity:.94;transition:transform 1.45s var(--gaia-ease),filter 1.05s var(--gaia-ease),opacity .8s ease}
.home-panel-video--collection{filter:saturate(.70) contrast(1) brightness(.79)}

/* Velo en reposo: ambos universos esperan. */
.home-entry--cinematic .home-media::before{content:"";position:absolute;inset:-14%;z-index:2;pointer-events:none;background:
 radial-gradient(48% 38% at 16% 25%,rgba(255,255,255,.58),transparent 72%),
 radial-gradient(42% 34% at 82% 68%,rgba(255,255,255,.34),transparent 72%),
 radial-gradient(28% 24% at 56% 44%,rgba(255,255,255,.22),transparent 72%);
 filter:blur(30px);opacity:.78;mix-blend-mode:screen;transform:translate3d(-2%,1.5%,0) scale(1.05);animation:gaia-home-mist 9s var(--gaia-ease-soft) infinite alternate;transition:opacity 1s var(--gaia-ease),filter 1s var(--gaia-ease),transform 1.3s var(--gaia-ease)}
.home-entry--cinematic .home-media::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.03) 32%,rgba(0,0,0,.10) 66%,rgba(0,0,0,.46)),linear-gradient(110deg,rgba(255,255,255,.14),transparent 48%);opacity:.78;transition:opacity .9s var(--gaia-ease),backdrop-filter .9s var(--gaia-ease)}

/* Panel activo: solo cambia imagen; la geometría y el texto permanecen fijos. */
.home-entry--cinematic .home-panel.is-active .home-panel-video{transform:scale(1.055);filter:saturate(.96) contrast(1.035) brightness(.98);opacity:1}
.home-entry--cinematic .home-panel.is-active .home-media::before{opacity:.20;filter:blur(18px);transform:translate3d(2%,-1%,0) scale(1.01)}
.home-entry--cinematic .home-panel.is-active .home-media::after{opacity:.38;backdrop-filter:blur(.2px)}
.home-entry--cinematic .home-panel.is-active .home-panel-content{transform:none;filter:none}
.home-entry--cinematic .home-panel.is-active .home-kicker,
.home-entry--cinematic .home-panel.is-active .home-copy,
.home-entry--cinematic .home-panel.is-active .home-cta{opacity:1;filter:none;transform:none}

/* Panel inactivo: imagen y textos se apagan. Se aplican a los hijos porque
   la animación de entrada mantiene opacity:1 sobre .home-panel-content. */
.home-entry--cinematic .home-grid.is-interacting .home-panel:not(.is-active) .home-panel-video{filter:saturate(.48) contrast(.96) brightness(.52) blur(1.1px);transform:scale(1.012);opacity:.76}
.home-entry--cinematic .home-grid.is-interacting .home-panel:not(.is-active) .home-media::before{opacity:.96;filter:blur(38px);transform:scale(1.07)}
.home-entry--cinematic .home-grid.is-interacting .home-panel:not(.is-active) .home-media::after{opacity:.90;backdrop-filter:blur(1.2px)}
.home-entry--cinematic .home-grid.is-interacting .home-panel:not(.is-active) .home-kicker,
.home-entry--cinematic .home-grid.is-interacting .home-panel:not(.is-active) .home-copy,
.home-entry--cinematic .home-grid.is-interacting .home-panel:not(.is-active) .home-cta{opacity:.32;filter:none;transform:none}
.home-entry--cinematic .home-panel:first-child{border-right:1px solid rgba(255,255,255,.22)}

@keyframes gaia-home-opening{0%{opacity:1;backdrop-filter:blur(30px) saturate(.72)}58%{opacity:.44}100%{opacity:0;backdrop-filter:blur(0) saturate(1)}}
@keyframes gaia-home-mist{from{opacity:.82;transform:translate3d(-2.4%,1.8%,0) scale(1.06)}to{opacity:.58;transform:translate3d(2.2%,-1.4%,0) scale(1.018)}}

@media(prefers-reduced-motion:reduce){
 .home-entry--cinematic::after{display:none!important}
 .home-panel-video{transform:none!important;transition:none!important}
 .home-entry--cinematic .home-media::before{animation:none!important}
}
@media(max-width:760px){
 .home-entry--cinematic .home-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
 .home-panel-video{transform:scale(1.01);filter:saturate(.78) brightness(.82)}
 .home-entry--cinematic .home-media::before{opacity:.54;filter:blur(20px)}
 .home-entry--cinematic .home-media::after{opacity:.68}
}