/* ==========================================================================
   CYBERZ — Hareket tercihi — prefers-reduced-motion geçersiz kılmaları
   HTML : index.html → "tüm bölümler" bölümü
   CSS  : css/home/99-motion.css
   ========================================================================== */

@media (prefers-reduced-motion:reduce){
    .loop.is-cinematic .loop__shot{ opacity:1; position:relative; inset:auto; transform:none; }
    .loop.is-cinematic .step{ opacity:1; }
    .rig__spark{ display:none; }
}


/* Aperture entrance: the scene opens between two matte planes.
   Only compositor transforms/opacity; no canvas, filters, video or new images. */
.hero__inner{position:relative;z-index:2;}
.hero::before,.hero::after{
    content:'';position:absolute;top:-15%;bottom:-15%;pointer-events:none;
    background:var(--bg-0);z-index:1;visibility:hidden;
}
.hero::before{left:-12%;width:76%;border-right:1px solid rgba(233,166,60,.35);}
.hero::after{right:-12%;width:42%;border-left:1px solid rgba(0,212,200,.4);}
@media (prefers-reduced-motion:no-preference){
    .entry-light .hero::before{visibility:visible;animation:aperture-left 1900ms cubic-bezier(.76,0,.24,1) both;}
    .entry-light .hero::after{visibility:visible;animation:aperture-right 1900ms cubic-bezier(.76,0,.24,1) both;}
    .entry-light .hero__art{animation:aperture-scene 2100ms cubic-bezier(.22,1,.36,1) both;}
    .entry-light .hero__title{animation:aperture-wordmark 1500ms 160ms cubic-bezier(.22,1,.36,1) both;}
    .entry-light .hero__tagline{animation:aperture-copy 800ms 750ms ease-out both;}
    .entry-light .hero__lede{animation:aperture-copy 800ms 880ms ease-out both;}
    .entry-light .hero__flags{animation:aperture-copy 650ms 1000ms ease-out both;}
    .entry-light .hero .btn-row{animation:aperture-copy 650ms 1150ms ease-out both;}
    .entry-light .hero__index{animation:aperture-copy 700ms 1300ms ease-out both;}
}
@keyframes aperture-left{
    0%,15%{transform:translateX(0) skewX(-9deg);}
    100%{transform:translateX(-115%) skewX(-9deg);}
}
@keyframes aperture-right{
    0%,15%{transform:translateX(0) skewX(-9deg);}
    100%{transform:translateX(125%) skewX(-9deg);}
}
@keyframes aperture-scene{from{transform:scale(1.035);opacity:.65;}to{transform:scale(1);opacity:1;}}
@keyframes aperture-wordmark{from{transform:translateY(24px);opacity:.1;}35%{opacity:1;}to{transform:translateY(0);opacity:1;}}
@keyframes aperture-copy{from{transform:translateY(10px);opacity:0;}to{transform:translateY(0);opacity:1;}}
@media(max-width:640px){
    .hero::before{width:64%;}
    .hero::after{width:47%;}
}