/* Yalnızca giriş sırası. JS olmadığında içerik görünür kalır. */
#koiCanvas{opacity:calc(var(--koi-depth,.6) * var(--koi-fade,1) * var(--koi-arrival,0))}
#petalLayer{position:fixed;inset:0;z-index:50;pointer-events:none}
html.intro-prep #petalLayer{opacity:0}
html.intro-prep .hero-name-inline,
html.intro-prep .hero-portrait,
html.intro-prep .hero-role .accent,
html.intro-prep .pond-nav a,
html.intro-prep .pn-head,
html.intro-prep .name-reflect{visibility:hidden}
html.intro-prep .hero .work-perspective-bg{opacity:0}
html.intro-prep #koiCanvas,html.intro-running #koiCanvas,
html.intro-prep #ripples,html.intro-running #ripples,
html.intro-prep #godrays,html.intro-running #godrays{visibility:hidden!important}
@media(max-width:760px){
 /* 4vh kuralı ukiyo-e sahnesini neredeyse tek çizgiye indiriyordu. */
 body:has(.hero-pond) #koiTrack{height:clamp(260px,44svh,420px)!important}
 #koiEnd{height:100svh!important}
 .koi-stage-bg{inset:0}
 .koi-stage-bg img{object-position:50% 50%;opacity:.7}
 .koi-stage-bg::after{background:radial-gradient(ellipse at center,transparent 35%,rgba(14,13,11,.4) 100%)}
}
@media(prefers-reduced-motion:reduce){
 html.intro-prep .hero-name-inline,html.intro-prep .hero-portrait,
 html.intro-prep .hero-role .accent,html.intro-prep .pond-nav a,
 html.intro-prep .pn-head,html.intro-prep .name-reflect{visibility:visible}
 html.intro-prep .hero .work-perspective-bg{opacity:1}
}