/* Zümer preloader — Kesit (30 Eki): logo kurulur (yazı soldan açılır, üçgenler dik köşelerinden bükülür, paslanmaz parlaması);
   ardından üçgenler kendi köşelerinden büyüyüp ekranı doldurur (sol üst logodaki gri, sağ alt kırmızı), aradan beyaz kesik geçer,
   iki yarı çapraz kayarak sayfayı ortadan açar */
.z-pre{position:fixed;inset:0;z-index:99999;background:#fff;overflow:hidden;--gx:62%;--gy:45%;--rx:80%;--ry:55%;--ang:-30deg;--he:cubic-bezier(.7,0,.2,1);--bk:cubic-bezier(.3,1.5,.5,1);animation:zpKill .3s 4s forwards}
html:has(.z-pre){overflow:hidden}
.z-pre .zp-logo{position:absolute;left:50%;top:50%;width:min(64vw,400px);transform:translate(-50%,-50%);z-index:1}
.z-pre svg{display:block;width:100%;height:auto;overflow:visible}
.z-pre .wm{animation:zpWm .4s var(--he) .05s both}
.z-pre .tg,.z-pre .tr{transform-box:fill-box}
.z-pre .tg{transform-origin:0 0;animation:zpFold .35s var(--bk) .25s both}
.z-pre .tr{transform-origin:100% 100%;animation:zpFold .35s var(--bk) .35s both}
.z-pre .zp-shine{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.z-pre .zp-shine::after{content:"";position:absolute;top:-20%;bottom:-20%;width:18%;left:-30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);animation:zpShine .45s ease-in-out .4s forwards}
.z-pre .zp-h{position:absolute;inset:0;z-index:2;transform:scale(0)}
.z-pre .zp-g{background:#878787;clip-path:polygon(0 0,100% 0,0 100%);transform-origin:var(--gx) var(--gy)}
.z-pre .zp-r{background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%);transform-origin:var(--rx) var(--ry)}
.z-pre .zp-cut{position:absolute;left:50%;top:50%;width:0;height:3px;background:#fff;z-index:3;transform:translate(-50%,-50%) rotate(var(--ang))}
/* çıkış */
.z-pre.is-out{animation:zpClear 0s .55s forwards}
.z-pre.is-out .zp-g{animation:zpGrow .36s var(--he) both,zpTL .5s var(--he) .58s forwards}
.z-pre.is-out .zp-r{animation:zpGrow .36s var(--he) .04s both,zpBR .5s var(--he) .58s forwards}
.z-pre.is-out .zp-cut{animation:zpCut .22s var(--he) .34s forwards,zpFade .1s .58s forwards}
.z-pre.is-out .zp-logo{animation:zpFade .01s .4s forwards}
/* hareketi azalt: animasyonsuz kısa solma */
@media (prefers-reduced-motion:reduce){
	.z-pre .wm,.z-pre .tg,.z-pre .tr,.z-pre .zp-shine::after{animation:none}
	.z-pre.is-out{animation:zpFade .25s forwards}
	.z-pre.is-out .zp-h,.z-pre.is-out .zp-cut,.z-pre.is-out .zp-logo{animation:none}
}
@keyframes zpWm{from{clip-path:inset(0 100% 0 0) fill-box}to{clip-path:inset(0 0 0 0) fill-box}}
@keyframes zpFold{from{transform:scale(0)}to{transform:none}}
@keyframes zpShine{to{left:115%}}
@keyframes zpGrow{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes zpTL{from{transform:none}to{transform:translate(-100%,-100%)}}
@keyframes zpBR{from{transform:none}to{transform:translate(100%,100%)}}
@keyframes zpCut{to{width:170%}}
@keyframes zpClear{to{background:transparent}}
@keyframes zpFade{to{opacity:0}}
@keyframes zpKill{to{visibility:hidden;opacity:0}}