/* ============================================================
   Anasayfa — front-page.php
   ============================================================ */

.an,
.an *,
.an *::before,
.an *::after{box-sizing:border-box}

.tetik-wrap{max-width:1320px;margin:0 auto;padding:0 24px}

.an a:focus{outline:none}
.an a:focus-visible,
.an button:focus-visible{outline:2px solid var(--tetik-accent);outline-offset:4px}

.an-kicker{
  margin:0 0 20px;font-size:11px;font-weight:700;letter-spacing:.26em;
  text-transform:uppercase;color:var(--tetik-accent-dark);
}

/* ============ DÜĞMELER ============ */
.an-btn{
  display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;
  padding:9px 9px 9px 24px;border-radius:999px;text-decoration:none;
  font-size:13.5px;font-weight:600;letter-spacing:-.01em;
  transition:background-color .4s cubic-bezier(.32,.72,0,1),color .3s ease,transform .4s cubic-bezier(.32,.72,0,1);
}
.an-btn i{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;font-style:normal;font-size:14px;
  transition:transform .45s cubic-bezier(.32,.72,0,1);
}
.an-btn:hover{transform:translateY(-2px)}
.an-btn.is-manyetik:hover{transform:none}
.an-btn:hover i{transform:translate(3px,-3px)}
.an-btn--vurgu{background:var(--tetik-accent);color:var(--tetik-ink)}
.an-btn--vurgu i{background:var(--tetik-ink);color:#fff}
.an-btn--vurgu:hover{background:var(--tetik-ink);color:#fff}
.an-btn--vurgu:hover i{background:var(--tetik-accent);color:var(--tetik-ink)}
.an-btn--koyu{background:var(--tetik-ink);color:#fff}
.an-btn--koyu i{background:rgba(255,255,255,.14);color:#fff}
.an-btn--koyu:hover{background:var(--tetik-accent-dark);color:var(--tetik-ink)}
.an-btn--koyu:hover i{background:var(--tetik-ink);color:#fff}

/* ============ KELİME KELİME AÇILAN BAŞLIK ============ */
/* Kelimeler bir maskenin altından yukarı kayarak giriyor.
   JS yoksa hiç dokunulmuyor, başlık normal duruyor. */
.an-k{
  display:inline-block;overflow:hidden;vertical-align:top;
  padding-bottom:.14em;margin-bottom:-.14em;
}
.an-k > span{
  display:inline-block;transform:translateY(112%);opacity:0;
  transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .55s ease;
}
[data-kelime].is-in .an-k > span{transform:none;opacity:1}

/* ============ DOKU ============ */
/* Çok hafif bir tanecik katmanı; yüzeyi düz kâğıt gibi değil,
   basılı bir sayfa gibi gösteriyor. Tıklamayı engellemiyor. */
.an::before{
  content:"";position:fixed;inset:0;z-index:40;pointer-events:none;
  opacity:.032;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:140px 140px;
}

/* ============ HERO — TAM GENİŞLİK SLIDER ============ */
.an-hero{position:relative}
.an-slider{position:relative}
.an-slider__sahne{
  position:relative;overflow:hidden;background:#121A23;
  height:clamp(620px,82vw,900px);
}
/* yazının okunması ve denetimlerin görünmesi için perde */
.an-slider__sahne::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    linear-gradient(100deg, rgba(21,29,39,.60) 0%, rgba(21,29,39,.26) 44%, rgba(21,29,39,0) 76%),
    linear-gradient(180deg,
      rgba(21,29,39,.44) 0%,
      rgba(21,29,39,.10) 32%,
      rgba(21,29,39,.04) 52%,
      rgba(21,29,39,.72) 100%);
}
.an-slayt{position:absolute;inset:0;z-index:0}
.an-slayt.is-cikan{z-index:1}
.an-slayt.is-aktif{z-index:2}

/* Görsel dikey şeritlere bölünüyor; şeritler sırayla açılıyor.
   Şeritler 1px bindiriliyor ki aralarında saç teli çizgi kalmasın. */
.an-serit{
  position:absolute;top:0;height:100%;
  width:calc(100% / var(--n) + 1px);
  left:calc(var(--i) * 100% / var(--n));
  overflow:hidden;
  clip-path:inset(0 0 100% 0);
  transition:clip-path .82s cubic-bezier(.76,0,.24,1);
  transition-delay:calc(var(--i) * 52ms);
}
.an-slayt.is-aktif .an-serit,
.an-slayt.is-cikan .an-serit{clip-path:inset(0 0 0 0)}
.an-serit img{
  position:absolute;top:0;
  left:calc(var(--i) * -100% + var(--i) * 1px);
  width:calc(var(--n) * 100% - var(--n) * 1px);
  max-width:none;height:100%;
  object-fit:cover;display:block;
}

/* ---- üstteki yazı katmanı ---- */
.an-hero__ust{
  position:absolute;z-index:5;left:0;right:0;
  top:clamp(112px,12vw,166px);
}
.an-hero__ust-ic{
  display:flex;align-items:flex-start;justify-content:space-between;gap:32px;
}
.an-hero__ust-ic > .an-btn{margin-top:clamp(18px,2.4vw,36px)}
.an-hero__eyebrow{
  margin:0 0 16px;font-size:11px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--tetik-accent);
}
.an-hero__baslik{
  margin:0;font-weight:600;color:#fff;
  font-size:clamp(36px,5.2vw,78px);line-height:.98;letter-spacing:-.05em;
  max-width:15ch;
}
.an-hero__alt{
  margin:20px 0 0;max-width:42ch;
  font-size:15.5px;line-height:1.62;color:rgba(255,255,255,.86);
}

/* Slayt değişince başlık ve alt metin de değişiyor; bloklar aynı
   ızgara gözünde üst üste duruyor, yalnız etkin olan görünüyor. */
.an-hero__metinler{display:grid}
.an-hero__metin{
  grid-area:1 / 1;
  opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .55s ease,transform .7s cubic-bezier(.32,.72,0,1),visibility .55s;
}
.an-hero__metin.is-aktif{opacity:1;visibility:visible;transform:none}
.an-hero__metin .an-hero__baslik{margin:0}

/* ---- denetimler: alt ortada, sayaç ve ilerleme çizgisiyle ---- */
.an-slider__pano{
  position:absolute;z-index:6;left:50%;bottom:clamp(26px,3.2vw,44px);
  transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:13px;
  filter:drop-shadow(0 2px 10px rgba(21,29,39,.55));
}
.an-slider__dugmeler{display:flex;align-items:center;gap:clamp(12px,1.4vw,18px)}

/* yanlardaki chevron oklar */
.an-ok{
  position:absolute;z-index:6;top:58%;
  display:inline-flex;align-items:center;justify-content:center;
  width:clamp(48px,4.6vw,64px);height:clamp(48px,4.6vw,64px);
  margin-top:-32px;padding:0;border:0;cursor:pointer;border-radius:50%;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:background-color .4s ease,transform .5s cubic-bezier(.32,.72,0,1);
}
.an-ok span{
  display:block;width:12px;height:12px;
  border-top:1.6px solid #fff;border-right:1.6px solid #fff;
  transition:border-color .35s ease;
}
.an-ok--sol{left:clamp(14px,2.2vw,34px)}
.an-ok--sol span{transform:rotate(-135deg);margin-left:3px}
.an-ok--sag{right:clamp(14px,2.2vw,34px)}
.an-ok--sag span{transform:rotate(45deg);margin-right:3px}
.an-ok:hover{background:var(--tetik-accent)}
.an-ok:hover span{border-color:var(--tetik-ink)}
.an-ok--sol:hover{transform:translateX(-3px)}
.an-ok--sag:hover{transform:translateX(3px)}
.an-slider__oynat{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;
  transition:transform .3s cubic-bezier(.32,.72,0,1);
}
.an-slider__oynat:hover{transform:scale(1.15)}
.an-slider__ikon{
  display:block;width:9px;height:11px;
  border-left:3px solid #fff;border-right:3px solid #fff;
}
.an-slider__oynat.is-durdu .an-slider__ikon{
  width:0;height:0;margin-left:2px;border:0;
  border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;
  border-left:9px solid #fff;
}
.an-noktalar{display:flex;align-items:center;gap:9px}
.an-noktalar button{
  width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
}
.an-noktalar span{
  display:block;width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,.5);
  transition:background-color .35s ease,transform .45s cubic-bezier(.32,.72,0,1);
}
.an-noktalar button.is-aktif span{background:var(--tetik-accent);transform:scale(1.55)}

/* kaçıncı slayttayız + otomatik geçişin ilerlemesi */
.an-slider__sayac{
  display:flex;align-items:center;gap:12px;
  font-size:10.5px;font-weight:700;letter-spacing:.18em;
  color:rgba(255,255,255,.62);
}
.an-slider__cizgi{
  display:block;width:clamp(80px,10vw,140px);height:1px;
  background:rgba(255,255,255,.25);overflow:hidden;
}
.an-slider__cizgi i{
  display:block;width:100%;height:100%;background:var(--tetik-accent);
  transform-origin:left;transform:scaleX(0);
}
.an-slider__cizgi i.is-doluyor{animation:an-dolum 6s linear forwards}
.an-slider__pano.is-durdu .an-slider__cizgi i{animation-play-state:paused}
@keyframes an-dolum{to{transform:scaleX(1)}}

/* ---- proje kartı: sağ altta ---- */
.an-hero__altlik{
  position:absolute;z-index:5;left:0;right:0;
  bottom:clamp(26px,3.2vw,44px);
}
.an-kartlar{position:relative;height:126px;margin-left:auto;width:min(372px,78%)}
.an-kart{
  position:absolute;right:0;bottom:0;width:100%;
  display:flex;align-items:center;gap:18px;
  padding:20px 24px 20px 20px;border-radius:22px;
  background:#fff;color:var(--tetik-ink);text-decoration:none;
  box-shadow:0 30px 64px -30px rgba(21,29,39,.6);
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.32,.72,0,1),visibility .5s;
}
.an-kart.is-aktif{opacity:1;visibility:visible;transform:none}
.an-kart__ok{
  flex:0 0 46px;height:46px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--tetik-ink);color:#fff;font-size:16px;
  transition:background-color .4s cubic-bezier(.32,.72,0,1),transform .45s cubic-bezier(.32,.72,0,1);
}
.an-kart:hover .an-kart__ok{background:var(--tetik-accent);color:var(--tetik-ink);transform:translate(2px,-2px)}
.an-kart__ic{display:block;min-width:0}
.an-kart__durum{
  display:block;font-size:10px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--tetik-accent-dark);
}
.an-kart__durum b{font-weight:400;opacity:.45}
.an-kart__konum{
  display:flex;align-items:center;gap:6px;margin-top:8px;
  font-size:12px;color:var(--tetik-muted);
}
.an-kart__ad{
  display:block;margin-top:6px;
  font-size:clamp(18px,1.7vw,23px);font-weight:600;
  letter-spacing:-.035em;line-height:1.12;
}

