/* =====================================================================
   TEST SAYFASI MİMARLIK — derlenmiş stil dosyası
   OTOMATİK ÜRETİLDİ. Düzenlemek için assets/css/parts/*.css dosyalarını
   değiştirip `python build-css.py` komutunu çalıştırın.
   ===================================================================== */

/* ==== 01-base.css ==== */
/* ---- Hareket azaltma (erişilebilirlik): kullanıcı tercih ederse
   tüm geçiş/animasyonları ortadan kaldır, sayfa statik ve okunabilir kalır ---- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
  .reveal, [data-rv], [data-split] { opacity: 1 !important; transform: none !important; }
  .loader, #akTransition { animation: none !important; }
  .day-cursor-hint, .phero-scroll span { animation: none !important; }
}

/* ---- Hareketsiz cihazlarda 3D yerine fallback gösterilir
   (JS .no-webgl ekler; burada güvenli fallback kuralı) ---- */

/* ============================================================
   01 — TASARIM SİSTEMİ / TOKENS
   Test Sayfası Mimarlık. Mimari, sinematik, premium.
   Renk: derin grafit + kireç beyazı + mimari altın (bronz).
   Neon YOK. Gereksiz gradient YOK. Her token bir amaca hizmet eder.
   ============================================================ */
:root{
  /* Yüzeyler — beton/grafit skalası */
  --bg:#0b0e12;
  --bg-2:#0e1218;
  --bg-3:#12171e;
  --pnl:#151b23;
  --pnl-2:#1a212a;
  --line:rgba(233,229,221,.10);
  --line-2:rgba(233,229,221,.06);
  --line-3:rgba(233,229,221,.18);

  /* Metin — kireç beyazı skalası */
  --tx:#e9e5dd;
  --tx-2:#b9b5ad;
  --tx-3:#8b8880;
  --tx-4:#5f5d58;

  /* Mimari altın (bronz) — tek vurgu rengi */
  --gold:#c8a86b;
  --gold-2:#d9bd83;
  --gold-3:#a98a52;
  --gold-dim:rgba(200,168,107,.14);
  --gold-line:rgba(200,168,107,.30);
  --gold-glow:rgba(200,168,107,.07);

  /* Destek: mimari mavi-gri (teknik çizim) */
  --blue:#8fa8bd;
  --blue-dim:rgba(143,168,189,.12);

  /* Durum */
  --ok:#7fb08a;
  --warn:#d2a55f;
  --err:#d4756c;

  /* Tipografi */
  --ff:"Inter","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --ff-d:"Georgia","Times New Roman",serif;      /* display / serif başlık */
  --ff-m:"SFMono-Regular",Consolas,"Liberation Mono",monospace;

  /* Ölçek — akıcı (clamp) */
  --t-hero:clamp(2.5rem,7.2vw,6.4rem);
  --t-h1:clamp(2.1rem,5vw,4.2rem);
  --t-h2:clamp(1.65rem,3.4vw,2.9rem);
  --t-h3:clamp(1.2rem,1.9vw,1.6rem);
  --t-lg:clamp(1.02rem,1.25vw,1.18rem);
  --t-bd:clamp(.95rem,1vw,1.02rem);
  --t-sm:.875rem;
  --t-xs:.75rem;

  /* Ritim */
  --sp:clamp(3.5rem,7vw,8rem);      /* bölüm dikey boşluğu */
  --gut:clamp(1.15rem,3vw,2.5rem);  /* kenar boşluğu */
  --max:1340px;
  --max-n:1140px;                    /* dar okuma genişliği */
  --rad:3px;                         /* mimari: keskin köşe */
  --rad-2:2px;

  /* Hareket */
  --e:cubic-bezier(.22,.61,.36,1);
  --e-io:cubic-bezier(.65,.05,.36,1);
  --e-out:cubic-bezier(.16,1,.3,1);
  --d:.55s;
  --d-2:.9s;

  --hdr-h:78px;
}

/* Açık tema — mimari maket / plan görünümü */
html.light{
  --bg:#f5f3ef; --bg-2:#efece6; --bg-3:#e8e4dc;
  --pnl:#fffefb; --pnl-2:#f7f5f0;
  --line:rgba(24,26,30,.12); --line-2:rgba(24,26,30,.07); --line-3:rgba(24,26,30,.20);
  --tx:#181a1e; --tx-2:#4a4d53; --tx-3:#6e7278; --tx-4:#9a9da2;
  --gold:#9a7a3f; --gold-2:#b08f4f; --gold-3:#836629;
  --gold-dim:rgba(154,122,63,.10); --gold-line:rgba(154,122,63,.28); --gold-glow:rgba(154,122,63,.06);
  --blue:#5b7288; --blue-dim:rgba(91,114,136,.10);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html.lenis{scroll-behavior:auto}
body{
  margin:0;background:var(--bg);color:var(--tx);
  font:400 var(--t-bd)/1.72 var(--ff);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
  transition:background .5s var(--e),color .5s var(--e);
}
body.lock{overflow:hidden}

img,svg,video,canvas{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5{margin:0;font-weight:500;letter-spacing:-.015em;line-height:1.12}
p{margin:0}
::selection{background:var(--gold);color:#0b0e12}

/* Erişilebilirlik */
.skip{position:fixed;top:-100px;left:12px;z-index:9999;background:var(--gold);color:#0b0e12;
  padding:12px 18px;border-radius:var(--rad);font-size:var(--t-sm);font-weight:600;transition:top .25s}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* Yerleşim */
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.wrap-n{width:100%;max-width:var(--max-n);margin:0 auto;padding:0 var(--gut)}
.sec{position:relative;padding:var(--sp) 0}
.sec-line{border-top:1px solid var(--line-2)}
.sec-alt{background:var(--bg-2)}
.sec-deep{background:var(--bg-3)}

/* Mimari ızgara arka planı (dekor değil: plan kağıdı hissi) */
.grid-bg{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--line-2) 1px,transparent 1px),
                   linear-gradient(90deg,var(--line-2) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 78%)}

/* Bölüm başlığı */
.sechead{max-width:820px;margin-bottom:clamp(2.2rem,4vw,3.6rem)}
.sechead.ctr{margin-left:auto;margin-right:auto;text-align:center}
.sechead.wide{max-width:1020px}
.kicker{display:inline-flex;align-items:center;gap:.7rem;font:600 var(--t-xs)/1 var(--ff);
  letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:1.15rem}
.kicker i{width:34px;height:1px;background:var(--gold);display:block;opacity:.6}
.sechead.ctr .kicker{justify-content:center}
.sec-title{font:400 var(--t-h2)/1.1 var(--ff-d);letter-spacing:-.02em}
.sec-title b{color:var(--gold);font-weight:400}
.sec-title em{font-style:italic;color:var(--tx-2)}
.sec-desc{margin-top:1.15rem;color:var(--tx-2);font-size:var(--t-lg);line-height:1.75;max-width:68ch}
.sec-desc strong{color:var(--tx);font-weight:500}

/* Metin yardımcıları */
.lead{font-size:var(--t-lg);color:var(--tx-2);line-height:1.78}
.mono{font-family:var(--ff-m);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.num{font-family:var(--ff-m);color:var(--gold);font-size:var(--t-xs);letter-spacing:.14em}
.hl{color:var(--gold)}
.dim{color:var(--tx-3)}

/* Görsel yer tutucu (gerçek fotoğraf gelince otomatik değişir) */
.ph{position:relative;aspect-ratio:var(--ratio,16/9);background:var(--bg-3);
  border:1px solid var(--line-2);overflow:hidden;display:grid;place-items:center}
.ph svg{position:absolute;inset:0;width:100%;height:100%}
.ph-t{position:relative;font:500 var(--t-xs)/1.4 var(--ff);letter-spacing:.18em;text-transform:uppercase;
  color:var(--tx-4);text-align:center;padding:1rem 1.4rem;max-width:80%}

/* Azaltılmış hareket — tüm animasyonlar susar */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .loader{display:none!important}
}

/* ==== 02-chrome.css ==== */
/* ============================================================
   02 — YÜKLEME EKRANI · CURSOR · SAYFA GEÇİŞİ
   ============================================================ */

/* ---- Mimari yükleme ekranı: çizgi -> duvar -> kat -> pencere -> siluet ---- */
.loader{position:fixed;inset:0;z-index:9000;background:var(--bg);
  display:grid;place-items:center;transition:opacity .7s var(--e),visibility .7s}
.loader.done{opacity:0;visibility:hidden;pointer-events:none}
.loader-in{width:min(560px,84vw);display:flex;flex-direction:column;gap:1.6rem}
.loader-draw{width:100%;height:auto;overflow:visible}
.loader-draw .ld{
  stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);
  opacity:0;
}
.loader-draw .ld.on{opacity:1;animation:drawIn .85s var(--e-out) forwards}
@keyframes drawIn{to{stroke-dashoffset:0}}
.loader-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.loader-brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--gold)}
.loader-brand b{font:500 var(--t-sm)/1 var(--ff);letter-spacing:.2em;text-transform:uppercase;color:var(--tx)}
.loader-mark{width:24px;height:24px}
.loader-stage{font:500 var(--t-xs)/1 var(--ff-m);letter-spacing:.2em;text-transform:uppercase;
  color:var(--tx-3);transition:opacity .3s}
.loader-bar{height:1px;background:var(--line);overflow:hidden}
.loader-bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .4s var(--e)}

/* ---- Bağlamsal cursor ---- */
.cursor{position:fixed;top:0;left:0;z-index:8000;pointer-events:none;
  transform:translate3d(-100px,-100px,0);will-change:transform;mix-blend-mode:difference}
.cursor-dot{position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;
  border-radius:50%;background:#fff;transition:width .3s var(--e),height .3s var(--e),margin .3s var(--e),opacity .3s}
.cursor-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);
  font:600 9.5px/1 var(--ff);letter-spacing:.18em;text-transform:uppercase;color:#0b0e12;
  white-space:nowrap;opacity:0;transition:opacity .3s var(--e),transform .3s var(--e)}
.cursor.on .cursor-dot{width:66px;height:66px;margin:-33px 0 0 -33px;background:#fff}
.cursor.on .cursor-label{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cursor.hide .cursor-dot{opacity:0}
@media (hover:none),(max-width:900px){.cursor{display:none}}

/* ---- Sayfa geçişi: çizgiler kapanır, mimari çizim belirir ---- */
.pt{position:fixed;inset:0;z-index:8500;pointer-events:none;visibility:hidden}
.pt.run{visibility:visible;pointer-events:all}
.pt-lines{position:absolute;inset:0;display:flex}
.pt-lines i{flex:1;background:var(--bg);transform:scaleY(0);transform-origin:bottom;
  transition:transform .62s var(--e-io)}
.pt.run .pt-lines i{transform:scaleY(1)}
.pt.run .pt-lines i:nth-child(1){transition-delay:0s}
.pt.run .pt-lines i:nth-child(2){transition-delay:.05s}
.pt.run .pt-lines i:nth-child(3){transition-delay:.1s}
.pt.run .pt-lines i:nth-child(4){transition-delay:.15s}
.pt.run .pt-lines i:nth-child(5){transition-delay:.2s}
.pt.out .pt-lines i{transform-origin:top;transform:scaleY(0)}
.pt-draw{position:absolute;top:50%;left:50%;width:min(340px,50vw);
  transform:translate(-50%,-50%);opacity:0;transition:opacity .4s var(--e) .28s}
.pt-draw path{stroke-dasharray:900;stroke-dashoffset:900}
.pt.run .pt-draw{opacity:1}
.pt.run .pt-draw path{animation:drawIn .8s var(--e-out) .3s forwards}
.pt.out .pt-draw{opacity:0;transition-delay:0s}

/* ============================================================
   03 — HEADER
   Şeffaf başlar -> scroll'da blur + cam + kompakt
   ============================================================ */
.hdr{position:fixed;top:0;left:0;right:0;z-index:700;
  transition:background .45s var(--e),border-color .45s var(--e),backdrop-filter .45s var(--e)}
.hdr::after{content:'';position:absolute;inset:0;border-bottom:1px solid transparent;
  transition:border-color .45s var(--e);pointer-events:none}
.hdr-in{max-width:var(--max);margin:0 auto;padding:0 var(--gut);height:var(--hdr-h);
  display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.4rem);
  transition:height .45s var(--e)}
.hdr.on{background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(18px) saturate(1.3);
  -webkit-backdrop-filter:blur(18px) saturate(1.3)}
.hdr.on::after{border-bottom-color:var(--line-2)}
.hdr.on .hdr-in{height:62px}
.hdr.hid{transform:translateY(-100%);transition:transform .5s var(--e)}

/* Marka */
.brand{display:inline-flex;align-items:center;gap:.72rem;flex-shrink:0;color:var(--gold);
  transition:transform .4s var(--e)}
.brand:hover{transform:translateY(-1px)}
.brand-mark{width:30px;height:30px;transition:transform .5s var(--e),color .4s}
.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.06)}
.brand-txt{display:flex;flex-direction:column;line-height:1}
.brand-txt b{font:600 15px/1 var(--ff);letter-spacing:.2em;color:var(--tx)}
.brand-txt i{font:400 9.5px/1.6 var(--ff);letter-spacing:.32em;text-transform:uppercase;color:var(--tx-3);font-style:normal}

/* Menü — ortalanmış */
.nav{flex:1;display:flex;justify-content:center;min-width:0}
.nav-list{display:flex;align-items:center;gap:clamp(.2rem,1vw,1rem)}
.nav-item{position:relative}
.nav-item>a{display:inline-flex;align-items:center;gap:.4rem;padding:.75rem .62rem;
  font:500 13.2px/1 var(--ff);letter-spacing:.055em;color:var(--tx-2);
  position:relative;transition:color .3s var(--e);white-space:nowrap}
.nav-item>a::after{content:'';position:absolute;left:.62rem;right:.62rem;bottom:.42rem;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--e)}
.nav-item:hover>a,.nav-item.on>a{color:var(--tx)}
.nav-item:hover>a::after,.nav-item.on>a::after{transform:scaleX(1)}
.chev{width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-1px);opacity:.5;transition:transform .35s var(--e),opacity .3s}
.nav-item:hover .chev{opacity:1;transform:rotate(225deg) translateY(-2px)}

/* Açılır paneller */
.panel{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(10px) scale(.985);
  min-width:320px;background:var(--pnl);border:1px solid var(--line);border-radius:var(--rad);
  padding:.6rem;opacity:0;visibility:hidden;transition:opacity .34s var(--e),transform .34s var(--e),visibility .34s;
  box-shadow:0 28px 70px -18px rgba(0,0,0,.75)}
.nav-item.open .panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}
.panel::before{content:'';position:absolute;top:-8px;left:0;right:0;height:8px}
.pitem{display:block;padding:.78rem .95rem;border-radius:var(--rad-2);transition:background .28s var(--e)}
.pitem:hover{background:var(--gold-dim)}
.pitem b{display:block;font:500 13.6px/1.3 var(--ff);color:var(--tx);margin-bottom:.2rem}
.pitem i{display:block;font:400 11.8px/1.5 var(--ff);color:var(--tx-3);font-style:normal}

/* Mega panel — hizmetler */
.panel-mega{min-width:min(760px,88vw);padding:1.05rem}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:0 .35rem .85rem;
  margin-bottom:.7rem;border-bottom:1px solid var(--line-2)}
.panel-head span{font:600 var(--t-xs)/1 var(--ff);letter-spacing:.22em;text-transform:uppercase;color:var(--tx-3)}
.panel-head a{display:inline-flex;align-items:center;gap:.4rem;font:500 12px/1 var(--ff);color:var(--gold)}
.panel-head a:hover{gap:.62rem}
.panel-head a svg{transition:transform .3s var(--e)}
.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.28rem}
.pcard{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.15rem .7rem;
  padding:.68rem .7rem;border-radius:var(--rad-2);transition:background .28s var(--e)}
.pcard:hover{background:var(--gold-dim)}
.pcard-ic{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;color:var(--gold);
  border:1px solid var(--gold-line);border-radius:var(--rad-2);transition:background .3s,transform .35s var(--e)}
.pcard:hover .pcard-ic{background:var(--gold-dim);transform:translateY(-2px)}
.pcard b{font:500 12.9px/1.3 var(--ff);color:var(--tx)}
.pcard i{font:400 11px/1.42 var(--ff);color:var(--tx-4);font-style:normal}

/* Sağ aksiyonlar */
.hdr-act{display:flex;align-items:center;gap:.85rem;flex-shrink:0;margin-left:auto}
.tel{display:inline-flex;align-items:center;gap:.45rem;font:500 12.6px/1 var(--ff-m);
  letter-spacing:.03em;color:var(--tx-3);transition:color .3s}
.tel:hover{color:var(--gold)}
.tel svg{color:var(--gold);opacity:.8}
.hdr-prog{position:absolute;bottom:0;left:0;right:0;height:1px;background:transparent}
.hdr-prog i{display:block;height:100%;width:0;background:var(--gold);opacity:.55}

/* Hamburger */
.burger{display:none;width:42px;height:42px;position:relative;border:1px solid var(--line);
  border-radius:var(--rad-2);transition:border-color .3s,background .3s}
