/* Affect Evreni: açılış sahnesi. Metin ve bağlantılar animasyondan bağımsız HTML'dir. */
.evren-sayfa{background:#000}
.evren-sayfa .header{position:absolute;z-index:6;top:0;left:0;right:0;margin-inline:auto;border-bottom:0;color:#fff}
.evren-sayfa .header nav a{color:#fff}
.evren-sayfa .header .header-cta{background:transparent;border-color:#ffffff80;color:#fff;box-shadow:none}
.evren-sayfa .header .header-cta:hover{background:#fff;color:#000}
.evren-sayfa .menu-toggle{color:#fff;border-color:#ffffff66;background:transparent}
.evren{position:relative;background:#000;color:#fff}
.evren-sahne{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:#000;isolation:isolate;--ilerleme:0}
.evren-kure{position:absolute;z-index:0;left:73%;top:50%;width:min(100vh,68vw);height:min(100vh,68vw);max-width:none;transform:translate(-50%,-50%);pointer-events:none;user-select:none}
.evren-tuval{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .7s linear}
.evren-tuval.hazir{opacity:1}
.evren-perde{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,#000 0,#000000eb 32%,#00000080 46%,#0000 58%)}
.evren-metin{position:absolute;z-index:4;left:0;right:0;top:50%;margin-inline:auto;transform:translateY(-50%);pointer-events:none}
.evren-metin>*{pointer-events:auto;max-width:min(49vw,720px)}
.evren-metin .eyebrow{color:#ffffffc7;margin-bottom:22px}
.evren-metin h1{margin:0;color:#fff;font-size:clamp(32px,min(4.35vw,7.6vh),76px);line-height:1.04;letter-spacing:-.035em;font-weight:620}
.evren-metin h1 .blue{color:#6d86ff;background:none;animation:none;-webkit-background-clip:initial;background-clip:initial}
.evren-alt{margin:24px 0 30px;color:#ffffffd9;font-size:clamp(15px,1.25vw,18px);line-height:1.6;max-width:min(44vw,560px)}
.evren-butonlar{display:flex;flex-wrap:wrap;gap:12px}
.evren-butonlar .button{gap:18px;padding:17px 24px;font-size:14px}
.evren-butonlar .ikincil{background:transparent;border-color:#ffffff80;color:#fff;box-shadow:none}
.evren-butonlar .ikincil:hover{background:#fff;color:#000}
.evren :focus-visible{outline:2px solid #fff;outline-offset:3px}
.evren-katmanlar{position:absolute;z-index:3;inset:0;perspective:1100px;pointer-events:none}
.evren-pano{position:absolute;left:var(--x);top:var(--y);width:var(--g);display:block;color:#fff;pointer-events:auto;transform-style:preserve-3d;will-change:transform,opacity;transform:rotateY(var(--ry));backface-visibility:hidden}
.evren-pano img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;filter:grayscale(1) brightness(.66) contrast(1.08);background:#050814;border:1px solid #7e94ff73;box-shadow:0 0 44px #284aff40;transition:border-color .25s,filter .25s}
.evren-pano:after{content:'';position:absolute;left:0;right:0;top:0;aspect-ratio:16/10;background:linear-gradient(150deg,#284aff3d,#00000040 70%);pointer-events:none;transition:opacity .25s}
.evren-pano:hover img,.evren-pano:focus-visible img{border-color:#fff;filter:grayscale(1) brightness(1)}
.evren-pano:hover:after,.evren-pano:focus-visible:after{opacity:.35}
.evren-pano span{display:block;margin-top:9px;font-size:12px;line-height:1.3;letter-spacing:.02em;color:#ffffffeb;text-shadow:0 0 8px #000,0 0 2px #000}
.evren-pano span b{font-weight:600;color:#fff}
.evren-seridi{position:absolute;z-index:4;left:0;right:0;bottom:22px;margin-inline:auto;display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:14px;border-top:1px solid #ffffff38;font-size:12px;color:#ffffffc7}
.evren-seridi{justify-content:flex-start;gap:clamp(40px,24vw,420px)}.evren-seridi span:first-child{letter-spacing:.14em}
/* Sonraki içerik beyaz bir yaprak olarak sahnenin üstüne biner; kaydırma doğaldır. */
.evren-kure{-webkit-mask-image:radial-gradient(closest-side,#000 84%,#0000);mask-image:radial-gradient(closest-side,#000 84%,#0000)}
.evren-ustte .mobile-contact{opacity:0;pointer-events:none;visibility:hidden}
.evren-sonra{position:relative;z-index:5;background:#fff;color:#000}
.evren-js .evren-kure{transition:opacity .7s linear}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .evren-js:not(.evren-sabit) .evren{height:200vh;height:200svh}
 .evren-js:not(.evren-sabit) .evren-sahne{position:sticky;top:0}
 .evren-js:not(.evren-sabit) .evren-sonra{margin-top:-50vh;margin-top:-50svh;border-radius:44px 44px 0 0}
}
@media(max-width:1100px) and (min-width:761px){.evren-metin h1{font-size:clamp(32px,5vw,60px)}.evren-seridi{font-size:11px}}
@media(max-width:760px){
 .evren-sayfa .header nav a{color:#000}
 .evren-sahne{height:auto;min-height:100vh;min-height:100svh;padding:96px 0 0;display:flex;flex-direction:column}
 .evren-kure{left:50%;top:auto;bottom:-8vw;width:122vw;height:122vw;transform:translateX(-50%)}
 .evren-perde{background:linear-gradient(180deg,#000 0,#000000f2 48%,#0000 62%)}
 .evren-metin{position:relative;top:auto;transform:none;width:calc(100% - 36px)}
 .evren-metin>*{max-width:none}
 .evren-metin .eyebrow{font-size:10px;margin-bottom:14px}
 .evren-metin h1{font-size:clamp(28px,8.5vw,44px)}
 .evren-alt{font-size:15px;margin:14px 0 20px;max-width:none}
 .evren-butonlar{gap:8px;flex-wrap:nowrap}.evren-butonlar .button{padding:14px 14px;font-size:12.5px;gap:6px;white-space:nowrap;flex:1 1 auto}.evren-butonlar .button span{font-size:16px}
 .evren-katmanlar{position:relative;inset:auto;flex:1;min-height:104vw;perspective:800px}
 .evren-pano{left:var(--mx);top:var(--my);width:var(--mg)}
 .evren-pano span{font-size:11px;margin-top:5px}
 .evren-pano.masaustu{display:none}
 .evren-seridi{display:none}
 .evren-sonra{border-radius:28px 28px 0 0;margin-top:-28px}
}
@media(prefers-reduced-motion:reduce){.evren-tuval{display:none}.evren-pano{will-change:auto}}
@media(max-width:380px){.evren-butonlar{flex-wrap:wrap}.evren-butonlar .button{flex:0 1 auto}.evren-sayfa .header .header-cta{white-space:nowrap;gap:6px;padding:9px 10px}.evren-sayfa .header .header-cta span{display:none}}