/* 3D GİRİŞ — sabitlenmiş bölüm: Arlen → slogan → hizmetler → ekip videosu */
.i3d{position:relative;height:500vh;height:500svh;background:#050505;color:#fff}
.i3d-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.i3d-stick .hero{position:absolute;inset:0;height:100%;min-height:0;z-index:1}
.i3d:not(.hero-live) .hero .hero-in,.i3d:not(.hero-live) .hero .ctrl{visibility:hidden}
.i3d-layer{position:absolute;inset:0;z-index:2;background:#050505;will-change:opacity}
.i3d-layer::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(0,0,0,.55))}
.i3d-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.i3d-fb{position:absolute;inset:0;background:#050505 url(fallback.jpg) center/cover no-repeat;display:none}
.i3d.no-gl .i3d-fb{display:block}.i3d.no-gl .i3d-cv{display:none}
.i3d-brand{position:absolute;z-index:3;left:50%;bottom:calc(var(--pad) * .5);transform:translate(calc(-50% + .024em),0);white-space:nowrap;font-weight:800;font-size:24vw;line-height:.8;padding-top:.04em;padding-right:.06em;letter-spacing:-.06em;color:#fff;pointer-events:none;user-select:none;will-change:transform,opacity}
.i3d-brand::before{content:attr(data-i3d-name)}
.i3d-slogan{position:absolute;z-index:3;left:var(--pad);right:var(--pad);top:50%;translate:0 -50%;font-size:clamp(46px,8.6vw,150px);line-height:.95;letter-spacing:-.055em;font-weight:800;pointer-events:none;visibility:hidden}
.i3d-slogan span{display:block;opacity:0;will-change:transform,opacity}
.i3d-slogan .r{color:var(--red)}
.i3d-svc{position:absolute;z-index:3;left:var(--pad);top:50%;translate:0 -50%;pointer-events:none}
.i3d-svc-lab{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:22px;opacity:0}
.i3d-svc-lab::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
.i3d-svc ol{list-style:none;font-size:clamp(38px,5.6vw,98px);line-height:1.04;letter-spacing:-.05em;font-weight:800}
.i3d-svc li{display:flex;align-items:baseline;gap:.35em;opacity:0;will-change:transform,opacity}
.i3d-svc em{font-style:normal;font-size:.22em;letter-spacing:0;font-weight:600;color:var(--red);font-variant-numeric:tabular-nums;transform:translateY(-1.6em)}
.i3d-hint{position:absolute;z-index:3;text-shadow:0 1px 12px #000;right:var(--pad);bottom:calc(var(--bh,19vw) + var(--pad) * .5 + 18px);display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.i3d-hint i{position:relative;width:1px;height:38px;background:rgba(255,255,255,.25);overflow:hidden}
.i3d-hint i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--red);animation:i3dHint 1.8s cubic-bezier(.6,0,.3,1) infinite}
@keyframes i3dHint{to{top:100%}}
.wa-float{transition:opacity .3s,transform .3s}
body.in-intro .wa-float{opacity:0;transform:translateY(12px);pointer-events:none}
@media (max-width:960px){
  .i3d-hint{font-size:12px}
  .i3d-svc{top:34%}
  .i3d-slogan{top:46%}
}
@media (prefers-reduced-motion:reduce){.i3d-hint i::after{animation:none;top:30%}}

@media (max-width: 768px) {
  .i3d { height: auto !important; background: #111; }
  .i3d-stick { position: relative !important; height: auto !important; overflow: hidden; }
  .i3d-stick .hero { position: relative; inset: auto; height: auto; min-height: calc(100svh - 68px); }
  .i3d-layer, .i3d-brand, .i3d-slogan, .i3d-svc, .i3d-hint, .i3d-cv, .i3d-fb { display: none !important; }
  .i3d:not(.hero-live) .hero .hero-in,
  .i3d:not(.hero-live) .hero .ctrl { visibility: visible !important; }
}

/* homepage simple hero: no 500vh pin */
.i3d.i3d-simple{height:100vh!important;height:100svh!important;min-height:100vh!important;min-height:100svh!important}
.i3d.i3d-simple .i3d-stick{position:relative!important;height:100vh!important;height:100svh!important;overflow:hidden}
.i3d.i3d-simple .i3d-layer,.i3d.i3d-simple .i3d-brand,.i3d.i3d-simple .i3d-slogan,.i3d.i3d-simple .i3d-svc,.i3d.i3d-simple .i3d-hint{display:none!important}
.i3d.i3d-simple:not(.hero-live) .hero .hero-in,
.i3d.i3d-simple:not(.hero-live) .hero .ctrl{visibility:visible!important}