.burger:hover{border-color:var(--gold-line)}
.burger i{position:absolute;left:11px;width:20px;height:1px;background:var(--tx);
  transition:transform .4s var(--e),opacity .3s var(--e),width .3s}
.burger i:nth-child(1){top:15px}
.burger i:nth-child(2){top:20.5px;width:14px}
.burger i:nth-child(3){top:26px}
.burger.on i:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.burger.on i:nth-child(2){opacity:0}
.burger.on i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* Mobil çekmece */
.drawer{position:fixed;inset:var(--hdr-h) 0 0;z-index:690;background:var(--bg);
  overflow-y:auto;overscroll-behavior:contain;
  opacity:0;visibility:hidden;transition:opacity .42s var(--e),visibility .42s}
.drawer:not([hidden]){opacity:1;visibility:visible}
.drawer-in{padding:1.4rem var(--gut) 3rem;max-width:var(--max);margin:0 auto}
.dgrp{border-bottom:1px solid var(--line-2)}
.drow{display:flex;align-items:center;justify-content:space-between}
.drow>a{flex:1;display:block;padding:1.12rem 0;font:400 clamp(1.28rem,5vw,1.6rem)/1.2 var(--ff-d);color:var(--tx)}
.dtog{width:46px;height:46px;position:relative;flex-shrink:0}
.dtog span{position:absolute;top:50%;left:50%;width:13px;height:1px;background:var(--gold);
  transform:translate(-50%,-50%);transition:transform .38s var(--e)}
.dtog span:last-child{transform:translate(-50%,-50%) rotate(90deg)}
.dgrp.open .dtog span:last-child{transform:translate(-50%,-50%) rotate(0)}
.dsub{max-height:0;overflow:hidden;transition:max-height .48s var(--e)}
.dgrp.open .dsub{max-height:720px}
.dsub a{display:block;padding:.66rem 0 .66rem 1.1rem;border-left:1px solid var(--line);
  font-size:14.4px;color:var(--tx-3);transition:color .3s,border-color .3s}
.dsub a:last-child{margin-bottom:1rem}
.dsub a:hover{color:var(--gold);border-color:var(--gold-line)}
.drawer-foot{margin-top:2.2rem;display:flex;flex-direction:column;gap:1.1rem;align-items:flex-start}
.dtel{display:inline-flex;align-items:center;gap:.5rem;color:var(--tx-2);font-family:var(--ff-m);font-size:13.5px}

@media (max-width:1180px){
  .nav{display:none}
  .burger{display:block}
  .hdr-act{gap:.6rem}
}
@media (max-width:640px){
  .tel span{display:none}
  .brand-txt b{font-size:13.5px;letter-spacing:.16em}
}

/* ==== 03-ui.css ==== */
/* ============================================================
   04 — BUTONLAR · MİKRO ETKİLEŞİM · SCROLL REVEAL
   ============================================================ */

/* ---- Butonlar: manyetik + ışık + derinlik + border animasyonu ---- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding:1.05rem 1.9rem;font:600 11.8px/1 var(--ff);letter-spacing:.19em;text-transform:uppercase;
  border:1px solid var(--line-3);border-radius:var(--rad);color:var(--tx);overflow:hidden;
  transition:color .4s var(--e),border-color .4s var(--e),transform .35s var(--e),box-shadow .4s var(--e);
  will-change:transform}
.btn span{position:relative;z-index:2;display:inline-block;transition:transform .4s var(--e)}
.btn svg{position:relative;z-index:2;transition:transform .42s var(--e)}
/* ışık taraması */
.btn::before{content:'';position:absolute;inset:0;z-index:1;background:var(--gold);
  transform:translateY(101%);transition:transform .5s var(--e-out)}
.btn:hover::before{transform:translateY(0)}
.btn:hover{color:#0b0e12;border-color:var(--gold);box-shadow:0 14px 34px -14px rgba(200,168,107,.5)}
.btn:hover svg{transform:translateX(4px)}
.btn:active{transform:scale(.985)}

.btn-gold{background:var(--gold);color:#0b0e12;border-color:var(--gold);font-weight:700}
.btn-gold::before{background:var(--tx);transform:translateY(-101%)}
.btn-gold:hover{color:var(--bg);border-color:var(--tx)}
.btn-ghost{border-color:var(--line);color:var(--tx-2)}
.btn-ghost:hover{color:#0b0e12}
.btn-line{border:0;padding:.5rem 0;letter-spacing:.16em;color:var(--gold)}
.btn-line::before{display:none}
.btn-line::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--gold);
  transform:scaleX(.28);transform-origin:left;transition:transform .48s var(--e-out)}
.btn-line:hover{color:var(--gold-2);box-shadow:none;border:0}
.btn-line:hover::after{transform:scaleX(1)}
.btn-sm{padding:.82rem 1.35rem;font-size:10.8px;letter-spacing:.16em}
.btn-lg{padding:1.25rem 2.4rem;font-size:12.4px}
.btn-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.3rem}

/* Manyetik hareket (JS transform verir) */
.mag{will-change:transform}

/* ---- Scroll reveal: fade değil — mask, split, çizgi, katman ---- */
[data-rv]{opacity:0;transform:translateY(28px);
  transition:opacity .95s var(--e-out),transform .95s var(--e-out)}
[data-rv].in{opacity:1;transform:none}
[data-rv="mask"]{clip-path:inset(0 0 100% 0);transform:none;opacity:1;
  transition:clip-path 1.15s var(--e-out)}
[data-rv="mask"].in{clip-path:inset(0 0 0 0)}
[data-rv="left"]{transform:translateX(-38px)}
[data-rv="right"]{transform:translateX(38px)}
[data-rv="scale"]{transform:scale(.955);opacity:0}
[data-rv="line"]{transform:scaleX(0);transform-origin:left;opacity:1;
  transition:transform 1.15s var(--e-out)}
[data-rv="line"].in{transform:scaleX(1)}
[data-rv="lineY"]{transform:scaleY(0);transform-origin:top;opacity:1;
  transition:transform 1.05s var(--e-out)}
[data-rv="lineY"].in{transform:scaleY(1)}
[data-rv].d1{transition-delay:.09s}
[data-rv].d2{transition-delay:.18s}
[data-rv].d3{transition-delay:.27s}
[data-rv].d4{transition-delay:.36s}
[data-rv].d5{transition-delay:.45s}
[data-rv].d6{transition-delay:.54s}

/* Kelime bazlı başlık animasyonu (JS sarar) */
.sp-line{display:block;overflow:hidden}
.sp-w{display:inline-block;transform:translateY(105%);
  transition:transform 1.05s var(--e-out)}
.in .sp-w,.sp-go .sp-w{transform:translateY(0)}
.sp-w:nth-child(1){transition-delay:.02s} .sp-w:nth-child(2){transition-delay:.07s}
.sp-w:nth-child(3){transition-delay:.12s} .sp-w:nth-child(4){transition-delay:.17s}
.sp-w:nth-child(5){transition-delay:.22s} .sp-w:nth-child(6){transition-delay:.27s}
.sp-w:nth-child(7){transition-delay:.32s} .sp-w:nth-child(8){transition-delay:.37s}
.sp-w:nth-child(9){transition-delay:.42s} .sp-w:nth-child(10){transition-delay:.47s}

/* Sayaç */
.cnt{font-variant-numeric:tabular-nums;font-family:var(--ff-m)}

/* ============================================================
   05 — HERO
   ============================================================ */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;
  padding:calc(var(--hdr-h) + 3rem) 0 clamp(2.4rem,5vh,4.4rem);overflow:hidden;isolation:isolate}
.hero-cv{position:absolute;inset:0;z-index:0;width:100%;height:100%}
/* Atmosfer: sis + ışık — çok hafif, neon değil */
.hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 45% at 62% 30%,var(--gold-glow),transparent 65%),
    linear-gradient(to bottom,var(--bg) 0%,transparent 22%,transparent 52%,var(--bg) 96%)}
.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--line-2) 1px,transparent 1px),
                   linear-gradient(90deg,var(--line-2) 1px,transparent 1px);
  background-size:110px 110px;
  mask-image:linear-gradient(to bottom,transparent,#000 40%,#000 60%,transparent);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 40%,#000 60%,transparent)}
.hero-in{position:relative;z-index:2;width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gut)}

.hero-tag{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.9rem;
  padding:.5rem .95rem;border:1px solid var(--gold-line);border-radius:100px;
  font:500 10.4px/1 var(--ff);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);
  background:var(--gold-dim);backdrop-filter:blur(6px)}
.hero-tag i{width:5px;height:5px;border-radius:50%;background:var(--gold);
  animation:pulse 2.6s var(--e) infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}

.hero-h1{font:400 var(--t-hero)/1.02 var(--ff-d);letter-spacing:-.035em;max-width:19ch;
  margin-bottom:1.8rem}
.hero-h1 b{color:var(--gold);font-weight:400}
.hero-sub{max-width:62ch;color:var(--tx-2);font-size:var(--t-lg);line-height:1.78}
.hero-btm{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:2.2rem;margin-top:clamp(2rem,4vh,3.4rem)}

/* Hero alt bilgi şeridi */
.hero-facts{display:flex;flex-wrap:wrap;gap:clamp(1.4rem,3.5vw,3.4rem);
  padding-top:1.6rem;border-top:1px solid var(--line-2)}
.hfact{min-width:132px}
.hfact b{display:block;font:400 clamp(1.05rem,1.8vw,1.42rem)/1.2 var(--ff-d);color:var(--tx);margin-bottom:.28rem}
.hfact i{display:block;font:400 10.6px/1.5 var(--ff);letter-spacing:.17em;text-transform:uppercase;
  color:var(--tx-4);font-style:normal}

/* Kaydır göstergesi */
.scroll-cue{position:absolute;left:50%;bottom:1.5rem;z-index:3;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:.7rem;pointer-events:none}
.scroll-cue span{font:500 9.4px/1 var(--ff);letter-spacing:.28em;text-transform:uppercase;color:var(--tx-4)}
.scroll-cue i{width:1px;height:46px;background:linear-gradient(to bottom,var(--gold),transparent);
  animation:cue 2.4s var(--e-io) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}
  50%{transform:scaleY(1);transform-origin:top}
  50.1%{transform:scaleY(1);transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}}

/* Mouse parallax katmanı */
.px{will-change:transform;transition:transform .9s var(--e)}

@media (max-width:760px){
  .hero{min-height:92svh;align-items:center}
  .hero-h1{max-width:100%}
  .hero-btm{flex-direction:column;align-items:flex-start;gap:1.6rem}
  .scroll-cue{display:none}
}

/* ==== 04-sections.css ==== */
/* ============================================================
   06 — BÖLÜM BİLEŞENLERİ
   Her biri farklı bir anlatım aracı. Tekrar eden kart yok.
   ============================================================ */

/* ---- A. YAPI DOĞUYOR — scroll ile kamera kontrolü (sticky sahne) ---- */
.birth{position:relative}
.birth-track{position:relative}
.birth-stage{position:sticky;top:0;height:100svh;overflow:hidden;z-index:1}
.birth-cv{position:absolute;inset:0;width:100%;height:100%}
.birth-stage::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to right,var(--bg) 0%,transparent 34%,transparent 66%,rgba(11,14,18,.55) 100%)}
.birth-hud{position:absolute;inset:0;z-index:3;pointer-events:none;
  max-width:var(--max);margin:0 auto;padding:0 var(--gut);
  display:flex;flex-direction:column;justify-content:center}
.birth-step{max-width:430px}
.birth-idx{display:block;font:400 clamp(3rem,7vw,5.6rem)/1 var(--ff-d);color:var(--gold);opacity:.9;
  margin-bottom:.3rem;font-variant-numeric:tabular-nums}
.birth-name{font:400 clamp(1.5rem,3vw,2.4rem)/1.15 var(--ff-d);color:var(--tx);margin-bottom:.85rem}
.birth-desc{color:var(--tx-2);font-size:15.2px;line-height:1.72;min-height:5.2em}
/* aşama listesi (sağ) */
.birth-list{position:absolute;right:var(--gut);top:50%;transform:translateY(-50%);z-index:3;
  display:flex;flex-direction:column;gap:.42rem;pointer-events:none}
.birth-list li{display:flex;align-items:center;gap:.72rem;justify-content:flex-end;
  font:500 10.2px/1 var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--tx-4);
  transition:color .45s var(--e),opacity .45s}
.birth-list li i{width:16px;height:1px;background:currentColor;transition:width .5s var(--e),background .4s}
.birth-list li.on{color:var(--gold)}
.birth-list li.on i{width:38px}
.birth-list li.pas{color:var(--tx-3)}
.birth-prog{position:absolute;left:var(--gut);right:var(--gut);bottom:2.4rem;z-index:3;
  height:1px;background:var(--line);pointer-events:none}
.birth-prog i{display:block;height:100%;background:var(--gold);width:0;transform-origin:left}
@media (max-width:900px){
  .birth-list{display:none}
  .birth-hud{justify-content:flex-end;padding-bottom:5rem}
  .birth-stage::after{background:linear-gradient(to top,var(--bg) 0%,transparent 55%)}
}

/* ---- B. FİKİRDEN GERÇEĞE — 2D çizim -> 3D -> render -> yapı ---- */
.evo{position:relative}
.evo-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.evo-vis{position:relative;aspect-ratio:4/3;border:1px solid var(--line);background:var(--bg-3);overflow:hidden}
.evo-vis canvas{position:absolute;inset:0;width:100%;height:100%}
.evo-badge{position:absolute;top:1rem;left:1rem;z-index:2;padding:.42rem .8rem;
  background:color-mix(in srgb,var(--bg) 80%,transparent);border:1px solid var(--gold-line);
  font:600 9.6px/1 var(--ff);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
  backdrop-filter:blur(8px)}
.evo-steps{display:flex;flex-direction:column}
.evo-step{padding:1.5rem 0 1.5rem 1.9rem;border-left:1px solid var(--line);position:relative;
  opacity:.32;transition:opacity .55s var(--e),border-color .55s var(--e)}
.evo-step::before{content:'';position:absolute;left:-3.5px;top:2.05rem;width:6px;height:6px;
  background:var(--line-3);border-radius:50%;transition:background .5s var(--e),transform .5s var(--e)}
.evo-step.on{opacity:1;border-left-color:var(--gold-line)}
.evo-step.on::before{background:var(--gold);transform:scale(1.5)}
.evo-step h3{font:400 var(--t-h3)/1.2 var(--ff-d);margin-bottom:.45rem}
.evo-step h3 em{font-style:normal;color:var(--gold);font-family:var(--ff-m);font-size:.62em;
  letter-spacing:.16em;margin-right:.7rem;vertical-align:.15em}
.evo-step p{color:var(--tx-2);font-size:14.8px;line-height:1.7}
@media (max-width:900px){
  .evo-grid{grid-template-columns:1fr;gap:2.2rem}
  .evo-vis{position:sticky;top:calc(var(--hdr-h) + 12px);z-index:2}
}

/* ---- C. 3D BİNA EXPLORER ---- */
.expl{position:relative;background:var(--bg-2);border:1px solid var(--line);overflow:hidden}
.expl-body{display:grid;grid-template-columns:1fr 288px;min-height:min(76svh,720px)}
.expl-view{position:relative;cursor:grab}
.expl-view:active{cursor:grabbing}
.expl-view canvas{position:absolute;inset:0;width:100%;height:100%}
.expl-hint{position:absolute;left:1.15rem;bottom:1.15rem;z-index:2;display:flex;gap:1.1rem;
  font:500 9.8px/1 var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--tx-4);pointer-events:none}
.expl-hint b{color:var(--gold);font-weight:600;margin-right:.35rem}
.expl-lbl{position:absolute;z-index:3;padding:.34rem .7rem;background:color-mix(in srgb,var(--bg) 85%,transparent);
  border:1px solid var(--gold-line);font:600 9.4px/1 var(--ff);letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);pointer-events:none;transform:translate(-50%,-50%);white-space:nowrap;
  opacity:0;transition:opacity .3s}
.expl-lbl.on{opacity:1}
/* kontrol paneli */
.expl-panel{border-left:1px solid var(--line);background:var(--bg-3);padding:1.5rem 1.35rem;
  display:flex;flex-direction:column;gap:.3rem;overflow-y:auto}
.expl-panel h4{font:600 var(--t-xs)/1 var(--ff);letter-spacing:.2em;text-transform:uppercase;
  color:var(--tx-3);margin-bottom:1rem}
.lyr{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;
  padding:.82rem .85rem;border:1px solid transparent;border-radius:var(--rad-2);text-align:left;
  transition:background .3s var(--e),border-color .3s var(--e)}
.lyr:hover{background:var(--gold-dim)}
.lyr.on{background:var(--gold-dim);border-color:var(--gold-line)}
.lyr-ic{width:30px;height:30px;display:grid;place-items:center;color:var(--tx-3);
  border:1px solid var(--line);border-radius:var(--rad-2);transition:color .3s,border-color .3s}
