/* Cinematic split reveal + lightweight hero depth */
.opening{background:transparent;transform:none!important;opacity:1!important;transition:none}.openingPanel{position:absolute;z-index:-2;top:0;bottom:0;width:50.2%;background:linear-gradient(135deg,#160e0d,#2c1318 70%,#441723);transition:transform 1.15s cubic-bezier(.76,0,.24,1);will-change:transform}.openingPanel:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(221,182,105,.65),transparent)}.openingPanelLeft{left:0}.openingPanelLeft:after{right:0}.openingPanelRight{right:0}.openingPanelRight:after{left:0}.openingBrand,.openingProgress,.openingMeta,.openingGlow{transition:opacity .38s ease,transform .5s ease}.openingBrand:before{content:"KIZILAY · ANKARA";position:absolute;left:50%;top:-10vh;transform:translateX(-50%);width:max-content;font-size:6px;letter-spacing:.45em;color:rgba(233,211,168,.35)}body.opening-finished .openingPanelLeft,.openingDone .openingPanelLeft{transform:translate3d(-100%,0,0)}body.opening-finished .openingPanelRight,.openingDone .openingPanelRight{transform:translate3d(100%,0,0)}body.opening-finished .openingBrand,body.opening-finished .openingProgress,body.opening-finished .openingMeta,body.opening-finished .openingGlow,.openingDone .openingBrand,.openingDone .openingProgress,.openingDone .openingMeta,.openingDone .openingGlow{opacity:0;transform:scale(.96)}.openingDone{pointer-events:none;visibility:hidden;transition:visibility 0s 1.2s}
.heroImage{--hero-x:0px;--hero-y:0px;--hero-pointer-y:0px;transform:translate3d(var(--hero-x),calc(var(--hero-y) + var(--hero-pointer-y)),0) scale(1.04);will-change:transform;transition:transform .18s linear,filter .6s ease}body.is-opening .heroImage{transform:translate3d(0,0,0) scale(1.16);filter:saturate(.7) brightness(.66)}body.opening-finished .heroImage{animation:hero-arrival 2.2s cubic-bezier(.2,.75,.2,1) both}.heroCopy>*{opacity:0;transform:translateY(24px)}body.opening-finished .heroCopy>*{animation:hero-copy-in .85s cubic-bezier(.2,.8,.2,1) forwards}body.opening-finished .heroCopy>:nth-child(1){animation-delay:.3s}body.opening-finished .heroCopy>:nth-child(2){animation-delay:.42s}body.opening-finished .heroCopy>:nth-child(3){animation-delay:.57s}body.opening-finished .heroCopy>:nth-child(4){animation-delay:.7s}.topbar{transform:translateY(-18px);opacity:0}body.opening-finished .topbar{animation:nav-arrival .8s .65s ease forwards}.heroMeta{opacity:0}body.opening-finished .heroMeta{animation:meta-arrival .8s .85s ease forwards}@keyframes hero-arrival{from{transform:translate3d(0,0,0) scale(1.16);filter:saturate(.7) brightness(.66)}to{transform:translate3d(var(--hero-x),calc(var(--hero-y) + var(--hero-pointer-y)),0) scale(1.04);filter:saturate(.92) contrast(1.04)}}@keyframes hero-copy-in{to{opacity:1;transform:none}}@keyframes nav-arrival{to{opacity:1;transform:none}}@keyframes meta-arrival{to{opacity:1}}@media(max-width:900px){.heroImage{will-change:auto}.openingBrand:before{top:-8vh}.heroCopy>*{transform:translateY(14px)}}@media(prefers-reduced-motion:reduce){.openingPanel{transition:opacity .2s}.openingPanelLeft,.openingPanelRight{transform:none!important}body.opening-finished .openingPanel,.openingDone .openingPanel{opacity:0}.heroImage,body.is-opening .heroImage,body.opening-finished .heroImage{animation:none;transform:none;filter:none}.heroCopy>*,.topbar,.heroMeta{opacity:1;transform:none;animation:none!important}}
