/* Varuna 2: restrained motion, with the approved content and photo framing intact. */
.motion-ribbon {
  overflow: hidden; background: #08344b; color: #d3f7fa;
  border-top: 1px solid #27aebb; border-bottom: 1px solid #1f6172;
}
.motion-ribbon-track { display: flex; width: max-content; }
.motion-ribbon-track > span {
  flex: none; white-space: nowrap; padding: 18px 0;
  font: 800 12px/1 'Manrope', sans-serif; letter-spacing: .14em;
}
.motion-ribbon-track b { color: #60e0e7; padding: 0 2.2rem; font-weight: 800; }
.motion-progress {
  position: fixed; z-index: 99; inset: 0 auto auto 0; width: 100%; height: 3px;
  background: #3bd3df; transform: scaleX(0); transform-origin: left;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-old(root) { animation: varuna-leave .18s ease both; }
  ::view-transition-new(root) { animation: varuna-enter .28s ease both; }
  @keyframes varuna-leave { to { opacity: 0; } }
  @keyframes varuna-enter { from { opacity: 0; } to { opacity: 1; } }

  .immersive-copy > *, .hero-topline, .hero-control-wrap {
    animation: varuna-rise .8s cubic-bezier(.2,.8,.2,1) both;
  }
  .hero-topline { animation-delay: .08s; }
  .immersive-copy .eyebrow { animation-delay: .12s; }
  .immersive-copy h1 { animation-delay: .21s; }
  .immersive-copy > p:not(.eyebrow) { animation-delay: .33s; }
  .immersive-actions { animation-delay: .44s; }
  .hero-control-wrap { animation-delay: .53s; }
  @keyframes varuna-rise {
    from { opacity: 0; transform: translate3d(0,24px,0); }
    to { opacity: 1; transform: translate3d(0,0,0); }
  }

  .motion-ribbon-track { animation: varuna-marquee 31s linear infinite; }
  @keyframes varuna-marquee { to { transform: translateX(-50%); } }
  .motion-ribbon:hover .motion-ribbon-track { animation-play-state: paused; }
  .motion-progress { transition: transform .12s linear; }

  .immersive-copy h1 i {
    display: inline-block;
    background: linear-gradient(105deg,#70dfe8 8%,#e2ffff 42%,#6ddbe5 70%);
    background-size: 230% 100%; background-clip: text; -webkit-background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent;
    animation: varuna-rise .8s .21s cubic-bezier(.2,.8,.2,1) both,
               varuna-glow 4.8s 1.2s ease-in-out infinite alternate;
  }
  @keyframes varuna-glow { to { background-position: 100% 0; } }

  .category-hero-copy > *, .page-heading > *, .about-hero .container > * {
    animation: varuna-rise .78s cubic-bezier(.2,.8,.2,1) both;
  }
  .category-hero-copy > :nth-child(2), .page-heading > :nth-child(2) { animation-delay: .12s; }
  .category-hero-copy > :nth-child(3), .page-heading > :nth-child(3) { animation-delay: .23s; }
  .category-hero-copy > :nth-child(4) { animation-delay: .34s; }
  .category-hero-media { animation: varuna-photo-in 1.1s .14s cubic-bezier(.2,.8,.2,1) both; }
  @keyframes varuna-photo-in {
    from { opacity: .3; clip-path: inset(0 0 0 28%); transform: scale(1.025); }
    to { opacity: 1; clip-path: inset(0); transform: scale(1); }
  }

  .hero-slide.is-active[data-slide="1"] img {
    animation: varuna-hero-pan 7s ease-out both;
  }
  @keyframes varuna-hero-pan {
    from { transform: scale(1.055); }
    to { transform: scale(1); }
  }

  .hero-choice.is-active { position: relative; }
  .hero-choice.is-active::after {
    content: ""; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%;
    background: #65e0e9; transform-origin: left; animation: varuna-progress 7s linear both;
  }
  @keyframes varuna-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }

  .motion-ready .motion-reveal {
    opacity: 0; transform: translate3d(0,28px,0);
    transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1);
    transition-delay: var(--motion-delay,0ms);
  }
  .motion-ready .motion-reveal.is-visible { opacity: 1; transform: translate3d(0,0,0); }
  .motion-ready .showcase-row .showcase-image {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1.15s cubic-bezier(.16,1,.3,1) .1s;
  }
  .motion-ready .showcase-row.is-visible .showcase-image { clip-path: inset(0); }
  .manifesto-word { transform: translate3d(var(--manifesto-drift,0px),0,0); }
  .motion-ready .product-card.is-visible:hover,
  .motion-ready .cut-card.is-visible:hover { transform: translateY(-7px); }

  .button, .header-whatsapp, .floating-whatsapp {
    transition: background .2s ease, color .2s ease, transform .25s ease;
  }
  .button:hover, .header-whatsapp:hover, .floating-whatsapp:hover { transform: translateY(-3px); }
  .button:active, .header-whatsapp:active, .floating-whatsapp:active { transform: translateY(0); }
  .showcase-copy > a b, .product-body > a span {
    display: inline-block; transition: transform .25s ease;
  }
  .showcase-copy > a:hover b, .product-body > a:hover span { transform: translate(3px,-3px); }
}
@media (prefers-reduced-motion: reduce) {
  .motion-ribbon-track > span:last-child { display: none; }
  .motion-progress { display: none; }
}