.lyr.on .lyr-ic{color:var(--gold);border-color:var(--gold-line)}
.lyr b{display:block;font:500 12.8px/1.3 var(--ff);color:var(--tx-2);transition:color .3s}
.lyr.on b{color:var(--tx)}
.lyr i{display:block;font:400 10.4px/1.4 var(--ff);color:var(--tx-4);font-style:normal;margin-top:.12rem}
.lyr-dot{width:5px;height:5px;border-radius:50%;background:var(--line-3);transition:background .3s,transform .3s}
.lyr.on .lyr-dot{background:var(--gold);transform:scale(1.4)}
.expl-note{margin-top:auto;padding-top:1.2rem;border-top:1px solid var(--line-2);
  font-size:11.6px;line-height:1.6;color:var(--tx-4)}
@media (max-width:1000px){
  .expl-body{grid-template-columns:1fr}
  .expl-view{min-height:58svh}
  .expl-panel{border-left:0;border-top:1px solid var(--line);
    display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:.3rem}
  .expl-panel h4{grid-column:1/-1}
  .expl-note{grid-column:1/-1}
}

/* ---- D. KENTSEL DÖNÜŞÜM — aynı kadrajda dönüşüm ---- */
.morph{position:relative}
.morph-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.morph-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.morph-stage::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(11,14,18,.55),transparent 30%,transparent 62%,var(--bg))}
.morph-hud{position:absolute;inset:auto 0 0;z-index:3;padding:0 0 clamp(2.6rem,6vh,5rem);
  max-width:var(--max);margin:0 auto;pointer-events:none}
.morph-inner{padding:0 var(--gut)}
.morph-phase{display:flex;align-items:baseline;gap:1.1rem;margin-bottom:.7rem}
.morph-phase b{font:400 clamp(1.7rem,4vw,3rem)/1 var(--ff-d);color:var(--tx)}
.morph-phase em{font-family:var(--ff-m);font-size:11px;letter-spacing:.2em;color:var(--gold);font-style:normal}
.morph-txt{max-width:56ch;color:var(--tx-2);font-size:15.4px;line-height:1.7;min-height:3.4em}
.morph-rail{display:flex;gap:.3rem;margin-top:1.7rem;max-width:640px}
.morph-rail i{flex:1;height:2px;background:var(--line);position:relative;overflow:hidden}
.morph-rail i::after{content:'';position:absolute;inset:0;background:var(--gold);
  transform:scaleX(0);transform-origin:left;transition:transform .5s var(--e)}
.morph-rail i.on::after{transform:scaleX(1)}

/* ---- E. PROJE KARTLARI — sinematik case study ---- */
.pjs{display:grid;gap:clamp(1.1rem,2.4vw,2rem)}
.pjs-feat{grid-template-columns:repeat(12,1fr)}
.pj{position:relative;overflow:hidden;background:var(--bg-3);border:1px solid var(--line-2);
  display:block;isolation:isolate}
.pj-media{position:relative;overflow:hidden;aspect-ratio:16/10}
.pj-media img,.pj-media .ph{width:100%;height:100%;object-fit:cover;
  transition:transform 1.35s var(--e-out),filter .8s var(--e)}
.pj:hover .pj-media img,.pj:hover .pj-media .ph{transform:scale(1.075)}
.pj-media::after{content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(8,10,13,.94) 4%,rgba(8,10,13,.32) 42%,transparent 72%);
  transition:opacity .7s var(--e)}
.pj-body{position:absolute;inset:auto 0 0;z-index:2;padding:clamp(1.3rem,2.4vw,2.1rem)}
.pj-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;
  opacity:0;transform:translateY(10px);transition:opacity .5s var(--e) .05s,transform .5s var(--e) .05s}
.pj:hover .pj-meta{opacity:1;transform:none}
.pj-chip{padding:.3rem .68rem;border:1px solid var(--gold-line);background:var(--gold-dim);
  font:600 9.2px/1 var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);
  backdrop-filter:blur(6px)}
.pj-title{font:400 clamp(1.16rem,2vw,1.72rem)/1.16 var(--ff-d);color:#f2efe8;margin-bottom:.42rem}
.pj-loc{display:inline-flex;align-items:center;gap:.42rem;font:400 11.6px/1 var(--ff);
  letter-spacing:.12em;text-transform:uppercase;color:rgba(233,229,221,.62)}
.pj-go{position:absolute;top:clamp(1rem,2vw,1.5rem);right:clamp(1rem,2vw,1.5rem);z-index:2;
  width:44px;height:44px;display:grid;place-items:center;color:#f2efe8;
  border:1px solid rgba(242,239,232,.3);border-radius:50%;
  opacity:0;transform:scale(.75) rotate(-30deg);
  transition:opacity .5s var(--e),transform .5s var(--e),background .4s,border-color .4s}
.pj:hover .pj-go{opacity:1;transform:none}
.pj-go:hover{background:var(--gold);border-color:var(--gold);color:#0b0e12}
.pj-line{position:absolute;left:0;bottom:0;z-index:3;height:2px;width:100%;background:var(--gold);
  transform:scaleX(0);transform-origin:left;transition:transform .75s var(--e-out)}
.pj:hover .pj-line{transform:scaleX(1)}
.pj.big{grid-column:span 8}
.pj.sml{grid-column:span 4}
.pj.half{grid-column:span 6}
.pj.big .pj-media{aspect-ratio:16/9}
.pj.sml .pj-media{aspect-ratio:4/5}
@media (max-width:1000px){
  .pjs-feat{grid-template-columns:repeat(6,1fr)}
  .pj.big,.pj.sml,.pj.half{grid-column:span 6}
  .pj.sml .pj-media{aspect-ratio:16/10}
}

/* ---- F. ZAMAN TÜNELİ ---- */
.tl{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.tl-vis{position:sticky;top:calc(var(--hdr-h) + 24px);aspect-ratio:1/1;border:1px solid var(--line);
  background:var(--bg-3);overflow:hidden}
.tl-vis canvas{position:absolute;inset:0;width:100%;height:100%}
.tl-steps{display:flex;flex-direction:column;gap:0}
.tl-step{display:grid;grid-template-columns:auto 1fr;gap:1.35rem;padding:1.55rem 0;
  border-bottom:1px solid var(--line-2);opacity:.36;transition:opacity .5s var(--e)}
.tl-step.on{opacity:1}
.tl-dot{position:relative;width:34px;height:34px;border:1px solid var(--line-3);border-radius:50%;
  display:grid;place-items:center;font:600 10.4px/1 var(--ff-m);color:var(--tx-3);
  transition:border-color .5s var(--e),color .5s var(--e),background .5s var(--e)}
.tl-step.on .tl-dot{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}
.tl-step h4{font:400 var(--t-h3)/1.2 var(--ff-d);margin-bottom:.35rem}
.tl-step p{color:var(--tx-2);font-size:14.6px;line-height:1.68}
@media (max-width:900px){
  .tl{grid-template-columns:1fr}
  .tl-vis{position:sticky;top:calc(var(--hdr-h) + 10px);aspect-ratio:4/3;z-index:2}
}

/* ==== 05-modules.css ==== */
/* ============================================================
   07 — HİZMET · LABORATUVAR · SÜRDÜRÜLEBİLİRLİK · GÜN DÖNGÜSÜ
   ============================================================ */

/* ---- Hizmetler: her hizmet kendi mini dünyası (satır formatı) ---- */
.svc-rows{border-top:1px solid var(--line-2)}
.svc-row{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;
  gap:clamp(1rem,3vw,2.6rem);padding:clamp(1.5rem,3vw,2.4rem) 0;border-bottom:1px solid var(--line-2);
  overflow:hidden;isolation:isolate}
.svc-row::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--gold-dim);
  transform:translateY(101%);transition:transform .62s var(--e-out)}
.svc-row:hover::before{transform:translateY(0)}
.svc-no{font:400 clamp(1.4rem,2.6vw,2.2rem)/1 var(--ff-d);color:var(--tx-4);
  font-variant-numeric:tabular-nums;transition:color .5s var(--e);min-width:2.6ch}
.svc-row:hover .svc-no{color:var(--gold)}
.svc-main{min-width:0}
.svc-t{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.42rem}
.svc-t h3{font:400 clamp(1.32rem,2.9vw,2.15rem)/1.1 var(--ff-d);color:var(--tx);
  transition:transform .55s var(--e)}
.svc-row:hover .svc-t h3{transform:translateX(7px)}
.svc-ic{width:34px;height:34px;display:grid;place-items:center;color:var(--gold);
  border:1px solid var(--gold-line);border-radius:var(--rad-2);flex-shrink:0;
  transition:transform .5s var(--e),background .4s}
.svc-row:hover .svc-ic{transform:rotate(-6deg) scale(1.08);background:var(--gold-dim)}
.svc-main p{color:var(--tx-3);font-size:14.5px;line-height:1.68;max-width:74ch;
  transition:color .5s var(--e),transform .55s var(--e)}
.svc-row:hover .svc-main p{color:var(--tx-2);transform:translateX(7px)}
.svc-go{width:46px;height:46px;display:grid;place-items:center;color:var(--tx-3);
  border:1px solid var(--line);border-radius:50%;flex-shrink:0;
  transition:color .4s,background .4s,border-color .4s,transform .5s var(--e)}
.svc-row:hover .svc-go{color:#0b0e12;background:var(--gold);border-color:var(--gold);transform:rotate(-45deg)}
@media (max-width:700px){
  .svc-row{grid-template-columns:auto 1fr;gap:.9rem 1.1rem}
  .svc-go{display:none}
  .svc-main p{font-size:13.6px}
}

/* ---- Mimari Laboratuvar: malzeme seçici ---- */
.lab{display:grid;grid-template-columns:1fr 300px;gap:0;border:1px solid var(--line);
  background:var(--bg-2);overflow:hidden}
.lab-view{position:relative;min-height:min(72svh,660px)}
.lab-view canvas{position:absolute;inset:0;width:100%;height:100%}
.lab-side{border-left:1px solid var(--line);background:var(--bg-3);padding:1.5rem 1.4rem;
  display:flex;flex-direction:column}
.lab-side h4{font:600 var(--t-xs)/1 var(--ff);letter-spacing:.2em;text-transform:uppercase;
  color:var(--tx-3);margin-bottom:1.15rem}
.mat{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:.85rem;padding:.8rem .75rem;
  border:1px solid transparent;border-radius:var(--rad-2);text-align:left;
  transition:background .3s var(--e),border-color .3s var(--e)}
.mat:hover{background:var(--gold-dim)}
.mat.on{background:var(--gold-dim);border-color:var(--gold-line)}
.mat-sw{width:34px;height:34px;border:1px solid var(--line-3);border-radius:var(--rad-2);
  position:relative;overflow:hidden;transition:border-color .3s,transform .4s var(--e)}
.mat.on .mat-sw{border-color:var(--gold);transform:scale(1.06)}
.mat-sw::after{content:'';position:absolute;inset:0;background:var(--sw,#888);opacity:.85}
.mat b{display:block;font:500 12.9px/1.3 var(--ff);color:var(--tx-2);transition:color .3s}
.mat.on b{color:var(--tx)}
.mat i{display:block;font:400 10.3px/1.4 var(--ff);color:var(--tx-4);font-style:normal;margin-top:.1rem}
.lab-info{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--line-2)}
.lab-info b{display:block;font:500 12.4px/1.4 var(--ff);color:var(--gold);margin-bottom:.4rem;
  letter-spacing:.05em}
.lab-info p{font-size:11.9px;line-height:1.65;color:var(--tx-3)}
@media (max-width:980px){
  .lab{grid-template-columns:1fr}
  .lab-view{min-height:52svh}
  .lab-side{border-left:0;border-top:1px solid var(--line);
    display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.3rem}
  .lab-side h4,.lab-info{grid-column:1/-1}
}

/* ---- Sürdürülebilirlik: 3D yapı üzerinde işaretler ---- */
.sus{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4.5vw,4rem);align-items:center}
.sus-vis{position:relative;aspect-ratio:1/1;border:1px solid var(--line);background:var(--bg-3)}
.sus-vis canvas{position:absolute;inset:0;width:100%;height:100%}
.sus-list{display:flex;flex-direction:column}
.sus-item{display:grid;grid-template-columns:auto 1fr;gap:1.15rem;padding:1.15rem 0;
  border-bottom:1px solid var(--line-2);cursor:pointer;
  transition:opacity .4s var(--e)}
.sus-item:not(.on){opacity:.44}
.sus-item:hover{opacity:1}
.sus-ic{width:38px;height:38px;display:grid;place-items:center;color:var(--gold);
  border:1px solid var(--line);border-radius:var(--rad-2);transition:border-color .4s,background .4s}
.sus-item.on .sus-ic{border-color:var(--gold-line);background:var(--gold-dim)}
.sus-item b{display:block;font:500 14.6px/1.3 var(--ff);color:var(--tx);margin-bottom:.28rem}
.sus-item p{font-size:13.4px;line-height:1.65;color:var(--tx-3)}
@media (max-width:900px){.sus{grid-template-columns:1fr}}

/* ---- BİR GÜNÜNÜZÜ TASARLIYORUZ — gün döngüsü ---- */
.day{position:relative;overflow:hidden}
.day-stage{position:relative;height:min(86svh,760px);border:1px solid var(--line);overflow:hidden;
  background:var(--bg-3)}
.day-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.day-hud{position:absolute;inset:auto 0 0;z-index:2;padding:clamp(1.6rem,3vw,2.6rem);pointer-events:none}
.day-time{font:400 clamp(2.1rem,5vw,3.6rem)/1 var(--ff-d);color:var(--tx);margin-bottom:.5rem}
.day-time em{font-style:normal;color:var(--gold)}
.day-txt{max-width:52ch;color:var(--tx-2);font-size:14.8px;line-height:1.7;min-height:3.4em}
.day-tabs{position:absolute;top:clamp(1.3rem,2.6vw,2.2rem);left:50%;transform:translateX(-50%);z-index:3;
  display:flex;gap:.28rem;padding:.28rem;background:color-mix(in srgb,var(--bg) 72%,transparent);
  border:1px solid var(--line);border-radius:100px;backdrop-filter:blur(12px)}
.day-tab{padding:.55rem 1.05rem;border-radius:100px;font:600 9.8px/1 var(--ff);
  letter-spacing:.17em;text-transform:uppercase;color:var(--tx-3);transition:color .35s,background .35s}
.day-tab.on{background:var(--gold);color:#0b0e12}
.day-tab:hover:not(.on){color:var(--tx)}

/* ---- Şantiye aşamaları (yatay ray) ---- */
.site-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));
  border-top:1px solid var(--line)}
.site-card{padding:clamp(1.3rem,2.4vw,2rem) clamp(1.1rem,2vw,1.6rem);
  border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);position:relative;
  overflow:hidden;isolation:isolate;transition:background .5s var(--e)}
.site-card:hover{background:var(--bg-3)}
.site-card::after{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e-out)}
.site-card:hover::after{transform:scaleX(1)}
.site-no{font:400 11px/1 var(--ff-m);letter-spacing:.2em;color:var(--gold);
  display:block;margin-bottom:.85rem}
.site-card h4{font:400 var(--t-h3)/1.2 var(--ff-d);margin-bottom:.55rem}
.site-card p{font-size:13.5px;line-height:1.65;color:var(--tx-3)}

/* ---- Değerler (asimetrik, tekrar eden kart değil) ---- */
.val-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line-2)}
.val{background:var(--bg);padding:clamp(1.5rem,2.8vw,2.4rem);position:relative;overflow:hidden;
  transition:background .5s var(--e)}
.val:hover{background:var(--bg-3)}
.val.w2{grid-column:span 2}
.val.w3{grid-column:span 3}
.val.w4{grid-column:span 4}
.val.w6{grid-column:span 6}
.val-ic{width:40px;height:40px;display:grid;place-items:center;color:var(--gold);
  border:1px solid var(--gold-line);border-radius:var(--rad-2);margin-bottom:1.15rem;
  transition:transform .55s var(--e),background .45s}
.val:hover .val-ic{transform:rotate(-8deg) scale(1.07);background:var(--gold-dim)}
.val h3{font:400 var(--t-h3)/1.18 var(--ff-d);margin-bottom:.6rem}
.val p{color:var(--tx-3);font-size:14px;line-height:1.7}
.val-vis{position:absolute;right:-10%;bottom:-18%;width:52%;opacity:.14;color:var(--gold);
  pointer-events:none;transition:transform .8s var(--e),opacity .6s}
.val:hover .val-vis{transform:scale(1.08) rotate(4deg);opacity:.22}
@media (max-width:900px){
  .val-grid{grid-template-columns:1fr 1fr}
  .val.w2,.val.w3,.val.w4,.val.w6{grid-column:span 2}
}

/* ---- Şehir keşif (hover ile bilgi) ---- */
.city{position:relative;border:1px solid var(--line);background:var(--bg-3);overflow:hidden}
.city-view{position:relative;height:min(78svh,700px)}
.city-view canvas{position:absolute;inset:0;width:100%;height:100%}
.city-info{position:absolute;top:1.3rem;left:1.3rem;z-index:3;width:min(292px,72vw);
  padding:1.15rem 1.3rem;background:color-mix(in srgb,var(--bg) 88%,transparent);
  border:1px solid var(--line);backdrop-filter:blur(14px);
  opacity:0;transform:translateY(-8px);transition:opacity .4s var(--e),transform .4s var(--e)}