/* ============ AÇILIŞ PERDESİ ============ */
/* Marka işareti belirir, perde ikiye ayrılıp açılır. */
.an-perde{
  position:fixed;inset:0;z-index:2000;display:flex;
  pointer-events:none;
  /* JS bir sebeple çalışmazsa perde kendiliğinden çekilir */
  animation:an-perde-guvenlik .5s ease 3.4s forwards;
}
@keyframes an-perde-guvenlik{to{opacity:0;visibility:hidden}}
.an-perde__yari{
  flex:1 1 50%;background:var(--tetik-ink);
  transition:transform 1s cubic-bezier(.76,0,.24,1);
}
.an-perde__yari--sol{transform-origin:left;margin-right:-2px}
.an-perde__yari--sag{transform-origin:right}
.an-perde__mark{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  transition:opacity .4s ease,transform .8s cubic-bezier(.32,.72,0,1);
}
.an-perde__mark img{
  width:clamp(150px,17vw,250px);height:auto;display:block;
  opacity:0;transform:translateY(10px);
  transition:opacity .55s ease,transform .8s cubic-bezier(.16,1,.3,1);
}
.an-perde.is-hazir .an-perde__mark img{opacity:1;transform:none}
.an-perde.is-aciliyor .an-perde__mark{opacity:0;transform:scale(.96)}
.an-perde.is-aciliyor .an-perde__yari--sol{transform:translateX(-101%)}
.an-perde.is-aciliyor .an-perde__yari--sag{transform:translateX(101%)}
.an-perde.is-bitti{display:none}

