/* EnoLog — a world unfolding. Scoped so every interior page stays independent. */
.motion-story{position:relative;height:190svh;min-height:1450px;background:#08090d;isolation:isolate}
.motion-story .motion-hero{height:100svh;min-height:720px;max-height:none;position:sticky;top:0;overflow:hidden;background:#08090d;--hero-exit:0;--world-enter:0}
.motion-hero .light-sculpture,.motion-hero .hero-noise{display:none}
.motion-hero>.wrap{z-index:2;pointer-events:none}
.motion-hero>.wrap a,.motion-hero>.wrap button{pointer-events:auto}
.motion-hero .hero-center{opacity:calc(1 - var(--hero-exit));transform:translate3d(0,calc(var(--hero-exit) * -100px),0) scale(calc(1 - var(--hero-exit) * .055));will-change:transform,opacity}
.motion-hero .hero-center[inert]{pointer-events:none;visibility:hidden}
.motion-hero .hero-center h1,.motion-hero .hero-center p,.motion-hero .hero-center .btn{animation:none}
.motion-hero .hero-center{margin-top:clamp(38px,6.6svh,85px)}
.motion-hero .hero-center h1{font-size:clamp(3.7rem,6.6vw,6.1rem)}
.motion-hero .hero-meta{padding-top:132px}
.motion-hero .hero-baseline{opacity:calc(1 - var(--hero-exit));padding-bottom:32px}
.world-scroll-target{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.world-visual{position:absolute;inset:0;pointer-events:none;z-index:0}
.world-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}
.world-nebula{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 67%,#552e6d20 0,transparent 48%),radial-gradient(ellipse at 30% 92%,#a6463120 0,transparent 45%)}
.world-vignette{position:absolute;inset:0;background:linear-gradient(#08090d00 75%,#08090d85);pointer-events:none}
.world-narrative{position:absolute;z-index:3;top:42%;left:max(50px,calc((100vw - 1280px)/2));max-width:440px;width:34%;opacity:var(--world-enter);transform:translate3d(0,calc((1 - var(--world-enter)) * 50px),0);will-change:transform,opacity}
.world-narrative[aria-hidden=true]{visibility:hidden;pointer-events:none}
.world-eyebrow{font-size:.56rem;letter-spacing:.18em;color:#c3a7df;display:block;margin-bottom:25px}
.world-narrative h2{font-size:clamp(2.3rem,3.65vw,3.7rem);letter-spacing:-.055em;line-height:1.09;margin:0 0 22px;font-weight:500;color:#f4f1f9}
.world-narrative p{font-size:.9rem;line-height:1.8;max-width:320px;color:#aaa0ba;margin:0 0 28px}
.world-link{display:inline-flex;align-items:center;gap:27px;font-size:.76rem;color:#e8d8f9;border-bottom:1px solid #b99acf59;padding-bottom:9px}
.world-link:hover{color:#ffbb8d;border-color:#ffbb8d}
.world-link span{font-size:1.15rem}
.world-coordinate{position:absolute;z-index:3;bottom:11%;left:69.7%;transform:translateX(-50%);white-space:nowrap;font-size:.51rem;letter-spacing:.14em;color:#a396b6;opacity:var(--world-enter)}
.world-location-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ffbd8c;margin-right:10px;box-shadow:0 0 12px #ff9a61}
.world-motion-control{position:absolute;z-index:4;right:max(35px,calc((100vw - 1310px)/2));bottom:24px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff28;border-radius:50%;color:#bdb0cf;background:#13111aa3;cursor:pointer;backdrop-filter:blur(10px);transition:color .2s,border-color .2s}
.world-motion-control:hover{color:#fff;border-color:#ffffff70}
.world-motion-control svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.motion-hero .hero-baseline>span:last-child{margin-right:45px}
.world-motion-control:focus-visible,.intro-skip:focus-visible,.world-link:focus-visible{outline:2px solid #ffba89;outline-offset:5px}
.enolog-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#08090d;pointer-events:none;animation:intro-depart 1.8s both;overflow:hidden}
.intro-atmosphere{position:absolute;width:90vmax;height:90vmax;left:50%;top:50%;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#8650b532 0,#57375e15 34%,transparent 63%);transform:translate(-50%,-45%);animation:intro-atmosphere 1.7s ease-out both}
.intro-signature{position:relative;text-align:center;padding:50px 30px}
.intro-mark{position:relative;display:block;width:108px;height:138px;overflow:hidden;margin:0 auto 27px;animation:intro-letter 1s cubic-bezier(.16,1,.3,1) both}.intro-mark img{position:absolute;top:50%;left:50%;width:300px;height:300px;max-width:none;transform:translate(-50%,-50%);object-fit:contain}
.intro-word{display:flex;align-items:baseline;justify-content:center;font-size:clamp(2.75rem,5vw,4.35rem);font-weight:600;letter-spacing:-.065em;line-height:1;color:#f5f0fa}
.intro-word>span{display:block;animation:intro-letter .85s cubic-bezier(.16,1,.3,1) both}
.intro-word>span:nth-child(2){animation-delay:.1s;color:#b197d2}
.intro-word i{font-size:.12em;align-self:flex-start;margin:12px 0 0 17px;letter-spacing:0;font-style:normal;color:#9889a9;animation:intro-letter .7s .18s both}
.intro-caption{display:block;margin-top:32px;font-size:.53rem;letter-spacing:.26em;color:#b1a5bc;animation:intro-letter .8s .2s both}
.intro-skip{position:absolute;bottom:34px;right:40px;border:1px solid #ffffff2c;color:#b8a8c9;background:#ffffff06;border-radius:30px;cursor:pointer;padding:10px 17px;font:inherit;font-size:.65rem;pointer-events:auto;display:flex;gap:25px;align-items:center}
@keyframes intro-letter{from{opacity:0;transform:translateY(30px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes intro-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes intro-atmosphere{from{opacity:0;scale:.8}to{opacity:1;scale:1.12}}
@keyframes intro-depart{0%,71%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(min-width:1600px){.motion-hero .hero-center{margin-top:8svh}.motion-hero .hero-center h1{font-size:7rem}}
@media(max-width:1000px){.world-narrative{left:30px;width:35%}.world-narrative h2{font-size:2.7rem}.world-narrative p{font-size:.82rem}.motion-hero .hero-center h1{font-size:clamp(3.6rem,7.8vw,5.5rem)}}
@media(max-height:800px) and (min-width:701px){.motion-hero .hero-meta{padding-top:112px}.motion-hero .hero-center{margin-top:29px}.motion-hero .micro-label{margin-bottom:20px}.motion-hero .hero-center h1{font-size:clamp(3.5rem,6.1vw,5.3rem);margin-bottom:20px}.motion-hero .hero-center p{font-size:.84rem;margin-bottom:22px}}
@media(max-width:700px){
  .motion-story{height:185svh;min-height:1295px}
  .motion-story .motion-hero{height:100svh;min-height:700px}
  .motion-hero .hero-meta{padding-top:111px}
  .motion-hero .hero-center{margin-top:45px}
  .motion-hero .hero-center h1{font-size:clamp(2.75rem,9.8vw,4.2rem)}
  html[lang=tr] .motion-hero .hero-center h1{font-size:clamp(1.85rem,7.6vw,3.25rem)}
  .motion-hero .hero-baseline{padding-bottom:27px;font-size:.42rem}
  .motion-hero .hero-baseline>span:last-child{margin-right:36px}
  .world-narrative{left:25px;right:25px;top:18.5%;width:auto;max-width:none;text-align:center}
  .world-eyebrow{font-size:.45rem;letter-spacing:.14em;margin-bottom:19px}
  .world-narrative h2{font-size:clamp(2rem,8vw,3rem);margin-bottom:15px}
  .world-narrative p{font-size:.77rem;max-width:290px;margin:0 auto 15px;line-height:1.65}
  .world-link{font-size:.66rem;gap:20px;padding-bottom:5px}
  .world-coordinate{left:50%;bottom:12%;font-size:.42rem;letter-spacing:.1em}
  .world-motion-control{right:20px;bottom:20px;width:29px;height:29px}
  .intro-caption{font-size:.43rem;letter-spacing:.17em}
  .intro-skip{bottom:25px;right:25px}
}
/* Reduced motion keeps the hero and every story accessible in normal document flow. */
.motion-story.motion-reduced{height:auto;min-height:0}
.motion-reduced .motion-hero{position:relative;height:auto;min-height:0;overflow:hidden;padding-bottom:65px}
.motion-reduced .motion-hero>.wrap{min-height:760px}
.motion-reduced .hero-center{opacity:1;transform:none}
.motion-reduced .world-visual{height:760px}
.motion-reduced .world-narrative{position:relative;inset:auto;transform:none;opacity:1;text-align:center;margin:15px auto 0;width:calc(100% - 50px);max-width:600px}
.motion-reduced .world-narrative p{margin-left:auto;margin-right:auto}
.motion-reduced .world-coordinate{position:relative;inset:auto;transform:none;text-align:center;margin:35px 0 0;opacity:1}
.motion-reduced .world-motion-control{display:none}
@media(prefers-reduced-motion:reduce){.enolog-intro{display:none!important}.motion-hero .hero-center,.world-narrative{will-change:auto}}
/* Keep the glass navigation available while the homepage world unfolds. */
body:has(.motion-story) #app>.wrap:first-child{position:fixed}