.city-info.on{opacity:1;transform:none}
.city-info em{display:block;font:600 9.6px/1 var(--ff);letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);font-style:normal;margin-bottom:.6rem}
.city-info b{display:block;font:400 1.25rem/1.2 var(--ff-d);color:var(--tx);margin-bottom:.45rem}
.city-info p{font-size:12.8px;line-height:1.65;color:var(--tx-3)}
.city-legend{position:absolute;bottom:1.3rem;left:1.3rem;right:1.3rem;z-index:3;
  display:flex;flex-wrap:wrap;gap:.85rem 1.4rem;pointer-events:none}
.city-legend span{display:inline-flex;align-items:center;gap:.5rem;font:500 9.8px/1 var(--ff);
  letter-spacing:.14em;text-transform:uppercase;color:var(--tx-3)}
.city-legend i{width:9px;height:9px;border-radius:2px;background:var(--c,var(--gold))}

/* ==== 06-forms.css ==== */
/* ============================================================
   08 — FORM · İLETİŞİM · PROJE DETAY · FOOTER
   ============================================================ */

/* ---- İletişim: mimari plan görünümü ---- */
.plan{position:relative;display:grid;grid-template-columns:1fr 1.08fr;
  border:1px solid var(--line);background:var(--bg-2);overflow:hidden}
.plan-side{position:relative;padding:clamp(1.8rem,3.4vw,3rem);border-right:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:space-between;gap:2.4rem;overflow:hidden}
.plan-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.5}
.plan-svg path,.plan-svg rect,.plan-svg circle{stroke:var(--gold);fill:none;stroke-width:1;
  vector-effect:non-scaling-stroke}
.plan-svg .dim{stroke:var(--tx-4);stroke-width:.6;stroke-dasharray:3 4}
.plan-svg .mv{stroke-dasharray:220;stroke-dashoffset:220;animation:planDraw 4.5s var(--e-io) infinite}
@keyframes planDraw{0%{stroke-dashoffset:220}45%,55%{stroke-dashoffset:0}100%{stroke-dashoffset:-220}}
.plan-head{position:relative;z-index:2}
.plan-head h2{font:400 var(--t-h2)/1.1 var(--ff-d);margin-bottom:1rem}
.plan-head p{color:var(--tx-2);font-size:15px;line-height:1.72;max-width:44ch}
.plan-meta{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.15rem}
.pmeta{display:grid;grid-template-columns:auto 1fr;gap:.95rem;align-items:flex-start}
.pmeta-ic{width:34px;height:34px;display:grid;place-items:center;color:var(--gold);
  border:1px solid var(--gold-line);border-radius:var(--rad-2);flex-shrink:0}
.pmeta em{display:block;font:600 9.4px/1 var(--ff);letter-spacing:.2em;text-transform:uppercase;
  color:var(--tx-4);font-style:normal;margin-bottom:.34rem}
.pmeta b{display:block;font:400 14.4px/1.5 var(--ff);color:var(--tx)}
.pmeta a{color:var(--tx);transition:color .3s}
.pmeta a:hover{color:var(--gold)}

/* ---- Form ---- */
.form-wrap{padding:clamp(1.8rem,3.4vw,3rem)}
.frm{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.fld{position:relative;display:flex;flex-direction:column}
.fld.full{grid-column:1/-1}
.fld label{font:600 9.8px/1 var(--ff);letter-spacing:.2em;text-transform:uppercase;
  color:var(--tx-3);margin-bottom:.62rem;transition:color .35s var(--e)}
.fld label em{color:var(--gold);font-style:normal}
.fld input,.fld select,.fld textarea{
  background:transparent;border:0;border-bottom:1px solid var(--line);
  padding:.72rem 0;font:400 15px/1.5 var(--ff);color:var(--tx);
  transition:border-color .4s var(--e);border-radius:0;width:100%}
.fld select{cursor:pointer;-webkit-appearance:none;appearance:none;
  background-image:linear-gradient(45deg,transparent 49%,var(--tx-3) 50%),
    linear-gradient(-45deg,transparent 49%,var(--tx-3) 50%);
  background-size:6px 6px;background-position:right 6px center,right 1px center;background-repeat:no-repeat}
.fld select option{background:var(--pnl);color:var(--tx)}
.fld textarea{resize:vertical;min-height:118px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-bottom-color:var(--gold)}
.fld:focus-within label{color:var(--gold)}
.fld input::placeholder,.fld textarea::placeholder{color:var(--tx-4)}
/* aktif alanda mimari çizgi hareketi */
.fld::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:left;transition:transform .55s var(--e-out)}
.fld:focus-within::after{transform:scaleX(1)}

/* Dosya alanı */
.file{position:relative;border:1px dashed var(--line-3);border-radius:var(--rad);
  padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;
  transition:border-color .4s var(--e),background .4s var(--e)}
.file:hover,.file.over{border-color:var(--gold-line);background:var(--gold-dim)}
.file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.file-ic{width:38px;height:38px;display:grid;place-items:center;color:var(--gold);
  border:1px solid var(--gold-line);border-radius:var(--rad-2);flex-shrink:0}
.file b{display:block;font:500 13.2px/1.4 var(--ff);color:var(--tx);margin-bottom:.2rem}
.file i{display:block;font:400 11.4px/1.4 var(--ff);color:var(--tx-4);font-style:normal}
.frm-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:1.2rem;margin-top:.6rem;padding-top:1.5rem;border-top:1px solid var(--line-2)}
.frm-note{font-size:11.6px;line-height:1.6;color:var(--tx-4);max-width:46ch}
.frm-note a{color:var(--gold);border-bottom:1px solid var(--gold-line)}
.msg{grid-column:1/-1;padding:1rem 1.15rem;border-radius:var(--rad);font-size:13.8px;line-height:1.6;
  display:flex;gap:.75rem;align-items:flex-start}
.msg.ok{background:rgba(127,176,138,.1);border:1px solid rgba(127,176,138,.34);color:#a6cfae}
.msg.er{background:rgba(212,117,108,.1);border:1px solid rgba(212,117,108,.34);color:#e0a29c}
.msg svg{flex-shrink:0;margin-top:2px}
@media (max-width:900px){
  .plan{grid-template-columns:1fr}
  .plan-side{border-right:0;border-bottom:1px solid var(--line)}
  .frm{grid-template-columns:1fr}
}

/* ---- Proje detay ---- */
.pjh{position:relative;min-height:min(88svh,860px);display:flex;align-items:flex-end;overflow:hidden}
.pjh-media{position:absolute;inset:0;z-index:0}
.pjh-media img,.pjh-media .ph{width:100%;height:100%;object-fit:cover}
.pjh-media::after{content:'';position:absolute;inset:0;
  background:linear-gradient(to top,var(--bg) 3%,rgba(11,14,18,.68) 34%,rgba(11,14,18,.34) 70%,rgba(11,14,18,.6))}
.pjh-in{position:relative;z-index:2;width:100%;max-width:var(--max);margin:0 auto;
  padding:calc(var(--hdr-h) + 3rem) var(--gut) clamp(2.6rem,5vh,4.6rem)}
.pjh-t{font:400 clamp(2.2rem,6vw,5rem)/1.02 var(--ff-d);letter-spacing:-.03em;max-width:22ch;
  margin-bottom:1.5rem}
.pjh-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.7rem}

/* Künye tablosu */
.pjf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));
  border-top:1px solid var(--line)}
.pjf-c{padding:1.5rem 1.4rem 1.5rem 0;border-right:1px solid var(--line-2)}
.pjf-c:last-child{border-right:0}
.pjf-c em{display:block;font:600 9.4px/1 var(--ff);letter-spacing:.2em;text-transform:uppercase;
  color:var(--tx-4);font-style:normal;margin-bottom:.6rem}
.pjf-c b{display:block;font:400 15.4px/1.45 var(--ff);color:var(--tx)}

/* İçerik blokları */
.rich{max-width:74ch}
.rich p{margin-bottom:1.35rem;color:var(--tx-2);font-size:var(--t-lg);line-height:1.82}
.rich p:last-child{margin-bottom:0}
.rich strong{color:var(--tx);font-weight:500}
.blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));
  gap:1px;background:var(--line-2);border:1px solid var(--line-2)}
.block{background:var(--bg);padding:clamp(1.5rem,2.6vw,2.2rem)}
.block em{display:flex;align-items:center;gap:.6rem;font:600 9.6px/1 var(--ff);letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);font-style:normal;margin-bottom:1.1rem}
.block h3{font:400 var(--t-h3)/1.2 var(--ff-d);margin-bottom:.85rem}
.block p{color:var(--tx-2);font-size:14.4px;line-height:1.72}
.block ul{display:flex;flex-direction:column;gap:.7rem;margin-top:.3rem}
.block li{display:grid;grid-template-columns:auto 1fr;gap:.7rem;font-size:14.2px;line-height:1.6;
  color:var(--tx-2)}
.block li svg{color:var(--gold);margin-top:3px}

/* Galeri */
.gal{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(.6rem,1.4vw,1.1rem)}
.gal>*{overflow:hidden;background:var(--bg-3);border:1px solid var(--line-2)}
.gal>*:nth-child(4n+1){grid-column:span 7}
.gal>*:nth-child(4n+2){grid-column:span 5}
.gal>*:nth-child(4n+3){grid-column:span 5}
.gal>*:nth-child(4n+4){grid-column:span 7}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e-out)}
.gal>*:hover img{transform:scale(1.05)}
@media (max-width:760px){.gal>*{grid-column:span 12!important}}

/* ---- Footer ---- */
.ftr{position:relative;border-top:1px solid var(--line);background:var(--bg-2);overflow:hidden;
  padding-top:clamp(3rem,6vw,5.5rem)}
.ftr-sky{position:absolute;inset:auto 0 0;height:220px;pointer-events:none;opacity:.5;
  mask-image:linear-gradient(to top,#000,transparent);
  -webkit-mask-image:linear-gradient(to top,#000,transparent)}
.ftr-sky svg{width:100%;height:100%}
.ftr-top{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:0 var(--gut);
  display:grid;grid-template-columns:1.12fr 2fr;gap:clamp(2.2rem,5vw,4.5rem);
  padding-bottom:clamp(2.6rem,5vw,4.5rem)}
.ftr-brand .brand{margin-bottom:1.35rem}
.ftr-claim{font:400 1.06rem/1.5 var(--ff-d);color:var(--gold);margin-bottom:.9rem}
.ftr-desc{font-size:13.7px;line-height:1.75;color:var(--tx-3);max-width:42ch}
.ftr-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.4rem,3vw,2.4rem)}
.fcol{display:flex;flex-direction:column;gap:.72rem;min-width:0}
.fcol h4{font:600 9.6px/1 var(--ff);letter-spacing:.22em;text-transform:uppercase;color:var(--tx-4);
  margin-bottom:.5rem}
.fcol a,.fcol span{font-size:13.4px;line-height:1.5;color:var(--tx-3);transition:color .3s var(--e);
  display:inline-flex;align-items:flex-start;gap:.5rem}
.fcol a:hover{color:var(--gold)}
.fcol svg{flex-shrink:0;margin-top:2.5px;color:var(--gold);opacity:.72}
.faddr{color:var(--tx-3);line-height:1.55!important}
.fmore{color:var(--gold)!important;margin-top:.3rem;align-items:center!important}
.fmore svg{margin-top:0;transition:transform .35s var(--e)}
.fmore:hover svg{transform:translateX(4px)}
.ftr-bar{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:1.5rem var(--gut);
  border-top:1px solid var(--line-2);display:flex;flex-wrap:wrap;gap:1rem;
  align-items:center;justify-content:space-between;
  font-size:11.9px;color:var(--tx-4)}
.ftr-legal{display:flex;flex-wrap:wrap;gap:1.4rem}
.ftr-legal a{transition:color .3s}
.ftr-legal a:hover{color:var(--gold)}
@media (max-width:1000px){
  .ftr-top{grid-template-columns:1fr}
  .ftr-cols{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .ftr-cols{grid-template-columns:1fr;gap:1.9rem}
  .ftr-bar{flex-direction:column;align-items:flex-start}
}

/* ---- Sayfa başlığı (iç sayfalar) ---- */
.phero{position:relative;padding:calc(var(--hdr-h) + clamp(3.4rem,7vw,6.4rem)) 0 clamp(2.4rem,5vw,4rem);
  overflow:hidden;border-bottom:1px solid var(--line-2)}
.phero-cv{position:absolute;inset:0;z-index:0}
.phero-in{position:relative;z-index:2}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:1.5rem;
  font:500 10px/1 var(--ff);letter-spacing:.16em;text-transform:uppercase;color:var(--tx-4)}
.crumb a{color:var(--tx-3);transition:color .3s}
.crumb a:hover{color:var(--gold)}
.crumb i{opacity:.4}
.phero h1{font:400 var(--t-h1)/1.04 var(--ff-d);letter-spacing:-.028em;max-width:24ch;margin-bottom:1.25rem}
.phero .lead{max-width:66ch}

/* ==== 07-utils.css ==== */
/* ============================================================
   09 — YARDIMCILAR · IZGARA · RESPONSIVE · YAZDIRMA
   ============================================================ */

/* Izgaralar */
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.2rem,2.6vw,2.4rem)}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.6vw,2.4rem)}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.8rem)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.split.wide-l{grid-template-columns:1.25fr .75fr}
.split.wide-r{grid-template-columns:.75fr 1.25fr}
.stack{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.6rem)}
.row{display:flex;flex-wrap:wrap;gap:clamp(.8rem,1.8vw,1.5rem)}
.mt0{margin-top:0}.mt1{margin-top:1rem}.mt2{margin-top:2rem}.mt3{margin-top:3rem}
.mb0{margin-bottom:0}.mb1{margin-bottom:1rem}.mb2{margin-bottom:2rem}
.ctr{text-align:center}
.rel{position:relative}
.z2{position:relative;z-index:2}

/* Büyük tipografi bloğu (Hakkımızda / manifesto) */
.mani{font:400 clamp(1.7rem,4.6vw,3.5rem)/1.22 var(--ff-d);letter-spacing:-.024em;max-width:26ch}
.mani b{color:var(--gold);font-weight:400}
.mani-big{font:400 clamp(2.4rem,8vw,6.2rem)/1 var(--ff-d);letter-spacing:-.04em}
.mani-seq{display:flex;flex-direction:column;gap:.15rem}
.mani-seq span{display:block;overflow:hidden}
.mani-seq b{display:block;font-weight:400}
.mani-seq .s1{font:400 clamp(2.2rem,7vw,5.4rem)/1.05 var(--ff-d);color:var(--tx)}
.mani-seq .s2{font:400 clamp(1.1rem,2.4vw,1.85rem)/1.3 var(--ff);color:var(--tx-3);
  letter-spacing:-.01em;padding-left:.15em}
.mani-seq .s3{font:400 clamp(1.3rem,3.2vw,2.5rem)/1.2 var(--ff-d);color:var(--gold);padding-left:.3em}

/* Alıntı */
.quote{position:relative;padding:clamp(1.6rem,3vw,2.6rem) 0 0 clamp(1.6rem,3vw,2.6rem);
  border-left:1px solid var(--gold-line);max-width:60ch}
.quote::before{content:'"';position:absolute;top:-.15em;left:.3rem;font:400 5rem/1 var(--ff-d);
  color:var(--gold);opacity:.28}
.quote p{font:400 clamp(1.15rem,2.2vw,1.62rem)/1.5 var(--ff-d);color:var(--tx)}
.quote cite{display:block;margin-top:1.1rem;font:500 10.4px/1 var(--ff);letter-spacing:.2em;
  text-transform:uppercase;color:var(--tx-4);font-style:normal}

/* Bilgi listesi (teknik) */
.specs{display:flex;flex-direction:column;border-top:1px solid var(--line-2)}
.spec{display:grid;grid-template-columns:1fr auto;gap:1.2rem;padding:.95rem 0;
  border-bottom:1px solid var(--line-2);font-size:14.2px}
.spec em{color:var(--tx-3);font-style:normal}
.spec b{color:var(--tx);font-weight:500;text-align:right}

/* Etiket / rozet */
.tag{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .82rem;
  border:1px solid var(--line);border-radius:100px;font:500 10.2px/1 var(--ff);
  letter-spacing:.15em;text-transform:uppercase;color:var(--tx-3)}
.tag.gold{border-color:var(--gold-line);color:var(--gold);background:var(--gold-dim)}
.tags{display:flex;flex-wrap:wrap;gap:.5rem}

/* Bilgi notu (uydurma veri yerine dürüst mesaj) */
.note{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.25rem 1.4rem;
  border:1px solid var(--line);border-left:2px solid var(--gold);background:var(--bg-3)}
.note svg{color:var(--gold);margin-top:2px}
.note b{display:block;font:500 13.6px/1.4 var(--ff);color:var(--tx);margin-bottom:.35rem}
.note p{font-size:13.2px;line-height:1.68;color:var(--tx-3)}

