/* 3DTechnoPub — 3D katman yerleşimi (tp3d.js ile). Renkler: tp3d-tema.css (Grafit & Filament). */
:root{--tp-zemin:#0a0f1a;--tp-yuzey:#111a2b;--tp-filament:#2f86ff;--tp-turkuaz:#38d4ff;--tp-kagit:#e8eef7}
html,body{background:var(--tp-zemin)}
/* sahne: tüm sayfa boyunca sabit tuval; okunurluk perdesi; içerik üstte. Bölümler tek sahnenin üstünde akar (ayrı arka plan/çizgi yok). */
.tp3d-tuval{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;transition:opacity .35s linear;opacity:0}
.tp3d-perde{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;
 background:linear-gradient(90deg,rgba(10,15,26,.9) 0%,rgba(10,15,26,.7) 30%,rgba(10,15,26,.18) 52%,rgba(10,15,26,0) 66%),
 linear-gradient(0deg,rgba(10,15,26,.75) 0%,rgba(10,15,26,0) 22%),linear-gradient(180deg,rgba(10,15,26,.6) 0%,rgba(10,15,26,0) 16%)}
.tp3d-canli main#main{position:relative;z-index:2}
.tp3d-canli #mx-legal-bar{z-index:5}
.opening img[src*="reference/printer"]{opacity:0!important}
.opening{background:radial-gradient(ellipse at 72% 55%,#111c30 0%,#0a0f1a 62%)}
#top .photo-credit{display:none!important}
.tp3d-canli .opening,.tp3d-canli main#main>section{background:transparent!important;background-image:none!important;border-top-color:transparent!important}
.tp3d-canli .photo-shade{display:none!important}
/* içerik blokları zaman çizelgesine bağlı (tp3d-sahne.js akisIcerik): --tpo/--tpx/--tpy/--tps her karede */
.tp3d-canli .tp3d-oge{opacity:var(--tpo,1);transform:var(--tpm,none);transform-origin:50% 50%;pointer-events:var(--tpe,auto);will-change:transform,opacity;backface-visibility:hidden}
.tp3d-adim{transform-origin:50% 50%;transition:opacity .4s}
.tp3d-olcum .tp3d-oge{transform:none!important}
/* masaüstü: metin ve görseller sol kolonda, sağ yarı 3D sahnenin (model orada çerçevelenir) */
@media (min-width:1000px){
 .tp3d-canli main#main>section:not(#top){padding-right:calc(44vw + 2vw)!important}
 .tp3d-canli .manifesto,.tp3d-canli .about,.tp3d-canli .location,.tp3d-canli .project-layout{grid-template-columns:1fr!important}
 .tp3d-canli .editorial-gallery{grid-template-columns:1fr 1fr!important}
}
/* görseller sahnede yüzen kartlar */
.tp3d-canli main .media-frame{box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px rgba(56,212,255,.14)}
.tp3d-canli .project-tabs,.tp3d-canli .cad-list a,.tp3d-canli .contact-details>div{backdrop-filter:blur(6px);background-color:rgba(10,15,26,.35)}
/* çağrı çizgileri: bölüm başlığından sahnedeki noktaya */
.tp3d-cagri{position:fixed;inset:0;width:100vw;height:100vh;z-index:3;pointer-events:none;overflow:visible}
.tp3d-cagri g{transition:opacity .2s linear}
.tp3d-cagri path{fill:none;stroke:var(--tp-turkuaz);stroke-width:1.2;stroke-dasharray:5 4;opacity:.85}
.tp3d-cagri circle{fill:var(--tp-filament)}
.tp3d-cagri .halka{fill:none;stroke:var(--tp-filament);stroke-width:1.4}
@media (max-width:820px){.tp3d-perde{background:linear-gradient(180deg,rgba(10,15,26,.55) 0%,rgba(10,15,26,.35) 30%,rgba(10,15,26,.78) 60%,rgba(10,15,26,.88) 100%)}}
/* aşama şeridi (açılışta, sağ altta): CAD → modelleme → baskı → ürün; fare X ile ilerler */
.tp3d-adim{position:fixed;right:96px;bottom:24px;z-index:4;width:min(440px,calc(100vw - 32px));pointer-events:none;display:none;
 font:500 11px/1.4 ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:.12em;color:#93a3b8;opacity:0;transition:opacity .4s}
.tp3d-canli .tp3d-adim{display:block}
.tp3d-adim.tp3d-adim-acik{opacity:1}
.tp3d-adim ol{display:flex;justify-content:space-between;gap:8px;margin:0 0 8px;padding:0;list-style:none}
.tp3d-adim li{transition:color .3s}
.tp3d-adim li b{display:block;color:#4a5a72;font-weight:600}
.tp3d-adim li.etkin{color:var(--tp-kagit)}
.tp3d-adim li.etkin b{color:var(--tp-filament)}
.tp3d-adim-cubuk{display:block;height:2px;background:#1f2a3d;overflow:hidden}
.tp3d-adim-cubuk i{display:block;height:100%;background:linear-gradient(90deg,var(--tp-turkuaz),var(--tp-filament));transform-origin:left;transform:scaleX(0)}
.tp3d-adim-alt{margin:8px 0 2px;color:var(--tp-turkuaz);min-height:1.4em;letter-spacing:.06em}
.tp3d-adim-ipucu{color:#6b7c94;letter-spacing:.08em;transition:opacity .4s}
.tp3d-adim-kaydi .tp3d-adim-ipucu{opacity:0}
@media (max-width:820px){.tp3d-adim{left:16px;right:72px;bottom:12px;width:auto;font-size:10px}.tp3d-adim-alt,.tp3d-adim-ipucu{display:none}.tp3d-adim li{display:none}.tp3d-adim li.etkin{display:block}.tp3d-adim li{font-size:9px}}
/* statik (hareketi azalt / düşük güç / WebGL yok): hafif teknik çizim */
.tp3d-statik .opening{background:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%2338d4ff' stroke-opacity='.6' stroke-width='1.4'%3E%3Cpath d='M60 300h280v-50h-60l-20-60v-45a60 60 0 0 0-120 0v45l-20 60H60z'/%3E%3Ccircle cx='200' cy='145' r='34'/%3E%3Ccircle cx='200' cy='145' r='44' stroke='%232f86ff' stroke-dasharray='5 4'/%3E%3Cpath d='M60 330h280M60 322v16M340 322v16M120 80h160M200 50v280' stroke-dasharray='2 6'/%3E%3C/g%3E%3C/svg%3E") right 6% center/min(46vw,560px) no-repeat,
 linear-gradient(90deg,#0a0f1a 30%,#111a2b)!important}
@media (prefers-reduced-motion:reduce){.tp3d-tuval{transition:none}}
/* ---- arayüz (arayuz.js + zaman çizelgesi değişkeni --tpo) ---- */
/* başlıklar: blok sahneye girerken soldan açılır, çıkarken kapanır (Text Animation kalıbı, metin bölünmeden) */
.tp3d-canli main#main>section:not(#top) h2{clip-path:inset(-12% calc(100% - min(1,var(--tpo,1)*1.5)*100%) -12% 0)}
/* görsel kartları: perspektiften düzleşerek gelir (Container Scroll kalıbı) */
.tp3d-canli #projects .media-frame,.tp3d-canli #workbench .media-frame{transform:perspective(1400px) rotateX(calc((1 - var(--tpo,1))*16deg));transform-origin:50% 100%}
/* süreç adımları: kaydırdıkça sırayla yanar + ilerleme çizgisi (Stepper kalıbı) */
.tp3d-canli .process-steps{position:relative}
.tp3d-canli .process-steps::before{content:"";position:absolute;left:0;right:0;top:-14px;height:2px;background:linear-gradient(90deg,var(--tp-turkuaz),var(--tp-filament));transform-origin:left;transform:scaleX(var(--tpo,1))}
.tp3d-canli .process-steps>div{transition:opacity .3s}
.tp3d-canli .process-steps>div:nth-child(1){opacity:clamp(.25,calc(var(--tpo,1)*3),1)}
.tp3d-canli .process-steps>div:nth-child(2){opacity:clamp(.25,calc(var(--tpo,1)*3 - 1),1)}
.tp3d-canli .process-steps>div:nth-child(3){opacity:clamp(.25,calc(var(--tpo,1)*3 - 2),1)}
/* spotlight kartlar */
.tp3d-isik{position:relative;isolation:isolate}
.tp3d-isik::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;z-index:-1;
 background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(47,134,255,.16),rgba(56,212,255,.06) 45%,transparent 70%)}
.tp3d-isik-acik::after{opacity:1}
/* cam butonlar + yay ölçeği (bağımsız `scale`, transform'la çakışmaz) */
.tp3d-dugme{scale:var(--tpb,1)}
.tp3d-canli .build-cta,.tp3d-canli .contact-actions a,.tp3d-canli .hero-project-link{backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);
 background-color:rgba(255,255,255,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 30px rgba(0,0,0,.35)}
/* erişilebilirlik: görünür klavye odağı */
.tp3d-canli a:focus-visible,.tp3d-canli button:focus-visible{outline:2px solid var(--tp-turkuaz);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.tp3d-dugme{scale:1}}
/* hareketi azalt: sahne kaydırmayla sürer; içerik kayması/eğimi yok, yalnız saydamlık */
@media (prefers-reduced-motion:reduce){
 .tp3d-canli .tp3d-oge{transform:none!important}
 .tp3d-canli #projects .media-frame,.tp3d-canli #workbench .media-frame{transform:none!important}
}

/* sade içerik: süs etiketleri ve konum bölümü kaldırıldı (CMS'e dokunulmadan) */
#location,#top .topline,#top .hero-bottom,#manifesto>.eyebrow,.section-head .meta,.gallery-portrait figcaption .meta,.gallery-landscape figcaption .meta,.gallery-square figcaption .meta,
.editorial-gallery figcaption>a,.about-signature,.contact-details>div:nth-child(3),.contact-details>div:nth-child(4),footer p{display:none!important}