/* ============ ÖZEL İMLEÇ ============ */
/* Sistem imleci yerinde kalıyor; bu yalnızca onu takip eden bir halka. */
.an-imlec{
  position:fixed;top:0;left:0;z-index:900;pointer-events:none;
  width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;
  border:1px solid rgba(21,29,39,.26);
  opacity:0;
  transition:width .4s cubic-bezier(.32,.72,0,1),height .4s cubic-bezier(.32,.72,0,1),
             margin .4s cubic-bezier(.32,.72,0,1),opacity .3s ease,
             background-color .4s ease,border-color .4s ease;
}
.an-imlec.is-acik{opacity:1}
.an-imlec.is-koyu{border-color:rgba(255,255,255,.45)}
.an-imlec.is-buyuk{
  width:66px;height:66px;margin:-33px 0 0 -33px;
  background:rgba(217,100,43,.22);border-color:var(--tetik-accent);
}
.an-imlec.is-etiket{
  width:88px;height:88px;margin:-44px 0 0 -44px;
  background:var(--tetik-accent);border-color:transparent;
}
.an-imlec b{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tetik-ink);opacity:0;transition:opacity .3s ease;
}
.an-imlec.is-etiket b{opacity:1}

/* ============ SCROLL İLE AYDINLANAN METİN ============ */
.an-isik{transition:color .45s ease}
.an-isik.is-on{color:var(--tetik-ink-2)}