/* CTA şeridi */
.cta{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--bg-3);
  padding:clamp(2.2rem,5vw,4.4rem);display:grid;grid-template-columns:1.4fr auto;
  gap:clamp(1.6rem,3vw,3rem);align-items:center}
.cta-bg{position:absolute;inset:0;pointer-events:none;opacity:.4}
.cta h2{font:400 var(--t-h2)/1.1 var(--ff-d);margin-bottom:.9rem;max-width:24ch}
.cta p{color:var(--tx-2);font-size:var(--t-lg);line-height:1.7;max-width:56ch}
.cta-act{display:flex;flex-direction:column;gap:.8rem;position:relative;z-index:2}
@media (max-width:820px){.cta{grid-template-columns:1fr}}

/* Video çerçevesi */
.vid{position:relative;border:1px solid var(--line);background:#000;overflow:hidden;aspect-ratio:16/9}
.vid video,.vid iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
.vid-play{position:absolute;inset:0;display:grid;place-items:center;z-index:2;
  background:rgba(11,14,18,.42);transition:opacity .5s var(--e)}
.vid.on .vid-play{opacity:0;pointer-events:none}
.vid-play i{width:74px;height:74px;border:1px solid rgba(255,255,255,.5);border-radius:50%;
  display:grid;place-items:center;color:#fff;transition:transform .45s var(--e),background .4s}
.vid-play:hover i{transform:scale(1.08);background:var(--gold);border-color:var(--gold);color:#0b0e12}

/* 3D yerine düşük performans alternatifi (mobil / no-webgl) */
.fallback{display:none;position:absolute;inset:0;z-index:1;overflow:hidden}
.no-webgl .fallback,body.lite .fallback{display:block}
.no-webgl canvas.gl,body.lite canvas.gl{display:none!important}
.fb-svg{width:100%;height:100%}
.fb-svg path,.fb-svg rect,.fb-svg line{stroke:var(--gold-line);fill:none;stroke-width:1;
  vector-effect:non-scaling-stroke}
.fb-svg .fill{fill:var(--gold-dim);stroke:none}
.fb-svg .anim{stroke-dasharray:400;stroke-dashoffset:400;animation:drawIn 3s var(--e-out) forwards}

/* Responsive genel */
@media (max-width:980px){
  .g3,.g4{grid-template-columns:repeat(2,1fr)}
  .split,.split.wide-l,.split.wide-r{grid-template-columns:1fr;gap:2rem}
  .blocks{grid-template-columns:1fr}
}
@media (max-width:640px){
  :root{--hdr-h:66px}
  .g2,.g3,.g4{grid-template-columns:1fr}
  .pjf-c{border-right:0;border-bottom:1px solid var(--line-2);padding-right:0}
  .btn{width:100%;justify-content:center}
  .btn-row .btn{width:auto;flex:1 1 auto;min-width:min(100%,220px)}
  .btn-line{width:auto}
  .site-card{border-right:0}
}

/* Yazdırma */
@media print{
  .hdr,.drawer,.loader,.pt,.cursor,.scroll-cue,canvas,.ftr-sky{display:none!important}
  body{background:#fff;color:#000}
  .sec{padding:1.2rem 0;break-inside:avoid}
  a{color:#000;text-decoration:underline}
}

/* ==== 08-pages.css ==== */
/* ============================================================
   10 — SAYFA BAŞLIĞI · DÖNÜŞÜM · SÜREÇ · KARŞILAŞTIRMA
   ============================================================ */

/* ---- Sayfa başlığı (her iç sayfa) ---- */
.phero{position:relative;min-height:64svh;display:flex;align-items:flex-end;
  padding:calc(var(--hdr) + 5rem) 0 4.5rem;overflow:hidden;border-bottom:1px solid var(--line)}
.phero-cv{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.phero::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,14,18,.72),rgba(11,14,18,.35) 42%,var(--bg))}
.phero-in{position:relative;z-index:2}
.phero-h1{font:300 var(--t-h1)/1.03 var(--ff-d);letter-spacing:-.02em;color:var(--tx);
  margin:.9rem 0 1.3rem;max-width:20ch}
.phero-sub{max-width:62ch;color:var(--tx-2);font-size:15.6px;line-height:1.78}
.phero-meta{display:flex;flex-wrap:wrap;gap:2.4rem;margin-top:2.4rem;
  padding-top:1.7rem;border-top:1px solid var(--line)}
.phero-meta span{display:flex;flex-direction:column;gap:.32rem}
.phero-meta b{font:500 var(--t-sm)/1 var(--ff);letter-spacing:.02em;color:var(--gold)}
.phero-meta i{font-style:normal;font-size:13px;color:var(--tx-3)}

/* Kırıntı navigasyonu */
.crumb{display:flex;align-items:center;gap:.6rem;font-size:12.4px;color:var(--tx-3);
  font-family:var(--ff-m);letter-spacing:.06em}
.crumb a{color:var(--tx-3)}
.crumb a:hover{color:var(--gold)}
.crumb i{font-style:normal;opacity:.4}
.crumb span{color:var(--tx-2)}

/* ---- Kentsel dönüşüm: scroll ile yapı dönüşümü ---- */
.morph{position:relative}
.morph-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.morph-cv{position:absolute;inset:0;width:100%;height:100%}
.morph-hud{position:absolute;left:0;right:0;bottom:clamp(2rem,6vh,4.5rem);z-index:3;pointer-events:none}
.morph-row{display:flex;align-items:flex-start;gap:1.6rem;margin-top:1rem;max-width:640px}
.morph-key{font:300 clamp(2.6rem,6vw,4.4rem)/1 var(--ff-d);color:var(--gold);opacity:.85;
  min-width:2.4ch;letter-spacing:-.03em}
.morph-name{font:400 clamp(1.6rem,3.4vw,2.6rem)/1.12 var(--ff-d);color:var(--tx);margin-bottom:.7rem}
.morph-txt{color:var(--tx-2);font-size:15px;line-height:1.74;min-height:4.4em}
.morph-rail{position:absolute;right:clamp(1rem,3vw,2.6rem);top:50%;transform:translateY(-50%);
  z-index:3;display:flex;flex-direction:column;gap:1.15rem}
.morph-rail li{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;
  font:500 11px/1 var(--ff-m);letter-spacing:.14em;text-transform:uppercase;color:var(--tx-4)}
.morph-rail span{opacity:0;transform:translateX(6px);transition:all .4s var(--e)}
.morph-rail li:hover span{opacity:1;transform:none}
.morph-rail i{width:26px;height:1px;background:var(--line-2);position:relative;transition:all .45s var(--e)}
.morph-rail i.on{background:var(--gold);width:40px;box-shadow:0 0 12px rgba(200,168,107,.5)}

/* ---- Süreç listesi (numaralı, kart değil) ---- */
.proc{display:flex;flex-direction:column}
.proc-item{padding:2.5rem 0;border-top:1px solid var(--line);
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr);
  gap:1.6rem clamp(2rem,5vw,5rem);align-items:start}
.proc-item:last-child{border-bottom:1px solid var(--line)}
.proc-item header{display:flex;align-items:baseline;gap:1.1rem}
.proc-no{font:300 clamp(1.5rem,2.6vw,2.1rem)/1 var(--ff-d);color:var(--gold-2);
  letter-spacing:-.02em;flex:none}
.proc-item h3{font:400 var(--t-h3)/1.2 var(--ff-d);color:var(--tx)}
.proc-item > p{color:var(--tx-2);font-size:14.6px;line-height:1.78;grid-column:2}
.proc-list{grid-column:2;display:flex;flex-wrap:wrap;gap:.5rem .9rem;margin-top:.3rem}
.proc-list li{display:inline-flex;align-items:center;gap:.42rem;font-size:12.4px;
  color:var(--tx-3);border:1px solid var(--line);padding:.34rem .72rem;
  font-family:var(--ff-m);letter-spacing:.02em}
.proc-list svg{color:var(--gold);flex:none}

/* ---- Eski / yeni karşılaştırma ---- */
.cmp{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(1rem,3vw,2.4rem);align-items:stretch}
.cmp-col{border:1px solid var(--line);padding:1.9rem clamp(1.2rem,2.4vw,2rem);position:relative}
.cmp-old{background:rgba(255,255,255,.012)}
.cmp-new{background:linear-gradient(180deg,rgba(200,168,107,.055),transparent 60%);
  border-color:var(--gold-line)}
.cmp-col h3{margin-bottom:1.4rem}
.cmp-tag{display:inline-block;font:500 11px/1 var(--ff-m);letter-spacing:.16em;
  text-transform:uppercase;color:var(--tx-3);border:1px solid var(--line-2);padding:.42rem .8rem}
.cmp-tag.on{color:var(--gold);border-color:var(--gold-line)}
.cmp-col ul{display:flex;flex-direction:column}
.cmp-col li{padding:.85rem 0;border-top:1px solid var(--line);display:flex;
  flex-direction:column;gap:.24rem}
.cmp-col li:first-child{border-top:0}
.cmp-col b{font:500 13.2px/1.3 var(--ff);color:var(--tx-2);letter-spacing:.01em}
.cmp-col i{font-style:normal;font-size:12.8px;color:var(--tx-4);line-height:1.6}
.cmp-new b{color:var(--tx)}
.cmp-new i{color:var(--tx-3)}
.cmp-mid{display:grid;place-items:center}
.cmp-arrow{width:44px;height:44px;border:1px solid var(--gold-line);border-radius:50%;
  display:grid;place-items:center;color:var(--gold);background:var(--bg)}

/* ---- Bilgi notu ---- */
.note{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--line);
  border-left:2px solid var(--gold);padding:1.3rem 1.5rem;background:rgba(255,255,255,.014)}
.note svg{color:var(--gold);flex:none;margin-top:.15rem}
.note b{display:block;font:500 14px/1.4 var(--ff);color:var(--tx);margin-bottom:.35rem}
.note p{color:var(--tx-3);font-size:13.4px;line-height:1.7}

@media (max-width:900px){
  .proc-item{grid-template-columns:1fr}
  .proc-item > p,.proc-list{grid-column:1}
  .cmp{grid-template-columns:1fr}
  .cmp-mid{padding:.4rem 0}
  .cmp-arrow{transform:rotate(90deg)}
  .morph-rail{display:none}
  .morph-row{gap:1rem}
}

/* ==== 09-service.css ==== */
/* ============================================================
   11 — HİZMET SAYFASI BİLEŞENLERİ
   Her hizmet farklı anlatım kullanır: aynı kart tekrarı yok.
   ============================================================ */

/* Hizmet sayfası vurgu rengi (her hizmette farklı) */
.svcpage{--acc:var(--gold)}
.phero-ic{display:inline-grid;place-items:center;width:52px;height:52px;
  border:1px solid var(--gold-line);color:var(--acc,var(--gold));margin-bottom:.4rem}
.phero-svc .phero-h1{max-width:24ch}

/* ---- Giriş: metin + kapsam kenar sütunu ---- */
.svc-intro{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);
  gap:clamp(2rem,5vw,5rem);align-items:start}
.svc-intro-txt p{color:var(--tx-2);font-size:15.4px;line-height:1.82;margin-top:1.1rem;max-width:64ch}
.svc-aside{border:1px solid var(--line);padding:1.7rem 1.6rem;position:sticky;top:calc(var(--hdr) + 1.6rem)}
.svc-aside h3{font:500 11.6px/1 var(--ff-m);letter-spacing:.18em;text-transform:uppercase;
  color:var(--tx-3);margin-bottom:1.15rem}
.svc-scope{display:flex;flex-direction:column}
.svc-scope li{display:flex;gap:.6rem;align-items:flex-start;padding:.62rem 0;
  border-top:1px solid var(--line);font-size:13.6px;color:var(--tx-2);line-height:1.55}
.svc-scope li:first-child{border-top:0}
.svc-scope svg{color:var(--acc,var(--gold));flex:none;margin-top:.18rem}
.svc-aside-cta{margin-top:1.3rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.svc-aside-cta span{display:block;font-size:12.8px;color:var(--tx-4);line-height:1.65;margin-bottom:.7rem}
.svc-aside-cta a{display:inline-flex;align-items:center;gap:.42rem;font:500 13px/1 var(--ff);
  color:var(--acc,var(--gold))}
.svc-aside-cta a:hover{gap:.7rem}

/* ---- Akış (numaralı süreç) ---- */
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,278px),1fr));
  gap:0;border-top:1px solid var(--line)}
.flow li{display:flex;gap:1rem;padding:1.7rem 1.4rem 1.7rem 0;border-bottom:1px solid var(--line);
  border-right:1px solid var(--line)}
.flow-no{font:300 1.35rem/1 var(--ff-d);color:var(--acc,var(--gold));opacity:.8;flex:none;
  padding-left:1.2rem;border-left:2px solid var(--acc,var(--gold))}
.flow li h3{font:500 14.6px/1.3 var(--ff);color:var(--tx);margin-bottom:.42rem;letter-spacing:.01em}
.flow li p{font-size:13.4px;color:var(--tx-3);line-height:1.68}

/* ---- Teknik notlar ---- */
.tec{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,252px),1fr));gap:1px;
  background:var(--line)}
.tec article{background:var(--bg);padding:1.7rem 1.5rem}
.tec-ic{display:inline-grid;place-items:center;width:40px;height:40px;
  border:1px solid var(--line-2);color:var(--acc,var(--gold));margin-bottom:1rem}
.tec h3{font:500 14.4px/1.3 var(--ff);color:var(--tx);margin-bottom:.55rem}
.tec p{font-size:13.4px;color:var(--tx-3);line-height:1.7}

/* ---- SSS ---- */
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.25rem 0;cursor:pointer;font:500 15px/1.4 var(--ff);color:var(--tx);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;width:13px;height:13px;flex:none}
.faq summary i::before,.faq summary i::after{content:'';position:absolute;background:var(--acc,var(--gold));
  transition:transform .35s var(--e)}
.faq summary i::before{left:0;top:6px;width:13px;height:1px}
.faq summary i::after{left:6px;top:0;width:1px;height:13px}
.faq details[open] summary i::after{transform:scaleY(0)}
.faq details > div{padding:0 0 1.35rem;max-width:74ch}
.faq details p{font-size:14px;color:var(--tx-2);line-height:1.8}

/* ---- Diğer hizmetler ---- */
.oth{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,246px),1fr));gap:1px;
  background:var(--line)}
.oth-item{background:var(--bg);padding:1.5rem 1.35rem;display:flex;flex-direction:column;
  gap:.5rem;position:relative;transition:background .4s var(--e)}
.oth-item:hover{background:rgba(200,168,107,.045)}
.oth-ic{color:var(--gold);opacity:.8}
.oth-item b{font:500 14.2px/1.3 var(--ff);color:var(--tx)}
.oth-item i{font-style:normal;font-size:12.8px;color:var(--tx-4);line-height:1.55}
.oth-item em{position:absolute;right:1.2rem;bottom:1.3rem;color:var(--gold);opacity:0;
  transform:translateX(-6px);transition:all .4s var(--e)}
.oth-item:hover em{opacity:1;transform:none}

/* ---- Hizmet indeksi (hizmetler.php) ---- */
.idx{border-top:1px solid var(--line)}
.idx-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:1.3rem;
  align-items:center;padding:1.55rem .4rem;border-bottom:1px solid var(--line);
  position:relative;transition:padding .45s var(--e)}
.idx-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 10%,transparent),transparent);
  transition:width .55s var(--e);pointer-events:none}
.idx-row:hover::before{width:100%}
.idx-row:hover{padding-left:1.3rem}
.idx-no{font:300 1.1rem/1 var(--ff-d);color:var(--tx-4);min-width:2.2ch}
.idx-ic{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-2);
  color:var(--acc,var(--gold));transition:border-color .4s var(--e)}
.idx-row:hover .idx-ic{border-color:var(--acc,var(--gold))}
.idx-txt{display:flex;flex-direction:column;gap:.22rem;min-width:0}
.idx-txt b{font:400 clamp(1.02rem,1.9vw,1.34rem)/1.22 var(--ff-d);color:var(--tx)}
.idx-txt i{font-style:normal;font:500 11.4px/1 var(--ff-m);letter-spacing:.11em;
  text-transform:uppercase;color:var(--acc,var(--gold));opacity:.9}
.idx-txt em{font-style:normal;font-size:13.2px;color:var(--tx-3);line-height:1.6;
  max-width:76ch;margin-top:.2rem}
.idx-go{color:var(--tx-4);transition:all .4s var(--e)}
.idx-row:hover .idx-go{color:var(--acc,var(--gold));transform:translateX(5px)}

@media (max-width:900px){
  .svc-intro{grid-template-columns:1fr}
  .svc-aside{position:static}
  .flow li{border-right:0}
  .idx-row{grid-template-columns:auto minmax(0,1fr);gap:.9rem 1rem}
  .idx-ic,.idx-go{display:none}
  .idx-no{align-self:start}
}

