/* TuTallerYa / preview hero progressive — ONLY entrance timing of existing v10.66 nodes.
   No alterations to positioning, typography, forms, phone geometry, data, links or scroll engine. */
html[data-tty-hero-intro] .editorial-page .e-stage .e-title-top,
html[data-tty-hero-intro] .editorial-page .e-stage .e-title-bottom{
  /* The original e-type-in would otherwise compete for opacity/filter. */
  animation-name:none;
}
@media(prefers-reduced-motion:reduce){
  html[data-tty-hero-intro] .editorial-page .header,
  html[data-tty-hero-intro] .editorial-page .j-visual .j-scene,
  html[data-tty-hero-intro] .editorial-page .j-visual .j-phone-shadow,
  html[data-tty-hero-intro] .editorial-page .e-hero .e-overline,
  html[data-tty-hero-intro] .editorial-page .e-hero .e-title-top,
  html[data-tty-hero-intro] .editorial-page .e-hero .e-title-bottom,
  html[data-tty-hero-intro] .editorial-page .e-hero .e-intro,
  html[data-tty-hero-intro] .editorial-page .e-hero .e-search-dock,
  html[data-tty-hero-intro] .editorial-page .e-hero .e-footer {
    animation:none!important; opacity:1!important; filter:none!important; clip-path:none!important;
  }
  html[data-tty-hero-intro] .tty-hero-light-sweep{display:none!important}
}


/* B — CINEMATICA. Light sweep + typography reveal, same DOM and approved layout. */
@keyframes tty-b-light{
  0%{opacity:0;transform:translate3d(-105%,0,0) skewX(-18deg)}
  16%{opacity:.36}
  57%{opacity:.54}
  85%{opacity:.22}
  100%{opacity:0;transform:translate3d(165%,0,0) skewX(-18deg)}
}
@keyframes tty-b-fade{
  0%{opacity:0;filter:blur(14px)}
  66%{opacity:1;filter:blur(1px)}
  100%{opacity:1;filter:blur(0)}
}
@keyframes tty-b-title{
  0%{opacity:0;filter:blur(13px);clip-path:inset(0 100% 0 0)}
  12%{opacity:.5}
  78%{opacity:1;filter:blur(0)}
  100%{opacity:1;clip-path:inset(0 0 0 0);filter:blur(0)}
}
@keyframes tty-b-phone{
  0%{opacity:0;filter:blur(17px) brightness(1.22) saturate(1.24)}
  30%{opacity:.30;filter:blur(12px) brightness(1.16) saturate(1.10)}
  76%{opacity:1;filter:blur(0) brightness(1.05) saturate(1.03)}
  100%{opacity:1;filter:none}
}
@keyframes tty-b-copy{
  0%{opacity:0;filter:blur(13px);transform:translate3d(0,16px,0)}
  100%{opacity:1;filter:blur(0);transform:none}
}
@keyframes tty-b-card{
  0%{opacity:0;filter:blur(13px);transform:translate3d(0,32px,0)}
  76%{opacity:1;filter:blur(1px)}
  100%{opacity:1;filter:none;transform:translate3d(0,0,0)}
}
@keyframes tty-b-simple{from{opacity:0}to{opacity:1}}
/* No changes to e-stage isolation or positioning: retain approved 3D stacking. */
html[data-tty-hero-intro="b"] .editorial-page .e-hero .tty-hero-light-sweep{
  position:absolute;
  top:-5%;bottom:-5%;left:0;
  width:28%;height:110%;
  z-index:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(21,93,253,.13) 24%,rgba(118,168,255,.18) 51%,rgba(255,99,22,.12) 76%,transparent);
  filter:blur(22px);mix-blend-mode:screen;
  animation:tty-b-light 2.42s .15s cubic-bezier(.2,.7,.2,1) both;
}
html[data-tty-hero-intro="b"] .editorial-page .header.tty-unified-nav{
 animation:tty-b-fade .78s .14s cubic-bezier(.22,1,.36,1) both;
}
html[data-tty-hero-intro="b"] .editorial-page .e-hero .e-overline{
 animation:tty-b-fade .82s .34s ease-out both;
}
html[data-tty-hero-intro="b"] .editorial-page .j-visual .j-scene{
 animation:tty-b-phone 1.64s .42s cubic-bezier(.16,1,.3,1) both;
}
html[data-tty-hero-intro="b"] .editorial-page .j-visual .j-phone-shadow{
 animation:tty-b-simple 1.18s .82s ease-out both;
}
html[data-tty-hero-intro="b"] .editorial-page .e-hero .e-title-top {
 animation:tty-b-title 1.18s .69s cubic-bezier(.14,1,.3,1) both!important;
}
html[data-tty-hero-intro="b"] .editorial-page .e-hero .e-title-bottom {
 animation:tty-b-title 1.30s 1.08s cubic-bezier(.14,1,.3,1) both!important;
}
html[data-tty-hero-intro="b"] .editorial-page .e-hero .e-intro {
 animation:tty-b-copy .92s 1.58s cubic-bezier(.22,1,.36,1) both;
}
html[data-tty-hero-intro="b"] .editorial-page .e-hero .e-search-dock {
 animation:tty-b-card 1.08s 2.13s cubic-bezier(.22,1,.36,1) both;
}
html[data-tty-hero-intro="b"] .editorial-page .e-hero .e-footer {
 animation:tty-b-simple .74s 2.88s ease both;
}


html[data-tty-hero-intro-complete] .editorial-page .header.tty-unified-nav,
html[data-tty-hero-intro-complete] .editorial-page .j-visual .j-scene,
html[data-tty-hero-intro-complete] .editorial-page .j-visual .j-phone-shadow,
html[data-tty-hero-intro-complete] .editorial-page .e-hero .e-overline,
html[data-tty-hero-intro-complete] .editorial-page .e-hero .e-title-top,
html[data-tty-hero-intro-complete] .editorial-page .e-hero .e-title-bottom,
html[data-tty-hero-intro-complete] .editorial-page .e-hero .e-intro,
html[data-tty-hero-intro-complete] .editorial-page .e-hero .e-search-dock,
html[data-tty-hero-intro-complete] .editorial-page .e-hero .e-footer {
  animation:none!important;opacity:1;filter:none;clip-path:none;
}
html[data-tty-hero-intro-complete] .editorial-page .e-hero .tty-hero-light-sweep{display:none}