/* ============ PROJE KARTINDA HAFİF EĞİLME ============ */
.an-proje{perspective:900px}
.an-proje__gorsel{
  transform-style:preserve-3d;
  transition:transform .6s cubic-bezier(.32,.72,0,1);
}

/* ============ KAYAN ŞERİT ============ */
.an-serit-band{
  overflow:hidden;background:var(--tetik-ink);
  padding:clamp(16px,1.8vw,22px) 0;
}
.an-serit-band__ray{display:flex;width:max-content;will-change:transform}
.an-serit-band__grup{display:flex;align-items:center}
.an-serit-band__grup span{
  padding:0 clamp(18px,2vw,28px);
  font-size:clamp(13px,1.5vw,17px);font-weight:600;letter-spacing:-.02em;
  color:rgba(255,255,255,.86);white-space:nowrap;
}
.an-serit-band__grup i{font-style:normal;font-size:11px;color:var(--tetik-accent)}

/* ============ MANİFESTO ============ */
.an-manifesto{padding:clamp(84px,10vw,140px) 0}
.an-manifesto__grid{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(36px,5vw,80px);align-items:start;
}
.an-manifesto__sol h2{
  margin:0;font-size:clamp(28px,3.9vw,52px);line-height:1.06;letter-spacing:-.044em;
  font-weight:600;color:var(--tetik-ink);
}
.an-manifesto__sag p{
  margin:0 0 20px;font-size:15px;line-height:1.85;color:var(--tetik-muted);
}
.an-manifesto__sag p[data-isik]{color:rgba(107,118,131,.3)}
.an-manifesto__sag p:last-child{margin-bottom:0}