/* ==== 10-svcblocks.css ==== */
/* ============================================================
   12 — HİZMETE ÖZEL ANLATIM BLOKLARI
   timeline · sketch · plot · gantt · structure · layers
   section · span · flowgrid · daylife · facade · acoustic
   ============================================================ */

/* ---- Ortak: sahne kutusu ---- */
.sk-cv-box,.plot-cv-box,.str-cv-box,.cut-cv-box,.spn-cv-box,.dl-cv-box,.fcd-cv-box{
  position:relative;aspect-ratio:4/3;border:1px solid var(--line);overflow:hidden;
  background:radial-gradient(120% 100% at 50% 0,rgba(255,255,255,.02),transparent 70%)}
.spn-cv-box{aspect-ratio:21/9;margin-bottom:2.4rem}
.sk-cv,.plot-cv,.str-cv,.cut-cv,.spn-cv,.dl-cv,.fcd-cv{
  position:absolute;inset:0;width:100%;height:100%}

/* ---- ZAMAN ÇİZELGESİ (anahtar teslim) ---- */
.tline{position:relative;padding-left:2.2rem}
.tline::before{content:'';position:absolute;left:5px;top:.6rem;bottom:.6rem;width:1px;
  background:linear-gradient(180deg,transparent,var(--gold-line) 8%,var(--gold-line) 92%,transparent)}
.tline li{position:relative;padding:1.15rem 0 1.15rem 0}
.tline-dot{position:absolute;left:-2.2rem;top:1.5rem;width:11px;height:11px;
  border:1px solid var(--gold);background:var(--bg);transform:rotate(45deg)}
.tline li:hover .tline-dot{background:var(--gold)}
.tline-no{font:500 10.8px/1 var(--ff-m);letter-spacing:.16em;color:var(--gold);opacity:.85}
.tline li h3{font:400 var(--t-h3)/1.24 var(--ff-d);color:var(--tx);margin:.4rem 0 .45rem}
.tline li p{font-size:13.8px;color:var(--tx-3);line-height:1.72;max-width:70ch}

/* ---- ESKİZ -> 3D (mimari tasarım) ---- */
.sk-wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);
  gap:clamp(1.6rem,4vw,3.4rem);align-items:center}
.sk-badge{position:absolute;left:1.1rem;bottom:1.1rem;z-index:2;
  font:500 10.8px/1 var(--ff-m);letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);border:1px solid var(--gold-line);padding:.5rem .8rem;background:rgba(11,14,18,.72)}
.sk-steps{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.sk-step{padding:1rem .2rem;border-bottom:1px solid var(--line);display:flex;
  flex-direction:column;gap:.28rem;opacity:.45;transition:opacity .5s var(--e),padding .5s var(--e)}
.sk-step.on{opacity:1;padding-left:.9rem;border-left:2px solid var(--gold)}
.sk-step b{font:400 1.06rem/1.2 var(--ff-d);color:var(--tx)}
.sk-step i{font-style:normal;font-size:13px;color:var(--tx-3);line-height:1.6}

/* ---- ARSA SENARYOLARI (proje geliştirme) ---- */
.plot-wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:clamp(1.6rem,4vw,3.2rem);align-items:center}
.plot-list{display:flex;flex-direction:column;gap:1px;background:var(--line)}
.plot-item{background:var(--bg);text-align:left;padding:1.15rem 1.25rem;display:grid;
  grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;
  gap:.15rem .9rem;transition:background .4s var(--e);cursor:pointer}
.plot-item:hover{background:rgba(255,255,255,.022)}
.plot-item.on{background:rgba(200,168,107,.07)}
.plot-ic{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;
  border:1px solid var(--line-2);color:var(--tx-3);align-self:center;transition:all .4s var(--e)}
.plot-item.on .plot-ic{border-color:var(--gold-line);color:var(--gold)}
.plot-item b{font:500 14.4px/1.3 var(--ff);color:var(--tx)}
.plot-item i{font-style:normal;font-size:12.8px;color:var(--tx-4);line-height:1.55}

/* ---- İŞ PROGRAMI (proje yönetimi) ---- */
.gantt{border:1px solid var(--line);padding:1.6rem clamp(1rem,2.4vw,1.9rem)}
.gantt-row{display:grid;grid-template-columns:minmax(96px,168px) minmax(0,1fr);
  gap:1rem;align-items:center;padding:.52rem 0}
.gantt-lbl{font-size:12.8px;color:var(--tx-3);font-family:var(--ff-m);letter-spacing:.02em}
.gantt-track{position:relative;height:16px;background:rgba(255,255,255,.028);overflow:hidden}
.gantt-track::before{content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,transparent,transparent 9.9%,var(--line) 10%)}
.gantt-bar{position:absolute;top:3px;bottom:3px;left:var(--a);width:calc(var(--b) - var(--a));
  background:linear-gradient(90deg,rgba(157,184,212,.42),rgba(157,184,212,.22));
  transform:scaleX(0);transform-origin:left;transition:transform 1s var(--e-out)}
[data-rv].in .gantt-bar,.in .gantt-bar{transform:scaleX(1)}
.gantt-bar.crit{background:linear-gradient(90deg,rgba(200,168,107,.72),rgba(200,168,107,.3));
  box-shadow:0 0 14px rgba(200,168,107,.22)}
.gantt-legend{display:flex;gap:1.6rem;margin-top:1.1rem;padding-top:1rem;
  border-top:1px solid var(--line);font-size:12px;color:var(--tx-4);font-family:var(--ff-m)}
.gantt-legend span{display:inline-flex;align-items:center;gap:.48rem}
.sw{width:16px;height:5px;background:rgba(157,184,212,.35)}
.sw.crit{background:rgba(200,168,107,.65)}

/* ---- TAŞIYICI SİSTEM (kaba yapı) ---- */
.str-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:clamp(1.6rem,4vw,3.2rem);align-items:center}
.str-list{display:flex;flex-direction:column;gap:1px;background:var(--line)}
.str-item{background:var(--bg);text-align:left;padding:1.05rem 1.2rem;cursor:pointer;
  display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;
  gap:.12rem .85rem;transition:background .4s var(--e)}
.str-item:hover{background:rgba(255,255,255,.022)}
.str-item.on{background:rgba(200,168,107,.07)}
.str-ic{grid-row:1/3;align-self:center;display:grid;place-items:center;width:36px;height:36px;
  border:1px solid var(--line-2);color:var(--tx-3);transition:all .4s var(--e)}
.str-item.on .str-ic{border-color:var(--gold-line);color:var(--gold)}
.str-item b{font:500 14px/1.3 var(--ff);color:var(--tx)}
.str-item i{font-style:normal;font-size:12.6px;color:var(--tx-4);line-height:1.55}

/* ---- KATMAN AYRIŞMASI (ince yapı) ---- */
.lyr-stack{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:0}
.lyr-row{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:1.2rem;align-items:center;
  padding:1.1rem 0 1.1rem 1.4rem;border-bottom:1px solid var(--line);
  transform:translateX(calc(var(--i) * -6px));opacity:0;
  transition:transform .8s var(--e-out),opacity .8s var(--e)}
.lyr-stack.in .lyr-row,.in .lyr-row{transform:none;opacity:1}
.lyr-row:nth-child(1){transition-delay:.02s}.lyr-row:nth-child(2){transition-delay:.1s}
.lyr-row:nth-child(3){transition-delay:.18s}.lyr-row:nth-child(4){transition-delay:.26s}
.lyr-row:nth-child(5){transition-delay:.34s}
.lyr-no{font:500 10.6px/1 var(--ff-m);letter-spacing:.14em;color:var(--gold);opacity:.8}
.lyr-bar{display:block;height:14px;width:clamp(44px,9vw,110px);
  background:linear-gradient(90deg,rgba(200,168,107,calc(.5 - var(--i) * .07)),transparent);
  border-left:2px solid var(--gold)}
.lyr-txt{display:flex;flex-direction:column;gap:.2rem}
.lyr-txt b{font:500 14.2px/1.3 var(--ff);color:var(--tx)}
.lyr-txt i{font-style:normal;font-size:12.8px;color:var(--tx-3);line-height:1.6}

/* ---- TEKNİK KESİT (beton) ---- */
.cut-wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.95fr);
  gap:clamp(1.6rem,4vw,3.2rem);align-items:center}
.cut-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.cut-item{text-align:left;padding:.95rem .2rem;border-bottom:1px solid var(--line);cursor:pointer;
  display:flex;flex-direction:column;gap:.22rem;transition:padding .45s var(--e)}
.cut-item.on{padding-left:.9rem;border-left:2px solid var(--gold)}
.cut-item b{font:500 14px/1.3 var(--ff);color:var(--tx)}
.cut-item i{font-style:normal;font-size:12.6px;color:var(--tx-4);line-height:1.55}
.cut-item.on i{color:var(--tx-3)}

/* ---- GENİŞ AÇIKLIK (endüstriyel) ---- */
.spn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,236px),1fr));
  gap:1px;background:var(--line)}
.spn-grid article{background:var(--bg);padding:1.5rem 1.4rem}
.spn-grid h3{font:500 14.2px/1.3 var(--ff);color:var(--tx);margin-bottom:.5rem}
.spn-grid p{font-size:13.2px;color:var(--tx-3);line-height:1.7}

/* ---- DEPO AKIŞI (lojistik) ---- */
.flw-line{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));
  gap:1.4rem}
.flw-node{position:relative;border:1px solid var(--line);padding:1.5rem 1.3rem;
  display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translateY(14px);
  transition:opacity .7s var(--e),transform .7s var(--e-out);
  transition-delay:calc(var(--i) * .09s)}
.in .flw-node{opacity:1;transform:none}
.flw-ic{color:var(--gold);opacity:.85}
.flw-node b{font:500 14.4px/1.3 var(--ff);color:var(--tx)}
.flw-node i{font-style:normal;font-size:12.8px;color:var(--tx-3);line-height:1.62}
.flw-arrow{position:absolute;right:-1.05rem;top:50%;width:.9rem;height:1px;
  background:var(--gold-line);z-index:2}
.flw-arrow::after{content:'';position:absolute;right:0;top:-2.5px;width:6px;height:6px;
  border-top:1px solid var(--gold);border-right:1px solid var(--gold);transform:rotate(45deg)}

/* ---- GÜN DÖNGÜSÜ (konut) ---- */
.dl-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:clamp(1.6rem,4vw,3.2rem);align-items:center}
.dl-list{display:flex;flex-direction:column;gap:1px;background:var(--line)}
.dl-item{background:var(--bg);text-align:left;padding:1.1rem 1.25rem;cursor:pointer;
  display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;
  gap:.14rem .95rem;transition:background .4s var(--e)}
.dl-item.on{background:rgba(200,168,107,.07)}
.dl-time{grid-row:1/3;align-self:center;font:300 1.2rem/1 var(--ff-d);color:var(--tx-4);
  letter-spacing:-.01em;transition:color .4s var(--e)}
.dl-item.on .dl-time{color:var(--gold)}
.dl-item b{font:500 14px/1.3 var(--ff);color:var(--tx)}
.dl-item i{font-style:normal;font-size:12.6px;color:var(--tx-4);line-height:1.55}

/* ---- CEPHE KATMANI (ticari) ---- */
.fcd-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:clamp(1.6rem,4vw,3.2rem);align-items:center}
.fcd-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.fcd-item{text-align:left;padding:1rem .2rem;border-bottom:1px solid var(--line);cursor:pointer;
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .9rem;
  grid-template-rows:auto auto;transition:padding .45s var(--e)}
.fcd-item.on{padding-left:.9rem;border-left:2px solid var(--gold)}
.fcd-no{grid-row:1/3;align-self:center;font:500 10.6px/1 var(--ff-m);letter-spacing:.14em;
  color:var(--tx-4)}
.fcd-item.on .fcd-no{color:var(--gold)}
.fcd-item b{font:500 14px/1.3 var(--ff);color:var(--tx)}
.fcd-item i{font-style:normal;font-size:12.6px;color:var(--tx-4);line-height:1.55}

/* ---- AKUSTİK (eğitim/kültür) ---- */
.acu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,268px),1fr));gap:1px;
  background:var(--line)}
.acu-card{background:var(--bg);padding:1.8rem 1.6rem;display:flex;flex-direction:column;gap:.6rem}
.acu-ic{display:inline-grid;place-items:center;width:42px;height:42px;
  border:1px solid var(--line-2);color:var(--gold);margin-bottom:.5rem}
.acu-card h3{font:400 1.1rem/1.24 var(--ff-d);color:var(--tx)}
.acu-card p{font-size:13.4px;color:var(--tx-3);line-height:1.72}
.acu-viz{display:flex;align-items:flex-end;gap:5px;height:44px;margin-top:.9rem}
.acu-viz i{flex:1;background:linear-gradient(180deg,var(--gold-line),transparent);
  height:calc(22% + var(--i) * 9%);opacity:.55}
.acu-viz.wave i{height:calc(64% - var(--i) * 7%);
  background:linear-gradient(180deg,rgba(157,184,212,.5),transparent)}
.acu-viz.beam i{height:100%;
  background:linear-gradient(180deg,rgba(255,240,216,calc(.42 - var(--i) * .05)),transparent)}
@media (prefers-reduced-motion:no-preference){
  .in .acu-viz i{animation:acuPulse 2.6s var(--e) infinite;animation-delay:calc(var(--i) * .12s)}
}
@keyframes acuPulse{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.62)}}

@media (max-width:900px){
  .sk-wrap,.plot-wrap,.str-wrap,.cut-wrap,.dl-wrap,.fcd-wrap{grid-template-columns:1fr}
  .spn-cv-box{aspect-ratio:16/9}
  .flw-arrow{display:none}
  .gantt-row{grid-template-columns:minmax(78px,110px) minmax(0,1fr);gap:.7rem}
  .gantt-lbl{font-size:11.6px}
}

/* ==== 11-projects.css ==== */
/* ============================================================
   13 — PROJELER · CASE STUDY · DÜNYA HARİTASI
   ============================================================ */

/* ---- Filtre ---- */
.sechead-row{display:flex;align-items:flex-end;justify-content:space-between;
  gap:2rem;flex-wrap:wrap;max-width:none}
.pjfilter{display:flex;flex-wrap:wrap;gap:.5rem}
.pjf{font:500 12px/1 var(--ff-m);letter-spacing:.05em;color:var(--tx-3);
  border:1px solid var(--line);padding:.6rem .85rem;transition:all .38s var(--e);
  display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;background:transparent}
.pjf em{font-style:normal;font-size:10.4px;color:var(--tx-4)}
.pjf:hover{color:var(--tx);border-color:var(--line-2)}
.pjf.on{color:var(--gold);border-color:var(--gold-line);background:rgba(200,168,107,.05)}
.pjf.on em{color:var(--gold-2)}
.pjempty{margin-top:2rem;color:var(--tx-3);font-size:14px;text-align:center;
  padding:3rem 0;border:1px dashed var(--line)}

/* ---- Proje listesi: satır tabanlı case study ---- */
.pjlist{border-top:1px solid var(--line)}
.pjrow{border-bottom:1px solid var(--line)}
.pjrow[hidden]{display:none}
.pjrow-in{display:grid;grid-template-columns:auto minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(1.2rem,3vw,2.6rem);align-items:center;padding:1.9rem .3rem;
  position:relative;transition:padding .5s var(--e)}
.pjrow-in::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(200,168,107,.05),transparent 55%);
  opacity:0;transition:opacity .55s var(--e)}
.pjrow-in:hover::before{opacity:1}
.pjrow-in:hover{padding-left:1.1rem}
.pjrow-no{font:300 1.05rem/1 var(--ff-d);color:var(--tx-4);min-width:2.4ch}
.pjrow-media{position:relative;overflow:hidden;display:block;
  border:1px solid var(--line);background:rgba(255,255,255,.012)}
.pjrow-media img,.pjrow-media .ph{display:block;width:100%;height:100%;
  transition:transform 1.1s var(--e-out);transform-origin:center}
.pjrow-in:hover .pjrow-media img,.pjrow-in:hover .pjrow-media .ph{transform:scale(1.055)}
.pjrow-txt{display:flex;flex-direction:column;gap:.55rem;min-width:0}
.pjrow-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.pjrow-tags i{font-style:normal;font:500 10.6px/1 var(--ff-m);letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-line);padding:.34rem .6rem}
.pjrow-tags i.alt{color:var(--tx-3);border-color:var(--line-2)}
.pjrow-txt h3{font:400 clamp(1.2rem,2.5vw,1.85rem)/1.18 var(--ff-d);color:var(--tx);
  letter-spacing:-.01em}
.pjrow-loc{display:inline-flex;align-items:center;gap:.4rem;font-size:12.6px;color:var(--tx-3)}
.pjrow-loc svg{color:var(--gold);opacity:.8}
.pjrow-txt p{font-size:13.8px;color:var(--tx-3);line-height:1.72;max-width:64ch}
.pjrow-go{display:inline-flex;align-items:center;gap:.45rem;font:500 12.4px/1 var(--ff-m);
  letter-spacing:.06em;color:var(--gold);margin-top:.25rem;opacity:.55;transition:all .45s var(--e)}
.pjrow-in:hover .pjrow-go{opacity:1;gap:.75rem}

