/* V11 Motion Experience — no admin styles or persistence changes. */
/* One video layer at 100% strength. Poster is a fallback until playback starts. */
.hero{isolation:isolate;background:#131211}
.hero .hero-image,.hero .hero-video{opacity:1;filter:none;transform:none;transition:opacity .4s ease-out;z-index:0;object-fit:cover;object-position:50% 48%}
.hero .hero-video{opacity:0;z-index:1;background:transparent}
.hero.is-playing .hero-video{opacity:1}
.hero.is-playing .hero-image{opacity:0}
.hero .hero-shade{z-index:2;pointer-events:none;background:
 linear-gradient(90deg,rgba(8,8,8,.59) 0%,rgba(8,8,8,.34) 40%,rgba(8,8,8,.045) 78%),
 linear-gradient(0deg,rgba(8,8,8,.68),transparent 31%,transparent 72%,rgba(8,8,8,.27))}
.hero::before{z-index:2;opacity:.28}
.hero::after{z-index:2}
.hero .hero-art{display:none!important}
.hero .hero-top,.hero .hero-copy,.hero .hero-footer{z-index:3}
.hero .hero-copy{max-width:1360px}
.hero .hero-copy h1{filter:drop-shadow(0 9px 19px rgba(0,0,0,.28))}
.hero .hero-copy h1 em{color:var(--paper)}
.hero-video{pointer-events:none}
/* Hero background is not pushed by the pointer; the film itself stays stable. */
.hero .hero-image,.hero .hero-video{transform:none!important}
.hero .hero-copy{transform:translate3d(calc(var(--hero-x) * -.11),calc(var(--hero-y) * -.11),0)}
@media (max-width:780px){
 .hero .hero-shade{background:linear-gradient(0deg,rgba(8,8,8,.8),rgba(8,8,8,.25) 64%,rgba(8,8,8,.3))}
 .hero .hero-copy{transform:none}
}
/* Neural signal is HERE, behind brand logos, not buried underneath the hero video. */
.clients{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,rgba(40,32,30,.75),#111111 78%)}
.clients::before{content:"";position:absolute;inset:-30% 0;pointer-events:none;z-index:0;background:
 radial-gradient(circle at 34% 45%,rgba(255,97,49,.065),transparent 29%),
 radial-gradient(circle at 76% 45%,rgba(255,185,129,.035),transparent 35%)}
.clients .v11-neural-field{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;opacity:1;mix-blend-mode:screen}
.clients .section-kicker,.clients .client-logos,.clients .client-credits,.clients .signal-instruction{position:relative;z-index:2}
.client-logo{position:relative}
.client-logo img{transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.19,1,.22,1),filter .55s;filter:brightness(0) invert(1) drop-shadow(0 0 0 transparent)}
.client-logo:hover img,.client-logo:focus-within img{opacity:1;transform:translateY(-3px) scale(1.035);filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,119,73,.24))}
.signal-instruction{display:block;margin-top:12px;color:#eeac91;font-size:9px;letter-spacing:2px;opacity:.78;text-align:center}
.signal-instruction>span{margin-left:9px;color:var(--accent)}
.clients .client-credits{background:rgba(18,18,18,.17);backdrop-filter:blur(1px)}
@media (hover:none),(pointer:coarse),(max-width:650px){
 .clients .v11-neural-field{display:none}
 .signal-instruction{display:none}
}
/* Reversible transitions: entering from either direction always triggers again. */
.project-card.v11-ready{opacity:0;transform:translate3d(0,34px,0) scale(.99);
 transition:opacity .75s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.19,1,.22,1);
 transition-delay:0ms;}
.project-card.v11-ready.v11-inview{opacity:1;transform:translate3d(0,0,0) scale(1);
 transition-delay:var(--v11-delay,0ms)}
.project-card.v11-ready .project-visual{clip-path:inset(0 0 14% 0);
 transition:clip-path 1.05s cubic-bezier(.19,1,.22,1),transform .45s cubic-bezier(.19,1,.22,1),box-shadow .45s;
 transition-delay:0ms,0ms,0ms}
.project-card.v11-ready.v11-inview .project-visual{clip-path:inset(0 0 0 0);transition-delay:var(--v11-delay,0ms),0ms,0ms}
.project-card.v11-ready .project-meta{opacity:0;transform:translate3d(0,12px,0);
 transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.19,1,.22,1);
 transition-delay:0ms}
.project-card.v11-ready.v11-inview .project-meta{opacity:1;transform:none;transition-delay:calc(var(--v11-delay,0ms) + 145ms)}
/* Reuse the same reversible visual grammar for editorial section headers. */
.v11-section-ready{opacity:0;transform:translate3d(0,25px,0);
 transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.19,1,.22,1)}
.v11-section-ready.v11-inview{opacity:1;transform:translate3d(0,0,0)}
.v11-scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:110;pointer-events:none;
 background:linear-gradient(90deg,var(--accent),#ffd1ad);transform-origin:left;transform:scaleX(0);will-change:transform;box-shadow:0 0 10px rgba(255,108,58,.45)}
@media(max-width:760px){
 .project-card.v11-ready.v11-inview{transition-delay:0ms}
 .project-card.v11-ready.v11-inview .project-visual{transition-delay:0ms,0ms,0ms}
 .project-card.v11-ready.v11-inview .project-meta{transition-delay:130ms}
}
@media(prefers-reduced-motion:reduce){
 .hero .hero-video{display:none}
 .clients .v11-neural-field,.signal-instruction,.v11-scroll-progress{display:none!important}
 .project-card.v11-ready,.project-card.v11-ready .project-visual,.project-card.v11-ready .project-meta,
 .v11-section-ready{transition:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
}