/* ============ BÖLÜM BAŞLIĞI ============ */
.an-basi{
  display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;
  margin-bottom:clamp(28px,3.4vw,46px);
}
.an-basi__yazi{min-width:0}
.an-basi h2{
  margin:0;font-size:clamp(28px,3.6vw,48px);line-height:1.04;letter-spacing:-.044em;
  font-weight:600;color:var(--tetik-ink);
}
.an-basi__link{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  font-size:13px;font-weight:600;color:var(--tetik-ink);
  padding-bottom:4px;border-bottom:1px solid var(--tetik-line);
  transition:border-color .3s ease,color .3s ease;
}
.an-basi__link i{font-style:normal;display:inline-block;transition:transform .4s cubic-bezier(.32,.72,0,1)}
.an-basi__link:hover{color:var(--tetik-accent-dark);border-color:var(--tetik-accent)}
.an-basi__link:hover i{transform:translateX(4px)}

/* ============ PROJELER ============ */
.an-projeler{padding:0 0 clamp(84px,10vw,140px)}
.an-sekme{display:flex;align-items:center;gap:clamp(16px,2vw,28px);flex-wrap:wrap}
.an-sekme a{
  position:relative;text-decoration:none;padding-bottom:6px;
  font-size:13.5px;font-weight:600;letter-spacing:-.012em;color:var(--tetik-muted);
  transition:color .3s ease;
}
.an-sekme a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;
  background:var(--tetik-ink);
  transition:width .5s cubic-bezier(.32,.72,0,1);
}
.an-sekme a.is-aktif{color:var(--tetik-ink)}
.an-sekme a.is-aktif::after{width:100%}
.an-sekme a:hover{color:var(--tetik-ink)}
.an-sekme a:hover::after{width:100%;background:var(--tetik-accent)}

.an-proje-ray{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,26px);align-items:start;
}
.an-proje{
  display:block;text-decoration:none;color:var(--tetik-ink);min-width:0;
  transition:transform .6s cubic-bezier(.32,.72,0,1);
}
/* referanstaki kademeli diziliş: kartlar sağa doğru bir basamak iniyor */
.an-proje:nth-child(2){margin-top:clamp(18px,2.4vw,34px)}
.an-proje:nth-child(3){margin-top:clamp(36px,4.8vw,68px)}
.an-proje:nth-child(4){margin-top:clamp(54px,7vw,100px)}
.an-proje:hover{transform:translateY(-10px)}

.an-proje__gorsel{
  position:relative;display:block;overflow:hidden;border-radius:20px;
  aspect-ratio:4/5;background:var(--tetik-bg);
}
.an-proje__gorsel img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.1s cubic-bezier(.32,.72,0,1);
}
.an-proje:hover .an-proje__gorsel img{transform:scale(1.05)}
.an-proje__rozet{
  position:absolute;top:14px;left:14px;z-index:2;
  padding:7px 14px;border-radius:999px;
  background:rgba(255,255,255,.94);color:var(--tetik-ink);
  font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
.an-proje__alt{display:block;padding:18px 4px 0}
.an-proje__ad{
  display:block;font-size:clamp(17px,1.7vw,21px);font-weight:600;
  letter-spacing:-.03em;line-height:1.2;
}
.an-proje__yer{display:block;margin-top:7px;font-size:12.5px;color:var(--tetik-muted)}
.an-proje__git{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:14px;font-size:12.5px;font-weight:600;color:var(--tetik-accent-dark);
  opacity:0;transform:translateY(-6px);
  transition:opacity .45s ease,transform .5s cubic-bezier(.32,.72,0,1);
}
.an-proje__git i{font-style:normal;display:inline-block;transition:transform .4s cubic-bezier(.32,.72,0,1)}
.an-proje:hover .an-proje__git{opacity:1;transform:none}
.an-proje:hover .an-proje__git i{transform:translateX(4px)}

/* ============ SÜREÇ ============ */
.an-surec{padding:clamp(84px,10vw,140px) 0 clamp(72px,8vw,120px)}
.an-surec__lead{
  margin:0 0 clamp(34px,4vw,54px);max-width:56ch;
  font-size:15px;line-height:1.8;color:var(--tetik-muted);
}
.an-surec__list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0 clamp(16px,2vw,30px);
}
@media (max-width:1240px){
  .an-surec__list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
}
.an-surec__list li{
  position:relative;padding:26px 0 0;
  border-top:1px solid var(--tetik-line);
}
.an-surec__list li::before{
  content:"";position:absolute;left:0;top:-1px;height:2px;width:0;
  background:var(--tetik-accent);
  transition:width 1s cubic-bezier(.32,.72,0,1);
  transition-delay:inherit;
}
.an-surec__list li.is-in::before{width:100%}
.an-surec__no{
  display:block;margin-bottom:14px;
  font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--tetik-accent-dark);
}
.an-surec__list h3{
  margin:0 0 12px;font-size:clamp(17px,1.8vw,22px);line-height:1.18;
  letter-spacing:-.03em;font-weight:600;color:var(--tetik-ink);
}
.an-surec__list p{margin:0;font-size:13.5px;line-height:1.75;color:var(--tetik-muted)}