/* ---- Dünya haritası ---- */
.gmap-wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr);
  gap:clamp(1.6rem,4vw,3.2rem);align-items:center}
.gmap-cv-box{position:relative;aspect-ratio:1/1;max-height:78svh}
.gmap-cv{position:absolute;inset:0;width:100%;height:100%}
.gmap-side h3{font:500 11.6px/1 var(--ff-m);letter-spacing:.18em;text-transform:uppercase;
  color:var(--tx-3);margin-bottom:1.1rem}
.gmap-list{display:flex;flex-direction:column;max-height:56svh;overflow-y:auto;
  border-top:1px solid var(--line)}
.gmap-list button{width:100%;text-align:left;padding:.85rem .3rem;border-bottom:1px solid var(--line);
  display:flex;flex-direction:column;gap:.2rem;cursor:pointer;background:transparent;
  transition:padding .4s var(--e)}
.gmap-list button:hover,.gmap-list button.on{padding-left:.85rem}
.gmap-list button.on{border-left:2px solid var(--gold)}
.gmap-list b{font:500 13.4px/1.35 var(--ff);color:var(--tx)}
.gmap-list button.on b{color:var(--gold)}
.gmap-list i{font-style:normal;font-size:12px;color:var(--tx-4)}

/* ============================================================
   CASE STUDY (proje detay)
   ============================================================ */
.cshero{position:relative;min-height:92svh;display:flex;align-items:flex-end;
  padding:calc(var(--hdr) + 5rem) 0 5.5rem;overflow:hidden}
.cshero-media{position:absolute;inset:0}
.cshero-media img,.cshero-media .ph{width:100%;height:100%;object-fit:cover;display:block}
.cshero-cv{position:absolute;inset:0;width:100%;height:100%}
.cshero::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,14,18,.66),rgba(11,14,18,.3) 40%,var(--bg))}
.cshero-in{position:relative;z-index:2}
.cshero-h1{font:300 clamp(2.1rem,5.6vw,4.6rem)/1.02 var(--ff-d);letter-spacing:-.025em;
  color:var(--tx);margin:1rem 0 2rem;max-width:22ch}
.cshero-meta{display:flex;flex-wrap:wrap;gap:2.2rem;padding-top:1.7rem;
  border-top:1px solid var(--line-2)}
.cshero-meta span{display:flex;flex-direction:column;gap:.3rem}
.cshero-meta b{font:500 10.6px/1 var(--ff-m);letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold)}
.cshero-meta i{font-style:normal;font-size:14px;color:var(--tx-2)}

.cs-lead{font:300 clamp(1.15rem,2.4vw,1.7rem)/1.55 var(--ff-d);color:var(--tx-2);
  letter-spacing:-.005em}
.cs-sum{padding-block:clamp(3.5rem,8vh,6rem)}

.cs-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:1px;background:var(--line)}
.cs-col{background:var(--bg);padding:1.9rem 1.7rem}
.cs-col h3{display:flex;align-items:center;gap:.55rem;font:500 12px/1 var(--ff-m);
  letter-spacing:.15em;text-transform:uppercase;color:var(--tx-3);margin-bottom:1.3rem}
.cs-col h3 svg{color:var(--gold)}
.cs-ul{display:flex;flex-direction:column}
.cs-ul li{display:flex;gap:.6rem;align-items:flex-start;padding:.68rem 0;
  border-top:1px solid var(--line);font-size:14px;color:var(--tx-2);line-height:1.6}
.cs-ul li:first-child{border-top:0}
.cs-ul svg{color:var(--gold);flex:none;margin-top:.22rem}

.cs-app{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(1.8rem,4vw,3.6rem);align-items:center}
.cs-app-txt p{color:var(--tx-2);font-size:15.2px;line-height:1.82;margin-top:1.1rem;max-width:62ch}
.cs-app-viz{border:1px solid var(--line);aspect-ratio:4/3;overflow:hidden;
  display:grid;place-items:center;background:rgba(255,255,255,.012)}
.cs-app-viz svg{width:100%;height:100%}

.cs-proc p{color:var(--tx-2);font-size:15px;line-height:1.82;margin-bottom:1rem;max-width:76ch}

/* Zaman tüneli */
.cstl{position:relative;display:flex;justify-content:space-between;gap:.5rem;
  margin:2.8rem 0 1.6rem;padding-bottom:1.6rem;flex-wrap:wrap}
.cstl-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line)}
.cstl-line i{display:block;height:100%;width:0;background:var(--gold);
  transition:width .7s var(--e);box-shadow:0 0 10px rgba(200,168,107,.5)}
.cstl-item{display:flex;flex-direction:column;align-items:center;gap:.6rem;
  cursor:pointer;background:transparent;padding:.3rem .5rem;flex:1 1 auto;min-width:82px}
.cstl-dot{width:9px;height:9px;border:1px solid var(--line-2);background:var(--bg);
  transform:rotate(45deg);transition:all .4s var(--e)}
.cstl-item.on .cstl-dot{border-color:var(--gold);background:var(--gold);
  box-shadow:0 0 12px rgba(200,168,107,.6)}
.cstl-item b{font:500 11.4px/1.2 var(--ff-m);letter-spacing:.09em;text-transform:uppercase;
  color:var(--tx-4);transition:color .4s var(--e);text-align:center}
.cstl-item.on b{color:var(--gold)}
.cstl-stage{position:relative;aspect-ratio:16/9;border:1px solid var(--line);overflow:hidden}
.cstl-cv{position:absolute;inset:0;width:100%;height:100%}
.cstl-cap{position:absolute;left:1.1rem;bottom:1.1rem;z-index:2;
  font:500 10.8px/1 var(--ff-m);letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);border:1px solid var(--gold-line);padding:.5rem .8rem;
  background:rgba(11,14,18,.72)}

/* Galeri */
.csgal{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}
.csgal figure{border:1px solid var(--line);overflow:hidden}
.csgal img,.csgal .ph{display:block;width:100%;height:100%;
  transition:transform 1.1s var(--e-out)}
.csgal figure:hover img,.csgal figure:hover .ph{transform:scale(1.04)}

/* Video */
.csvid{border:1px solid var(--line);overflow:hidden;background:#000}
.csvid video{display:block;width:100%;height:auto}

/* Önceki / sonraki */
.csnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1px;
  background:var(--line)}
.csnav-item{background:var(--bg);padding:1.7rem 1.6rem;display:flex;flex-direction:column;
  gap:.42rem;transition:background .42s var(--e)}
.csnav-item:hover{background:rgba(200,168,107,.045)}
.csnav-dir{display:inline-flex;align-items:center;gap:.45rem;font:500 10.6px/1 var(--ff-m);
  letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
.csnav-item.prev .csnav-dir svg{transform:rotate(180deg)}
.csnav-item.next{text-align:right;align-items:flex-end}
.csnav-item b{font:400 1.16rem/1.24 var(--ff-d);color:var(--tx)}
.csnav-item i{font-style:normal;font-size:12.6px;color:var(--tx-4)}

@media (max-width:900px){
  .pjrow-in{grid-template-columns:auto minmax(0,1fr);gap:1rem}
  .pjrow-media{grid-column:1/-1;order:-1}
  .pjrow-no{display:none}
  .gmap-wrap,.cs-app{grid-template-columns:1fr}
  .gmap-cv-box{aspect-ratio:1/1;max-height:60svh}
  .gmap-list{max-height:none}
  .cshero{min-height:76svh}
  .cshero-meta{gap:1.3rem 2rem}
  .csnav-item.next{text-align:left;align-items:flex-start}
  .cstl{gap:.3rem}
  .cstl-item{min-width:64px}
  .cstl-item b{font-size:10px;letter-spacing:.05em}
}

/* ==== 12-about.css ==== */
/* ============================================================
   14 — KURUMSAL · DEĞERLER · İLETİŞİM · FORM · 404
   ============================================================ */

/* ---- Manifesto (kurumsal başlık) ---- */
.mani{position:relative;min-height:88svh;display:flex;align-items:center;
  padding:calc(var(--hdr) + 5rem) 0 5rem;overflow:hidden}
.mani-cv{position:absolute;inset:0;width:100%;height:100%;opacity:.7}
.mani::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 30% 40%,transparent,rgba(11,14,18,.86) 78%)}
.mani-in{position:relative;z-index:2;max-width:min(1000px,92vw)}
.mani-h1{font:300 clamp(1.9rem,5.2vw,4.2rem)/1.12 var(--ff-d);letter-spacing:-.025em;
  color:var(--tx-2);margin:1.2rem 0 1.9rem}
.mani-h1 b{font-weight:400;color:var(--tx);display:inline-block}
.mani-sub{max-width:60ch;color:var(--tx-3);font-size:15.6px;line-height:1.8}

/* ---- Kimiz + gerçek veri ---- */
.who{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);
  gap:clamp(2rem,5vw,4.6rem);align-items:start}
.who-txt p{color:var(--tx-2);font-size:15.2px;line-height:1.84;margin-top:1.1rem;max-width:64ch}
.who-facts{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.who-fact{padding:1.15rem 0;border-bottom:1px solid var(--line);display:flex;
  flex-direction:column;gap:.24rem}
.who-fact b{font:300 clamp(1.7rem,3.4vw,2.5rem)/1 var(--ff-d);color:var(--gold);letter-spacing:-.02em}
.who-fact i{font-style:normal;font-size:12.8px;color:var(--tx-3);line-height:1.55}
.who-note{display:flex;gap:.55rem;align-items:flex-start;margin-top:1.2rem;
  font-size:12.2px;color:var(--tx-4);line-height:1.6}
.who-note svg{color:var(--gold);flex:none;margin-top:.1rem}

/* ---- Yaklaşım ---- */
.appr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,262px),1fr));
  gap:1px;background:var(--line)}
.appr-item{background:var(--bg);padding:1.7rem 1.5rem;position:relative}
.appr-no{position:absolute;right:1.2rem;top:1.2rem;font:300 1.5rem/1 var(--ff-d);
  color:var(--tx-4);opacity:.35}
.appr-ic{display:inline-grid;place-items:center;width:42px;height:42px;
  border:1px solid var(--line-2);color:var(--gold);margin-bottom:1rem}
.appr-item h3{font:500 14.6px/1.3 var(--ff);color:var(--tx);margin-bottom:.55rem;letter-spacing:.01em}
.appr-item p{font-size:13.4px;color:var(--tx-3);line-height:1.72}

/* ---- Değerler: her biri farklı görsel dil ---- */
.vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,296px),1fr));gap:1rem}
.val{border:1px solid var(--line);padding:1.8rem 1.6rem;position:relative;overflow:hidden;
  display:flex;flex-direction:column;gap:.5rem}
.val-no{font:500 10.6px/1 var(--ff-m);letter-spacing:.16em;color:var(--gold);opacity:.75}
.val h3{font:400 1.28rem/1.2 var(--ff-d);color:var(--tx)}
.val b{font:500 13.4px/1.5 var(--ff);color:var(--gold-2)}
.val p{font-size:13.2px;color:var(--tx-3);line-height:1.72}
.val-viz{position:absolute;right:0;top:0;bottom:0;width:38%;opacity:.5;
  display:flex;align-items:flex-end;gap:3px;padding:1rem;pointer-events:none}
.val-viz i{flex:1;background:linear-gradient(180deg,var(--gold-line),transparent)}
/* güven: eşit sütunlar (istikrar) */
.val-guven .val-viz i{height:calc(30% + var(--i) * 2%)}
/* kalite: ölçüm çentikleri */
.val-kalite .val-viz i{height:calc(20% + (var(--i) % 2) * 46%)}
/* mühendislik: yükselen yük diyagramı */
.val-muhendislik .val-viz i{height:calc(14% + var(--i) * 14%)}
/* tasarım: oran dizisi */
.val-tasarim .val-viz i{height:calc(90% / (var(--i) + 1) + 12%)}
/* şeffaflık: azalan opaklık */
.val-seffaflik .val-viz i{height:70%;opacity:calc(1 - var(--i) * .14)}
/* sürdürülebilirlik: dalga */
.val-surdurulebilirlik .val-viz i{height:calc(38% + 30% * (1 - abs(0.5 - var(--i) / 6) * 2))}
.val::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .8s var(--e-out)}
.val:hover::after{transform:scaleX(1)}

/* ---- Ekip ---- */
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,222px),1fr));gap:1.2rem}
.team article{display:flex;flex-direction:column;gap:.4rem}
.team-ph{display:block;border:1px solid var(--line);overflow:hidden;margin-bottom:.7rem}
.team-ph img,.team-ph .ph{display:block;width:100%;height:100%;
  transition:transform 1s var(--e-out);filter:grayscale(1) contrast(1.06)}
.team article:hover .team-ph img{transform:scale(1.04);filter:grayscale(0)}
.team b{font:500 14.4px/1.3 var(--ff);color:var(--tx)}
.team i{font-style:normal;font:500 11.4px/1 var(--ff-m);letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold)}
.team p{font-size:12.8px;color:var(--tx-3);line-height:1.65;margin-top:.2rem}

/* ============================================================
   İLETİŞİM
   ============================================================ */
.cthead{position:relative;min-height:52svh;display:flex;align-items:flex-end;
  padding:calc(var(--hdr) + 4.5rem) 0 3.5rem;overflow:hidden;border-bottom:1px solid var(--line)}
.cthead-cv{position:absolute;inset:0;width:100%;height:100%;opacity:.8}
.cthead::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,14,18,.7),rgba(11,14,18,.4) 50%,var(--bg))}
.cthead-in{position:relative;z-index:2}
.cthead-h1{font:300 var(--t-h1)/1.06 var(--ff-d);letter-spacing:-.022em;color:var(--tx);
  margin:.9rem 0 1.1rem}
.cthead-sub{max-width:58ch;color:var(--tx-2);font-size:15.4px;line-height:1.78}

.ct{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);
  gap:clamp(2rem,5vw,4.4rem);align-items:start}
.ct-h2{font:400 1.5rem/1.2 var(--ff-d);color:var(--tx);margin-bottom:1.6rem}
.ct-info{display:flex;flex-direction:column}
.ct-item{display:flex;gap:.95rem;align-items:flex-start;padding:1.1rem 0;
  border-top:1px solid var(--line);transition:padding-left .4s var(--e)}
.ct-item:first-of-type{border-top:0}
a.ct-item:hover{padding-left:.55rem}
.ct-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;
  border:1px solid var(--line-2);color:var(--gold);transition:border-color .4s var(--e)}
a.ct-item:hover .ct-ic{border-color:var(--gold)}
.ct-item b{display:block;font:500 10.8px/1 var(--ff-m);letter-spacing:.15em;
  text-transform:uppercase;color:var(--tx-4);margin-bottom:.34rem}
.ct-item i{font-style:normal;font-size:14.2px;color:var(--tx);line-height:1.55}
.ct-note{display:flex;gap:.6rem;margin-top:1.6rem;padding-top:1.3rem;
  border-top:1px solid var(--line)}
.ct-note svg{color:var(--gold);flex:none;margin-top:.15rem}
.ct-note p{font-size:12.6px;color:var(--tx-4);line-height:1.7}

/* ---- Form: mimari çizgi hissi ---- */
.ct-form-box{border:1px solid var(--line);padding:clamp(1.5rem,3.4vw,2.6rem);
  background:rgba(255,255,255,.012)}
.ct-form{display:flex;flex-direction:column;gap:1.35rem}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,216px),1fr));
  gap:1.35rem}
.fld{display:flex;flex-direction:column;gap:.42rem;position:relative}
.fld-full{grid-column:1/-1}
.fld-lbl{font:500 10.8px/1 var(--ff-m);letter-spacing:.15em;text-transform:uppercase;
  color:var(--tx-4)}
.fld-lbl em{color:var(--gold);font-style:normal}
.fld input,.fld select,.fld textarea{
  width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-2);
  padding:.62rem .1rem;color:var(--tx);font:400 14.6px/1.5 var(--ff);
  transition:border-color .4s var(--e)}
.fld textarea{resize:vertical;min-height:118px}
.fld select{cursor:pointer}
.fld select option{background:var(--bg-2);color:var(--tx)}
.fld input::placeholder,.fld textarea::placeholder{color:var(--tx-4);opacity:.6}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--gold)}
.fld-line{position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);
  transition:width .55s var(--e);pointer-events:none}
