/* Askay Studios v6.1 | additive motion layer. Original site.css stays untouched.
   Effects never resize/crop product marks and are disabled when motion is reduced. */
:root{--askay-motion-ms:600ms;--askay-motion-ease:cubic-bezier(.2,.75,.25,1)}
/* Fine, non-invasive scroll position indicator. */
.askay-scroll-progress{position:fixed;inset:0 auto auto 0;z-index:220;width:100%;height:3px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#50deb8,#8b91ff,#f3cb7d);pointer-events:none;box-shadow:0 1px 12px rgba(105,213,218,.28);transition:transform 110ms linear}
/* Soft atmospheric movement behind the old layout. */
@keyframes askayAtmosA{0%,100%{translate:0 0;opacity:.16}50%{translate:5vw -2vw;opacity:.21}}
@keyframes askayAtmosB{0%,100%{translate:0 0;opacity:.14}50%{translate:-4vw 2vw;opacity:.2}}
.aurora-a{animation:askayAtmosA 24s ease-in-out infinite alternate}
.aurora-b{animation:askayAtmosB 28s ease-in-out infinite alternate}
/* Animated accent, without touching hero title typography or masking text. */
.hero .eyebrow>span{transform-origin:left;animation:askayEyebrow 4s ease-in-out infinite}
@keyframes askayEyebrow{0%,100%{transform:scaleX(.8);opacity:.7}50%{transform:scaleX(1.4);opacity:1}}
.hero h1{position:relative}
.hero-copy.visible .hero-lead{animation:askayFadeUp .78s .13s both}
.hero-copy.visible .hero-actions{animation:askayFadeUp .8s .24s both}
.hero-copy.visible .hero-meta{animation:askayFadeUp .85s .32s both}
@keyframes askayFadeUp{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
/* Premium hover lighting that does not distort the cards or product images. */
.hero-tile,.project-card,.feature-card,.detail-card,.closing-card{isolation:isolate}
.hero-tile::after,.project-card::before,.detail-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(360px circle at var(--askay-x,50%) var(--askay-y,45%),rgba(170,205,255,.12),transparent 70%);transition:opacity .35s ease}
.hero-tile:hover::after,.hero-tile:focus-visible::after,.project-card:hover::before,.project-card:focus-within::before,.detail-card:hover::before{opacity:1}
/* Preserve original art and z-order even when the card gains a highlight. */
.project-card>.project-top,.project-card>.project-visual,.project-card>.project-copy{position:relative;z-index:1}
.hero-tile>img,.hero-tile>span,.hero-tile>small,.detail-card>*{position:relative;z-index:1}
.detail-card{position:relative}
.project-card,.detail-card{transition:border-color .35s ease,box-shadow .4s ease,background-color .35s ease}
.project-card:hover,.project-card:focus-within{border-color:rgba(154,203,238,.25);box-shadow:0 36px 75px rgba(0,0,0,.35),0 0 40px rgba(79,139,188,.065)}
.detail-card:hover{border-color:rgba(140,183,240,.23);box-shadow:0 15px 55px rgba(35,95,155,.12)}
/* Hover sweep in buttons; doesn't interfere with old logos or children. */
.button,.header-connect,.store-row a{position:relative;isolation:isolate;overflow:hidden}
.button::after,.header-connect::after,.store-row a::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.2) 49%,transparent 68%);transform:translateX(-125%);transition:transform .65s ease}
.button:hover::after,.button:focus-visible::after,.header-connect:hover::after,.store-row a:hover::after{transform:translateX(125%)}
.ticker:hover .ticker-track{animation-play-state:paused}
/* Existing stages light up subtly when a card is interacted with. */
.phase-track .active{transition:box-shadow .4s ease,filter .4s ease}
.feature-card:hover .phase-track .active,.project-card:hover .phase-track .active{filter:brightness(1.12);box-shadow:inset 0 0 18px rgba(111,199,166,.095),0 0 14px rgba(111,199,166,.055)}
/* Reveal for future CMS cards and detail elements (not only initial document). */
.askay-motion-reveal{opacity:0;translate:0 22px;transition:opacity var(--askay-motion-ms) ease,translate var(--askay-motion-ms) var(--askay-motion-ease)}
.askay-motion-reveal.askay-motion-shown{opacity:1;translate:0 0}
/* Viki glow / connect mock: ambient only. Never scale images or change object-fit. */
@keyframes askayBreath{0%,100%{opacity:.12;transform:scale(.97)}50%{opacity:.21;transform:scale(1.07)}}
.feature-art .art-glow{animation:askayBreath 7s ease-in-out infinite}
@keyframes askayWindowGlow{0%,100%{box-shadow:0 45px 110px rgba(0,0,0,.5),0 0 80px rgba(42,98,255,.08)}50%{box-shadow:0 45px 110px rgba(0,0,0,.5),0 0 90px rgba(65,128,255,.17)}}
.mock-window{animation:askayWindowGlow 8s ease-in-out infinite}
@keyframes askayLive{0%,100%{box-shadow:0 0 0 4px rgba(25,207,131,.12)}50%{box-shadow:0 0 0 8px rgba(25,207,131,.035)}}
.live-dot{animation:askayLive 2.8s ease-in-out infinite}
/* Clearly delineated focus and simple mobile layout. */
a:focus-visible,button:focus-visible{outline:2px solid #a1dfdd;outline-offset:4px}
@media(max-width:760px){
 .askay-scroll-progress{height:2px}
 .hero-tile::after,.project-card::before,.detail-card::before{display:none}
 .hero-showcase{scroll-padding-right:14px}
 .aurora-a,.aurora-b{animation-duration:32s}
}
@media(prefers-reduced-motion:reduce){
 .askay-scroll-progress{transition:none!important}
 .askay-motion-reveal{opacity:1!important;translate:none!important;transition:none!important}
 .aurora-a,.aurora-b,.hero .eyebrow>span,.feature-art .art-glow,.mock-window,.live-dot,
 .hero-copy.visible .hero-lead,.hero-copy.visible .hero-actions,.hero-copy.visible .hero-meta{animation:none!important;translate:none!important}
 .button::after,.header-connect::after,.store-row a::after,.hero-tile::after,.project-card::before,.detail-card::before{display:none!important}
}
/* Admin 'Hareketleri göster' toggle always takes precedence. */
body.cms-reduced-motion .askay-motion-reveal{opacity:1!important;translate:none!important;transition:none!important}
body.cms-reduced-motion .aurora-a,body.cms-reduced-motion .aurora-b,
body.cms-reduced-motion .hero .eyebrow>span,body.cms-reduced-motion .feature-art .art-glow,
body.cms-reduced-motion .mock-window,body.cms-reduced-motion .live-dot,
body.cms-reduced-motion .hero-copy.visible .hero-lead,
body.cms-reduced-motion .hero-copy.visible .hero-actions,
body.cms-reduced-motion .hero-copy.visible .hero-meta{animation:none!important;translate:none!important}
body.cms-reduced-motion .button::after,body.cms-reduced-motion .header-connect::after,
body.cms-reduced-motion .store-row a::after,body.cms-reduced-motion .hero-tile::after,
body.cms-reduced-motion .project-card::before,body.cms-reduced-motion .detail-card::before{display:none!important}