/* ============ HİZMETLER — GENİŞLEYEN PANELLER ============ */
.an-hizmet{padding:0 0 clamp(84px,10vw,140px)}
.an-paneller{
  display:flex;gap:10px;
  height:clamp(400px,44vw,560px);
}
.an-panel{
  position:relative;flex:1 1 0;min-width:0;overflow:hidden;
  border-radius:20px;background:var(--tetik-ink);text-decoration:none;color:#fff;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:26px 24px;
  transition:flex-grow .85s cubic-bezier(.32,.72,0,1);
}
.an-panel.is-active{flex-grow:3.6}
.an-panel__fon{position:absolute;inset:0;z-index:0}
.an-panel__fon img{
  width:100%;height:100%;object-fit:cover;display:block;
  opacity:.72;transform:scale(1.06);
  transition:opacity .9s ease,transform 1.4s cubic-bezier(.32,.72,0,1);
}
.an-panel.is-active .an-panel__fon img{opacity:1;transform:scale(1)}
.an-panel::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg, rgba(21,29,39,.02) 0%, rgba(21,29,39,.16) 42%, rgba(21,29,39,.8) 100%);
  transition:background .8s ease;
}
.an-panel__no{
  position:absolute;z-index:2;top:24px;left:24px;
  font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--tetik-accent);
}
.an-panel,
.an-panel:hover,
.an-panel:focus,
.an-panel:active{color:#fff;text-decoration:none}
.an-panel__ad{
  position:relative;z-index:2;display:block;color:#fff;
  transition:color .45s ease;
  font-size:clamp(16px,1.5vw,21px);font-weight:600;letter-spacing:-.028em;line-height:1.15;
  /* dar hâldeyken dikey okunuyor */
  writing-mode:vertical-rl;transform:rotate(180deg);
  margin:0 0 4px;max-height:100%;
  transition:none;
}
.an-panel.is-active .an-panel__ad,
.an-panel:hover .an-panel__ad{color:var(--tetik-accent)}
.an-panel.is-active .an-panel__ad{writing-mode:horizontal-tb;transform:none;margin-bottom:12px}
.an-panel__ac{
  position:relative;z-index:2;display:block;overflow:hidden;
  max-height:0;opacity:0;
  transition:max-height .8s cubic-bezier(.32,.72,0,1),opacity .5s ease;
}
.an-panel.is-active .an-panel__ac{max-height:200px;opacity:1;transition-delay:.12s}
.an-panel__kisa{
  display:block;max-width:44ch;
  font-size:14px;line-height:1.6;color:rgba(255,255,255,.86);
}
.an-panel__git{
  display:inline-flex;align-items:center;gap:9px;margin-top:16px;
  font-size:12.5px;font-weight:600;color:var(--tetik-accent);
}
.an-panel__git i{font-style:normal;display:inline-block;transition:transform .4s cubic-bezier(.32,.72,0,1)}
.an-panel:hover .an-panel__git i{transform:translateX(4px)}

/* JS yoksa paneller sade kutu olarak dursun */
html:not(.tetik-motion) .an-panel__ad{writing-mode:horizontal-tb;transform:none}
html:not(.tetik-motion) .an-panel__ac{max-height:none;opacity:1}

/* ============ ÇALIŞMA DİSİPLİNİ ============ */
.an-ilke{padding:clamp(84px,10vw,140px) 0;background:var(--tetik-bg)}
.an-ilke__grid{
  display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(36px,5vw,80px);align-items:start;
}
.an-ilke__sol{position:sticky;top:120px}
.an-ilke__sol h2{
  margin:0 0 30px;font-size:clamp(26px,3.4vw,44px);line-height:1.06;letter-spacing:-.044em;
  font-weight:600;color:var(--tetik-ink);
}
.an-ilke__list{list-style:none;margin:0;padding:0}
.an-ilke__list li{
  position:relative;padding:26px 0 26px 74px;border-top:1px solid var(--tetik-line);
}
.an-ilke__list li:last-child{border-bottom:1px solid var(--tetik-line)}
.an-ilke__no{
  position:absolute;left:0;top:28px;
  font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--tetik-accent-dark);
}
.an-ilke__list h3{
  margin:0 0 10px;font-size:clamp(18px,1.9vw,24px);line-height:1.2;
  letter-spacing:-.03em;font-weight:600;color:var(--tetik-ink);
}
.an-ilke__list p{margin:0;font-size:14.5px;line-height:1.8;color:var(--tetik-muted);max-width:56ch}