.fld input:focus ~ .fld-line,.fld select:focus ~ .fld-line,
.fld textarea:focus ~ .fld-line{width:100%}
.fld-err{font-size:11.6px;color:#d98b6a;min-height:1em}
.fld.bad input,.fld.bad textarea,.fld.bad select{border-color:#d98b6a}
.fld-file input[type=file]{font-size:12.6px;color:var(--tx-3);padding:.7rem 0;
  border-bottom:1px dashed var(--line-2)}
.fld-file input[type=file]::file-selector-button{
  background:transparent;border:1px solid var(--line-2);color:var(--gold);
  font:500 11px/1 var(--ff-m);letter-spacing:.1em;text-transform:uppercase;
  padding:.6rem .9rem;margin-right:.9rem;cursor:pointer;transition:all .35s var(--e)}
.fld-file input[type=file]::file-selector-button:hover{border-color:var(--gold)}
.fld-hint{font-size:11.6px;color:var(--tx-4)}

.fld-check{display:flex;gap:.7rem;align-items:flex-start;font-size:12.8px;
  color:var(--tx-3);line-height:1.65}
.fld-check input{width:17px;height:17px;flex:none;margin-top:.12rem;accent-color:var(--gold)}
.fld-check a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.fld-check em{color:var(--gold);font-style:normal}

/* bot tuzağı: ekranda görünmez ama ekran okuyucuya da sunulmaz */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.ct-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:.4rem}
.ct-status{font-size:12.8px;color:var(--tx-3)}
.ct-status.bad{color:#d98b6a}
.ct-status.ok{color:var(--gold)}

.ct-ok{text-align:center;padding:2.4rem 1rem;display:flex;flex-direction:column;
  align-items:center;gap:.9rem}
.ct-ok-ic{display:grid;place-items:center;width:64px;height:64px;
  border:1px solid var(--gold-line);color:var(--gold);margin-bottom:.5rem}
.ct-ok h2{font:400 1.6rem/1.2 var(--ff-d);color:var(--tx)}
.ct-ok p{font-size:14.4px;color:var(--tx-3);max-width:44ch;line-height:1.72}
.ct-ok .btn{margin-top:1rem}

.ctmap{border:1px solid var(--line);overflow:hidden;aspect-ratio:16/7}
.ctmap iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(1) invert(.9) hue-rotate(180deg)}

/* ============================================================
   404
   ============================================================ */
.e404{position:relative;min-height:82svh;display:flex;align-items:center;
  padding:calc(var(--hdr) + 4rem) 0 4rem;overflow:hidden}
.e404-bg{position:absolute;inset:0;opacity:.3;pointer-events:none}
.e404-bg svg{width:100%;height:100%}
.e404-in{position:relative;z-index:2}
.e404-h1{font:300 clamp(2rem,5.4vw,4rem)/1.08 var(--ff-d);letter-spacing:-.025em;
  color:var(--tx-2);margin:1rem 0 1.1rem}
.e404-h1 b{font-weight:400;color:var(--tx)}
.e404-txt{max-width:52ch;color:var(--tx-3);font-size:15.2px;line-height:1.78;margin-bottom:2.4rem}
.e404-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
  gap:1px;background:var(--line);max-width:860px}
.e404-grid a{background:var(--bg);padding:1.4rem 1.3rem;display:flex;flex-direction:column;
  gap:.3rem;position:relative;transition:background .4s var(--e)}
.e404-grid a:hover{background:rgba(200,168,107,.05)}
.e404-grid b{font:500 14px/1.3 var(--ff);color:var(--tx)}
.e404-grid i{font-style:normal;font-size:12.4px;color:var(--tx-4)}
.e404-grid svg{position:absolute;right:1.2rem;bottom:1.3rem;color:var(--gold);
  opacity:0;transform:translateX(-5px);transition:all .4s var(--e)}
.e404-grid a:hover svg{opacity:1;transform:none}

@media (max-width:900px){
  .who,.ct{grid-template-columns:1fr}
  .mani{min-height:74svh}
  .ct-form-box{padding:1.3rem 1.15rem}
}

/* ==== 13-siteflow.css ==== */
/* ============================================================
   15 — ŞANTİYE AKIŞI (8 aşama, scroll kontrollü)
   ============================================================ */
.siteflow{position:relative}
.siteflow-sticky{position:sticky;top:0;height:100svh;overflow:hidden;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.siteflow-cv{position:absolute;inset:0;width:100%;height:100%}
.siteflow-fb{position:absolute;inset:0;display:none;opacity:.4}
.no-webgl .siteflow-fb{display:block}
.no-webgl .siteflow-cv{display:none}
.siteflow-fb svg{width:100%;height:100%}

.siteflow-hud{position:absolute;inset:0;display:flex;align-items:flex-end;
  padding-bottom:clamp(1.6rem,4vh,3rem);pointer-events:none;
  background:linear-gradient(180deg,rgba(11,14,18,.5) 0%,transparent 30%,rgba(11,14,18,.88) 100%)}
.siteflow-hud-in{display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(1.4rem,4vw,3.4rem);align-items:end;width:100%}

.siteflow-stage{display:flex;gap:clamp(.9rem,2vw,1.6rem);align-items:flex-start;max-width:640px}
.siteflow-no{font:300 clamp(2.6rem,7vw,4.6rem)/1 var(--ff-d);color:var(--gold);
  opacity:.5;letter-spacing:-.03em;flex:none}
.siteflow-stage h2{font:400 clamp(1.5rem,3.6vw,2.35rem)/1.1 var(--ff-d);
  color:var(--tx);letter-spacing:-.02em;margin-bottom:.6rem}
.siteflow-stage p{font-size:14.4px;line-height:1.75;color:var(--tx-2);max-width:52ch}
.siteflow-tech{list-style:none;display:flex;flex-direction:column;gap:.34rem;margin-top:.95rem}
.siteflow-tech li{position:relative;padding-left:1.05rem;font-size:12.6px;
  color:var(--tx-3);line-height:1.6}
.siteflow-tech li::before{content:'';position:absolute;left:0;top:.55em;
  width:6px;height:1px;background:var(--gold)}

.siteflow-rail{list-style:none;display:flex;flex-direction:column;gap:.1rem;
  pointer-events:auto;border-left:1px solid var(--line)}
.siteflow-dot{display:flex;align-items:center;gap:.7rem;padding:.42rem .8rem;
  position:relative;transition:all .45s var(--e);opacity:.42}
.siteflow-dot b{font:500 10.4px/1 var(--ff-m);letter-spacing:.1em;color:var(--tx-4)}
.siteflow-dot span{font-size:12.2px;color:var(--tx-3);white-space:nowrap}
.siteflow-dot::before{content:'';position:absolute;left:-1px;top:0;bottom:0;width:2px;
  background:var(--gold);transform:scaleY(0);transition:transform .45s var(--e)}
.siteflow-dot.on{opacity:1}
.siteflow-dot.on::before{transform:scaleY(1)}
.siteflow-dot.on b{color:var(--gold)}
.siteflow-dot.on span{color:var(--tx)}

/* scroll uzunluğu: 8 aşama × ekran */
.siteflow-track{height:760svh}

/* JS/WebGL yoksa tam metin görünür */
.siteflow-noscript{display:none;padding:3rem 0}
.no-js .siteflow-noscript{display:block}
.no-js .siteflow-sticky,.no-js .siteflow-track{display:none}
.siteflow-noscript article{padding:1.6rem 0;border-bottom:1px solid var(--line)}
.siteflow-noscript h3{font:400 1.4rem/1.2 var(--ff-d);color:var(--tx);margin-bottom:.5rem}
.siteflow-noscript h3 span{color:var(--gold);font-family:var(--ff-m);font-size:.7em}
.siteflow-noscript p{color:var(--tx-2);font-size:14.2px;line-height:1.75;max-width:64ch}
.siteflow-noscript ul{list-style:none;margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.5rem}
.siteflow-noscript li{font:500 11.4px/1 var(--ff-m);color:var(--tx-3);
  border:1px solid var(--line);padding:.42rem .6rem}

@media (max-width:900px){
  .siteflow-hud-in{grid-template-columns:1fr}
  .siteflow-rail{flex-direction:row;overflow-x:auto;border-left:0;
    border-top:1px solid var(--line);padding-top:.6rem}
  .siteflow-dot span{display:none}
  .siteflow-dot::before{left:0;right:0;top:-1px;bottom:auto;width:auto;height:2px;
    transform:scaleX(0)}
  .siteflow-dot.on::before{transform:scaleX(1)}
  .siteflow-tech{display:none}
}

/* ==== 14-lab.css ==== */
/* ============================================================
   16 — MİMARİ LABORATUVAR · SÜRDÜRÜLEBİLİRLİK · GÜN DÖNGÜSÜ · YASAL
   ============================================================ */

/* ---- Laboratuvar ---- */
.labpage{padding:calc(var(--hdr) + 4rem) 0 0}
.lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);
  gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-top:2.4rem}
.lab-stage{position:relative;min-height:70svh;border-right:1px solid var(--line)}
.lab-cv{position:absolute;inset:0;width:100%;height:100%;cursor:grab}
.lab-cv:active{cursor:grabbing}
.lab-fb{position:absolute;inset:0;display:none;padding:2rem;opacity:.45}
.no-webgl .lab-fb{display:block}
.no-webgl .lab-cv{display:none}
.lab-fb svg{width:100%;height:100%}
.lab-cursor-hint{position:absolute;left:1.2rem;bottom:1.1rem;
  font:500 10.6px/1 var(--ff-m);letter-spacing:.13em;text-transform:uppercase;
  color:var(--tx-4);pointer-events:none}

.lab-panel{display:flex;flex-direction:column;background:rgba(255,255,255,.012)}
.lab-panel-t{font:500 10.8px/1 var(--ff-m);letter-spacing:.17em;text-transform:uppercase;
  color:var(--tx-4);padding:1.2rem 1.3rem .9rem}
.lab-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.lab-item{display:flex;align-items:center;gap:.8rem;padding:.85rem 1.3rem;
  border-bottom:1px solid var(--line);text-align:left;position:relative;
  transition:all .38s var(--e)}
.lab-item-ic{color:var(--tx-4);flex:none;transition:color .38s var(--e)}
.lab-item-t{flex:1;font-size:13.6px;color:var(--tx-2);transition:color .38s var(--e)}
.lab-item-ar{color:var(--gold);opacity:0;transform:translateX(-6px);
  transition:all .38s var(--e)}
.lab-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;
  background:var(--gold);transform:scaleY(0);transition:transform .38s var(--e)}
.lab-item:hover .lab-item-t{color:var(--tx)}
.lab-item:hover .lab-item-ic{color:var(--gold-2)}
.lab-item.on::before{transform:scaleY(1)}
.lab-item.on .lab-item-t{color:var(--gold)}
.lab-item.on .lab-item-ic{color:var(--gold)}
.lab-item.on .lab-item-ar{opacity:1;transform:none}

.lab-detail{padding:1.4rem 1.3rem;margin-top:auto;border-top:1px solid var(--line)}
.lab-detail h3{font:400 1.3rem/1.2 var(--ff-d);color:var(--tx);margin-bottom:.55rem}
.lab-detail p{font-size:13.2px;line-height:1.72;color:var(--tx-3)}
.lab-detail dl{display:flex;flex-direction:column;gap:.42rem;margin-top:1.1rem;
  padding-top:1rem;border-top:1px solid var(--line)}
.lab-detail dl div{display:flex;justify-content:space-between;gap:1rem;font-size:12.4px}
.lab-detail dt{color:var(--tx-4)}
.lab-detail dd{color:var(--gold-2);font-family:var(--ff-m);font-size:11.6px;text-align:right}

/* ---- Malzeme karşılaştırma tablosu ---- */
.mattbl-wrap{overflow-x:auto;border:1px solid var(--line)}
.mattbl{width:100%;border-collapse:collapse;font-size:13.4px}
.mattbl th,.mattbl td{text-align:left;padding:.9rem 1rem;border-bottom:1px solid var(--line)}
.mattbl thead th{font:500 10.6px/1 var(--ff-m);letter-spacing:.14em;text-transform:uppercase;
  color:var(--tx-4);background:rgba(255,255,255,.015);white-space:nowrap}
.mattbl tbody th{font-weight:500;color:var(--tx);white-space:nowrap}
.mattbl td{color:var(--tx-3);line-height:1.6}
.mattbl tbody tr:last-child th,.mattbl tbody tr:last-child td{border-bottom:0}
.mattbl tbody tr:hover th,.mattbl tbody tr:hover td{background:rgba(200,168,107,.03)}

/* ---- Sürdürülebilirlik ---- */
.sus{padding:clamp(3rem,7vw,6rem) 0}
.sus-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:clamp(1.6rem,4vw,3.4rem);align-items:stretch}
.sus-stage{position:relative;min-height:60svh;border:1px solid var(--line)}
.sus-cv{position:absolute;inset:0;width:100%;height:100%}
.sus-fb{position:absolute;inset:0;display:none;padding:1.5rem;opacity:.45}
.no-webgl .sus-fb{display:block}
.no-webgl .sus-cv{display:none}
.sus-fb svg{width:100%;height:100%}
.sus-badge{position:absolute;left:1rem;bottom:1rem;font:500 10.6px/1 var(--ff-m);
  letter-spacing:.12em;text-transform:uppercase;color:var(--gold);
  border:1px solid var(--gold-line);padding:.5rem .7rem;background:rgba(11,14,18,.6)}

.sus-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.sus-item{display:flex;gap:.85rem;align-items:flex-start;text-align:left;
  padding:1rem .2rem;border-bottom:1px solid var(--line);position:relative;
  transition:padding-left .4s var(--e)}
.sus-ic{color:var(--tx-4);flex:none;margin-top:.15rem;transition:color .4s var(--e)}
.sus-txt{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.sus-txt b{font:500 14.2px/1.3 var(--ff);color:var(--tx-2);transition:color .4s var(--e)}
.sus-txt i{font-style:normal;font-size:13px;line-height:1.7;color:var(--tx-4);
  max-height:0;overflow:hidden;opacity:0;
  transition:max-height .55s var(--e),opacity .45s var(--e)}
.sus-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;
  background:var(--gold);transform:scaleY(0);transition:transform .4s var(--e)}
.sus-item:hover{padding-left:.7rem}
.sus-item:hover .sus-txt b{color:var(--tx)}
.sus-item.on{padding-left:.7rem}
.sus-item.on::before{transform:scaleY(1)}
.sus-item.on .sus-ic{color:var(--gold)}
.sus-item.on .sus-txt b{color:var(--gold)}
.sus-item.on .sus-txt i{max-height:9rem;opacity:1}

/* ---- Gün döngüsü ---- */
.day{position:relative;min-height:96svh;display:flex;align-items:flex-end;
  padding:clamp(3rem,8vh,6rem) 0;overflow:hidden;
  border-top:1px solid var(--line)}
.day-cv-wrap{position:absolute;inset:0}
.day-cv{width:100%;height:100%;display:block}
.day-fb{position:absolute;inset:0;display:none;opacity:.4}
.no-webgl .day-fb{display:block}
.no-webgl .day-cv{display:none}
.day-fb svg{width:100%;height:100%}
.day::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,14,18,.55),transparent 34%,rgba(11,14,18,.9))}
.day-in{position:relative;z-index:2}
.day-tabs{display:flex;gap:1px;background:var(--line);margin:2rem 0 1.6rem;
  max-width:520px}
.day-tab{flex:1;background:rgba(11,14,18,.55);padding:.85rem .7rem;
  display:flex;flex-direction:column;gap:.24rem;transition:all .4s var(--e)}
.day-tab b{font:500 12.8px/1 var(--ff);color:var(--tx-3);transition:color .4s var(--e)}
.day-tab i{font-style:normal;font:500 10.4px/1 var(--ff-m);color:var(--tx-4)}
.day-tab:hover b{color:var(--tx)}
.day-tab.on{background:rgba(200,168,107,.09)}
.day-tab.on b{color:var(--gold)}
.day-tab.on i{color:var(--gold-2)}
.day-read h3{font:400 1.45rem/1.2 var(--ff-d);color:var(--tx);margin-bottom:.55rem}
.day-read h3 em{font-style:normal;color:var(--gold);font-size:.72em;
  font-family:var(--ff-m);letter-spacing:.04em}
.day-read p{font-size:14.4px;line-height:1.76;color:var(--tx-2);max-width:56ch}

/* ---- Yasal sayfalar ---- */
.legal{padding:calc(var(--hdr) + 4.5rem) 0 5rem}
.legal-in{max-width:min(760px,92vw)}
.legal-h1{font:300 clamp(1.7rem,4.2vw,2.7rem)/1.12 var(--ff-d);letter-spacing:-.02em;
  color:var(--tx);margin:.9rem 0 2rem;padding-bottom:1.4rem;
  border-bottom:1px solid var(--line)}
.legal-body p{font-size:14.6px;line-height:1.85;color:var(--tx-2);margin-bottom:1.2rem}
.legal-body h2{font:400 1.22rem/1.25 var(--ff-d);color:var(--tx);
  margin:2.2rem 0 .8rem}
.legal-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.legal-note{font-size:12.6px;color:var(--tx-4);border-left:2px solid var(--gold-line);
  padding-left:.9rem;margin-top:2rem}
.legal-links{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:3rem;padding-top:1.4rem;
  border-top:1px solid var(--line)}
.legal-links a{font:500 11.6px/1 var(--ff-m);letter-spacing:.11em;text-transform:uppercase;
  color:var(--tx-3);transition:color .3s var(--e)}
.legal-links a:hover{color:var(--gold)}

@media (max-width:900px){
  .lab{grid-template-columns:1fr}
  .lab-stage{border-right:0;border-bottom:1px solid var(--line);min-height:52svh}
  .sus-grid{grid-template-columns:1fr}
  .sus-txt i{max-height:none;opacity:1}
  .day-tabs{max-width:none}
}