/* Agenz Foundation V41 — navigation recovery and collision-free cinematic intro */

/* Seven primary destinations remain readable before the mobile breakpoint. */
.desktop-nav{gap:clamp(11px,1.25vw,21px)!important}
.desktop-nav a{min-width:max-content!important}

/* The brand frame and the closing statement use separate time windows. */
.cinematic-intro{background:#010103!important;isolation:isolate}
.cinema-logo{
  opacity:0;
  animation:v41BrandSequence 1.85s .18s cubic-bezier(.2,.75,.2,1) both!important
}
.cinema-logo .cinema-kicker,.cinema-logo img,.cinema-logo .cinema-tagline{
  opacity:1!important;transform:none!important;animation:none!important
}
.cinema-logo img{height:clamp(82px,11vw,130px)!important;filter:none!important}
.cinema-kicker{color:#50dfff!important}
.cinema-tagline{color:rgba(255,255,255,.72)!important}
.cinema-final{
  opacity:0;
  animation:v41FinalSequence 1.35s 2.08s cubic-bezier(.2,.75,.2,1) both!important
}
.cinema-progress i{animation:v41IntroProgress 3.72s linear forwards!important}
.cinema-skip{z-index:20!important;color:rgba(255,255,255,.78)!important;background:rgba(5,3,8,.55)!important}

@keyframes v41BrandSequence{
  0%{opacity:0;filter:blur(12px)}
  18%,72%{opacity:1;filter:none}
  100%{opacity:0;filter:blur(8px)}
}
@keyframes v41FinalSequence{
  0%{opacity:0;transform:translate(-50%,-42%) scale(.975)}
  24%,76%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-55%) scale(1.015)}
}
@keyframes v41IntroProgress{to{width:100%}}

@media(max-width:760px){
  .cinema-logo{width:88vw!important}
  .cinema-logo img{height:76px!important}
  .cinema-kicker,.cinema-tagline{display:block;padding-inline:12px;letter-spacing:.14em!important;line-height:1.65!important}
  .cinema-final{width:calc(100% - 36px)!important;font-size:clamp(2rem,10vw,3rem)!important}
}

@media(prefers-reduced-motion:reduce){
  .cinematic-intro{display:none!important}
}