/* ============ HAKKIMIZDA ============ */
.an-hakkinda{padding:clamp(84px,10vw,140px) 0}
.an-hakkinda__grid{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(36px,5vw,84px);align-items:center;
}
.an-hakkinda__gorsel{margin:0}
.an-cerceve{
  position:relative;display:block;overflow:hidden;border-radius:24px;
  background:var(--tetik-bg);height:clamp(420px,50vw,620px);
}
.an-kat{position:absolute;top:-6%;left:0;display:block;width:100%;height:112%}
.an-cerceve img{width:100%;height:100%;object-fit:cover;display:block}
.an-hakkinda__yazi h2{
  margin:0 0 24px;font-size:clamp(26px,3.4vw,44px);line-height:1.06;letter-spacing:-.044em;
  font-weight:600;color:var(--tetik-ink);
}
.an-hakkinda__yazi p{margin:0 0 18px;font-size:15px;line-height:1.85;color:var(--tetik-muted)}
.an-hakkinda__list{
  list-style:none;margin:28px 0 32px;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;
}
.an-hakkinda__list li{
  position:relative;padding:13px 0 12px 20px;border-top:1px solid var(--tetik-line);
  font-size:13.5px;font-weight:500;color:var(--tetik-ink-2);
}
.an-hakkinda__list li::before{
  content:"";position:absolute;left:0;top:calc(13px + .58em);
  width:9px;height:1px;background:var(--tetik-accent);
}

/* ============ KAPANIŞ ============ */
.an-cta{position:relative;overflow:hidden;background:var(--tetik-ink);text-align:center}
.an-cta::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 0%, rgba(217,100,43,.18) 0%, transparent 62%);
}
.an-cta__inner{
  position:relative;z-index:1;max-width:680px;margin:0 auto;
  padding:clamp(96px,12vw,158px) 24px;
}
.an-cta__inner h2{
  margin:0;color:#fff;font-weight:600;
  font-size:clamp(28px,3.8vw,52px);line-height:1.06;letter-spacing:-.042em;
}
.an-cta__inner p{
  margin:20px auto 34px;max-width:42ch;
  font-size:14.5px;line-height:1.72;color:rgba(255,255,255,.66);
}
.an-cta__actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.an-cta__btn{
  display:inline-flex;align-items:center;gap:14px;
  padding:14px 14px 14px 30px;border-radius:999px;background:#fff;color:var(--tetik-ink);
  font-size:13.5px;font-weight:600;text-decoration:none;
  transition:background-color .35s cubic-bezier(.32,.72,0,1),transform .35s cubic-bezier(.32,.72,0,1);
}
.an-cta__btn i{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;background:var(--tetik-ink);color:#fff;
  font-style:normal;transition:transform .4s cubic-bezier(.32,.72,0,1);
}
.an-cta__btn:hover{background:var(--tetik-accent);transform:translateY(-2px)}
.an-cta__btn.is-manyetik:hover{transform:none}
.an-cta__btn:hover i{transform:translateX(4px)}
.an-cta__tel{
  color:rgba(255,255,255,.82);font-size:14.5px;font-weight:600;text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px;
  transition:color .25s ease,border-color .25s ease;
}
.an-cta__tel:hover{color:#fff;border-color:#fff}

/* ============ DUYARLI ============ */
@media (max-width:1080px){
  .an-hero__ust-ic{flex-direction:column;align-items:flex-start;gap:22px}
  .an-hero__ust-ic > .an-btn{margin-top:0}
  .an-manifesto__grid,
  .an-ilke__grid,
  .an-hakkinda__grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .an-ilke__sol{position:static}
  .an-hakkinda__gorsel{order:2}
  .an-surec__list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
  .an-cerceve{height:clamp(300px,52vw,420px)}
  .an-proje-ray{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    padding-bottom:8px;scrollbar-width:none;
  }
  .an-proje-ray::-webkit-scrollbar{display:none}
  .an-proje{flex:0 0 60%;scroll-snap-align:start}
  .an-proje:nth-child(2),
  .an-proje:nth-child(3),
  .an-proje:nth-child(4){margin-top:0}
  .an-proje__git{opacity:1;transform:none}

  /* paneller yatay kaydırmalı şeride dönüşüyor */
  .an-paneller{
    height:auto;overflow-x:auto;scroll-snap-type:x mandatory;
    padding-bottom:8px;scrollbar-width:none;
  }
  .an-paneller::-webkit-scrollbar{display:none}
  .an-panel{
    flex:0 0 72%;height:clamp(360px,62vw,460px);scroll-snap-align:start;
  }
  .an-panel.is-active{flex-grow:0}
  .an-panel__ad,
  .an-panel.is-active .an-panel__ad{writing-mode:horizontal-tb;transform:none;margin-bottom:12px}
  .an-panel__ac,
  .an-panel.is-active .an-panel__ac{max-height:200px;opacity:1}
  .an-panel__fon img{opacity:.55;transform:none}
}

@media (max-width:760px){
  .tetik-wrap{padding:0 16px}
  .an-slider__sahne{height:auto;min-height:700px}
  .an-surec__list{grid-template-columns:minmax(0,1fr);row-gap:26px}
  .an-hero__ust{top:104px}
  .an-hero__altlik{bottom:18px}
  .an-kartlar{height:116px;width:100%}
  .an-kart{padding:16px 18px 16px 16px;gap:14px;border-radius:18px}
  .an-kart__ok{flex-basis:40px;height:40px}
  .an-slider__pano{bottom:auto;top:calc(100% - 208px)}
  .an-slider__cizgi{width:64px}
  .an-ok{width:42px;height:42px;margin-top:-21px}
  .an-ok span{width:10px;height:10px}
  .an-panel{flex-basis:84%}
  .an-proje{flex-basis:78%}
  .an-hakkinda__list{grid-template-columns:minmax(0,1fr)}
  .an-cta__actions{flex-direction:column;gap:18px}
}

/* dokunmatikte hover asılı kalmasın */
@media (hover:none){
  .an-btn:hover{transform:none}
  .an-ok:hover{background:rgba(255,255,255,.08)}
  .an-ok:hover span{border-color:#fff}
  .an-proje:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  .an-serit{transition:none;transition-delay:0s}
  .an-k > span{transform:none;opacity:1;transition:none}
  .an-imlec{display:none}
  .an-perde{display:none}
  .an-manifesto__sag p[data-isik],.an-isik{color:var(--tetik-muted)}
  .an-proje__gorsel{transition:none}
  .an::before{display:none}
  .an-serit-band__ray{animation:none}
  .an-panel,.an-panel__fon img,.an-panel__ac{transition:none}
  .an-btn,.an-btn i,.an-kart,.an-kart__ok,.an-cta__btn,.an-cta__btn i{transition:none}
}