@font-face{
  font-family:'Aaram';
  src:url('../fonts/Aaram-Regular.ttf') format('truetype');
  font-weight:400;font-style:normal;font-display:swap;
}

/* ===== Urbanist (tüm ağırlıklar) ===== */
@font-face{font-family:'Urbanist';src:url('../fonts/Urbanist-Thin.woff2') format('woff2');font-weight:100;font-style:normal;font-display:swap;}
@font-face{font-family:'Urbanist';src:url('../fonts/Urbanist-ExtraLight.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap;}
@font-face{font-family:'Urbanist';src:url('../fonts/Urbanist-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Urbanist';src:url('../fonts/Urbanist-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Urbanist';src:url('../fonts/Urbanist-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Urbanist';src:url('../fonts/Urbanist-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Urbanist';src:url('../fonts/Urbanist-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Urbanist';src:url('../fonts/Urbanist-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:'Urbanist';src:url('../fonts/Urbanist-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;}



:root{
  --bg:#eef1f1;
  --bg-2:#e2e8e8;
  --ink:#0f1b2d;
  --navy:#142a44;
  --petrol:#1f6f78;
  --petrol-2:#2a8c97;
  --muted:#6b7785;
  --line:rgba(15,27,45,.12);
  --font-head:"Urbanist",sans-serif;
  --font-sub:"Urbanist",sans-serif;
  --font-body:"Urbanist",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--ink);
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}

/* ============ PRELOADER (Archidex "ctn-preloader" birebir) ============ */
.ctn-preloader{
  display:flex;
  align-items:center;
  -webkit-box-pack:center;justify-content:center;
  cursor:default;
  height:100%;width:100%;
  background:var(--bg);
  position:fixed;z-index:99999;top:0;left:0;
}
.ctn-preloader *{box-sizing:border-box}
.ctn-preloader .animation-preloader{
  position:relative;z-index:100;text-align:center;
}
/* dönen spinner */
.ctn-preloader .animation-preloader .spinner{
  animation:spinner 1s infinite linear;
  border-radius:50%;
  border:3px solid rgba(20,42,68,.2);
  border-top-color:#193153;
  height:9em;width:9em;margin:0 auto 3.5em auto;
}
@media(max-width:767px){
  .ctn-preloader .animation-preloader .spinner{height:6em;width:6em;margin:0 auto 2em auto}
}
/* harfler */
.ctn-preloader .animation-preloader .txt-loading{
  font:bold 5em Aaram;user-select:none;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading{
  color:#193153;
  position:relative;
  display:inline-block;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading::before{
  animation:lettersLoading 4s infinite;
  color:#193153;
  content:attr(data-text-preloader);
  left:0;opacity:0;top:0;
  position:absolute;
  transform:rotateY(-90deg);
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading.sp::before{color:gray}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2)::before{animation-delay:.2s}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3)::before{animation-delay:.4s}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4)::before{animation-delay:.6s}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5)::before{animation-delay:.8s}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6)::before{animation-delay:1s}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7)::before{animation-delay:1.2s}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8)::before{animation-delay:1.4s}
@media(max-width:767px){
  .ctn-preloader .animation-preloader .txt-loading{font:bold 3.5em Aaram}
}
.ctn-preloader p{
  font-family:var(--font-sub);
  font-size:14px;font-weight:500;letter-spacing:.5em;
  color:var(--petrol);text-transform:uppercase;
  margin-top:24px;padding-left:.5em;
}
/* perde panelleri */
.ctn-preloader .loader{
  height:100%;width:100%;
  pointer-events:none;
  position:fixed;top:0;left:0;z-index:1;
}
.ctn-preloader .loader .row{display:flex;width:100%;height:100%}
.ctn-preloader .loader .loader-section{
  padding:0;width:25%;position:relative;
}
.ctn-preloader .loader .loader-section .bg{
  background:var(--bg);
  height:100%;width:100%;
  transition:transform .6s cubic-bezier(.86,0,.07,1);
}
/* yüklendi: spinner&yazı kaybolur, paneller dışarı kayar */
.ctn-preloader.loaded .animation-preloader{opacity:0;transition:opacity .3s ease}
.ctn-preloader.loaded .loader-section:nth-child(1) .bg{transform:translateY(-100%)}
.ctn-preloader.loaded .loader-section:nth-child(2) .bg{transform:translateY(100%)}
.ctn-preloader.loaded .loader-section:nth-child(3) .bg{transform:translateY(-100%)}
.ctn-preloader.loaded .loader-section:nth-child(4) .bg{transform:translateY(100%)}
.ctn-preloader.loaded{opacity:0;visibility:hidden;transition:opacity .5s ease, visibility 0s .5s}

@keyframes spinner{to{transform:rotate(360deg)}}
@keyframes lettersLoading{
  0%,75%,100%{opacity:0;transform:rotateY(-90deg)}
  25%,50%{opacity:1;transform:rotateY(0deg)}
}

/* ============ NAV (basit, önizleme için) ============ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:5px 48px;
 
  transition:padding .4s ease;
}
/* sticky beyaz header (scroll edilince) */
.nav.scrolled{
  mix-blend-mode:normal;
  background:#fff;
  padding:5px 48px;
  box-shadow:0 6px 30px rgba(15,27,45,.08);
}
.nav.scrolled .logo{color:var(--ink)}
.nav.scrolled .logo b{color:var(--petrol)}
.nav.scrolled ul a{color:var(--ink);opacity:.9}
.nav.scrolled .nav__icon{color:var(--ink)}
.nav.scrolled .burger span{background:var(--ink)}
/* header altı ince border (blend'den etkilenmeyen, ayrı katman) */
.nav-border{
  position:fixed;top:0;left:0;right:0;z-index:99;
  height:1px;
  margin-top:74px;
  background:rgba(255,255,255,.18);
  pointer-events:none;
  transition:opacity .3s;
}
.nav-border.hide{opacity:0}
@media(max-width:820px){.nav-border{margin-top:64px}.nav.scrolled{padding:12px 24px}}
.nav .logo{font-family:'Aaram',var(--font-head);font-weight:400;font-size:59px; color:#fff}
.nav .logo b{color:var(--petrol-2)}
.nav > ul{display:flex;gap:30px;list-style:none}
.nav > ul > li{position:relative}
.nav ul a{font-family:var(--font-sub);font-size:16px;color:#fff; font-weight:400;opacity:.85;display:inline-flex;align-items:center;gap:6px}
.nav > ul > li.has-sub > a::after{
  content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);margin-top:-3px;margin-left:3px;transition:transform .3s;opacity:.7;
}
.nav > ul > li.has-sub:hover > a::after{transform:rotate(-135deg);margin-top:2px}
/* açılır alt menü */
.nav__sub{
  position:absolute;top:100%;left:-18px;
  width:max-content;min-width:230px;padding:12px 0;margin-top:14px;
  background:#fff;border-radius:14px;
  box-shadow:0 24px 50px -16px rgba(15,27,45,.28);
  border:1px solid rgba(15,27,45,.06);
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .3s ease, transform .3s ease, visibility .3s;
  mix-blend-mode:normal;isolation:isolate;
}
.nav > ul > li.has-sub .nav__sub{display:block!important}
.nav > ul > li.has-sub:hover .nav__sub{opacity:1;visibility:visible;transform:translateY(0)}
.nav__sub::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.nav__sub li{display:block;width:100%}
.nav__sub a{
  display:block;width:100%;padding:11px 24px;font-size:14px;color:var(--ink)!important;opacity:1!important;
  letter-spacing:0;transition:.22s;white-space:nowrap;
}
.nav__sub a:hover{background:var(--bg-2);color:var(--petrol)!important;padding-left:30px}
.nav__sub a::after{display:none!important}
/* blend modundan etkilenmemesi için scrolled olmayan durumda da panel net */
.nav:not(.scrolled) .nav__sub{mix-blend-mode:normal}
@media(max-width:820px){.nav > ul{display:none}.nav{padding:0px 24px;} .hero {
    position: relative;
    height: 100vh;
    min-height: 500px;
    overflow: hidden;
    background: var(--navy);
} }

/* nav sağ aksiyonlar: search + hamburger */
.nav__actions{display:flex;align-items:center;gap:22px}
.nav__icon{
  background:none;border:none;cursor:pointer;color:#fff;
  display:flex;align-items:center;justify-content:center;
  padding:0;line-height:0;
}
.nav__icon svg{width:24px;height:24px;display:block}
/* hamburger: iki kısa çizgi, sağa hizalı (görseldeki gibi) */
.burger{display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:30px}
.burger span{display:block;height:2px;background:#fff;border-radius:2px;transition:.35s}
.burger span:nth-child(1){width:30px}
.burger span:nth-child(2){width:20px}
.nav__icon:hover .burger span:nth-child(2){width:30px}

/* ============ OFFCANVAS SIDEBAR (Agntix) ============ */
.oc-overlay{
  position:fixed;inset:0;z-index:1000;
  background:rgba(15,27,45,.55);backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;transition:.5s;
}
.oc-overlay.open{opacity:1;visibility:visible}
.offcanvas{
  position:fixed;top:0;right:0;z-index:1001;
  width:460px;max-width:90vw;height:100%;
  background:#fff;visibility:visible;
  transform:translateX(100%);
  transition:transform .6s cubic-bezier(.76,0,.24,1);
  display:flex;flex-direction:column;
  padding:40px;overflow-y:auto;
}
.offcanvas.open{transform:translateX(0)}
.offcanvas__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}
.offcanvas__logo{font-family: 'Aaram';
    font-size: 50px;
    color: var(--ink);
    margin-bottom: -21px;}
.offcanvas__logo b{color:var(--petrol)}
.offcanvas__close{
  background:none;border:none;cursor:pointer;width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;border-radius:50%;
  transition:.3s;color:var(--ink);
}
.offcanvas__close:hover{background:var(--bg-2);transform:rotate(90deg)}
.offcanvas__close svg{width:24px;height:24px}
.offcanvas h3{
  font-family:var(--font-head);font-weight:700;
  font-size:38px;color:var(--ink);margin-bottom:18px;letter-spacing:-.01em;
}
.offcanvas__desc{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:34px;max-width:320px}
.offcanvas__gallery{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:42px;
}
.offcanvas__gallery a{border-radius:10px;overflow:hidden;aspect-ratio:1;display:block}
.offcanvas__gallery img{width:100%;height:100%;object-fit:cover;transition:.5s}
.offcanvas__gallery a:hover img{transform:scale(1.12)}
.offcanvas__label{
  font-family:var(--font-sub);font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;font-size:13px;color:var(--ink);
  margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line);
}
.offcanvas__info{list-style:none;margin-bottom:38px}
.offcanvas__info li{margin-bottom:12px}
.offcanvas__info a,.offcanvas__info span{color:var(--muted);font-size:15px;transition:.3s}
.offcanvas__info a:hover{color:var(--petrol)}
.offcanvas__social{display:flex;gap:12px}
.offcanvas__social a{
  width:42px;height:42px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--ink);transition:.3s;
}
.offcanvas__social a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.offcanvas__social svg{width:17px;height:17px}

/* ============ SEARCH OVERLAY ============ */
.search-overlay{
  position:fixed;inset:0;z-index:1100;
  background:rgba(20,42,68,.97);
  display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:.45s;
}
.search-overlay.open{opacity:1;visibility:visible}
.search-box{width:min(760px,88vw);text-align:center;transform:translateY(20px);transition:.5s .1s}
.search-overlay.open .search-box{transform:translateY(0)}
.search-box label{
  display:block;font-family:var(--font-sub);letter-spacing:.35em;
  text-transform:uppercase;font-size:12px;color:var(--petrol-2);margin-bottom:24px;
}
.search-box form{display:flex;align-items:center;border-bottom:2px solid rgba(255,255,255,.25)}
.search-box input{
  flex:1;background:none;border:none;outline:none;
  font-family:var(--font-head);font-weight:600;
  font-size:clamp(26px,5vw,52px);color:#fff;padding:18px 0;
}
.search-box input::placeholder{color:rgba(255,255,255,.35)}
.search-box button{background:none;border:none;cursor:pointer;color:#fff;padding:10px}
.search-box button svg{width:30px;height:30px}
.search-close{
  position:absolute;top:34px;right:42px;background:none;border:none;
  color:#fff;cursor:pointer;width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;transition:.3s;
}
.search-close:hover{background:rgba(255,255,255,.12);transform:rotate(90deg)}
.search-close svg{width:26px;height:26px}

/* ============ HERO (dikey kayan slider — Archinex) ============ */
.hero{
  position:relative;height:100vh;min-height:620px;overflow:hidden;
  background:var(--navy);
}
.hero__track{position:absolute;inset:0}
.hero__slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity 1.1s ease,visibility 1.1s;
}
.hero__slide.active{opacity:1;visibility:visible}
.hero__bg{position:absolute;inset:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;
  transform:scale(1.12);transition:transform 7s ease}
.hero__slide.active .hero__bg img{transform:scale(1)}
.hero__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,27,45,.45),rgba(15,27,45,.35) 40%,rgba(15,27,45,.82))}
.hero__inner{
  position:relative;z-index:3;height:100%;
  display:flex;flex-direction:column;justify-content:center;
  padding:0 48px;max-width:1100px;
}
@media(max-width:820px){.hero__inner{padding:0 24px}}
.hero__num{
  font-family:var(--font-sub);letter-spacing:.4em;font-size:12px;
  color:var(--petrol-2);text-transform:uppercase;margin-bottom:26px;
  display:flex;align-items:center;gap:16px;
}
.hero__num::before{content:"";width:46px;height:1px;background:var(--petrol-2)}
.hero__title{
  font-family:var(--font-head);font-weight:200;color:#fff;
  font-size: clamp(30px,2vw,110px);line-height:.98;letter-spacing:-.02em;
}
.hero__title em{font-style:italic;font-weight:600;color:var(--petrol-2)}
.hero__title .line{display:block;overflow:hidden}
.hero__title .line span{display:block;transform:translateY(110%);
  transition:transform 1s cubic-bezier(.22,1,.36,1)}
.hero__slide.active .hero__title .line span{transform:translateY(0)}
.hero__slide.active .hero__title .line:nth-child(2) span{transition-delay:.12s}
.hero__desc{
  margin-top:28px;max-width:480px;color:rgba(255,255,255,.78);
  font-size:17px;line-height:1.75;
  opacity:0;transform:translateY(20px);transition:all .9s ease .35s;
}
.hero__slide.active .hero__desc{opacity:1;transform:translateY(0)}
.hero__cta{
  margin-top:38px;display:inline-flex;align-items:center;gap:14px;
  font-family:var(--font-sub);font-size:14px;letter-spacing:.08em;
  text-transform:uppercase;color:#fff;
  border:1px solid rgba(255,255,255,.4);border-radius:50px;
  padding:15px 30px;width:fit-content;
  opacity:0;transform:translateY(20px);transition:all .9s ease .5s,background .3s,color .3s;
}
.hero__slide.active .hero__cta{opacity:1;transform:translateY(0)}
.hero__cta:hover{background:#fff;color:var(--navy)}
.hero__cta .dot{width:7px;height:7px;border-radius:50%;background:var(--petrol-2)}
/* yan dikey sayaç + dots */
.hero__side{
  position:absolute;right:48px;top:50%;transform:translateY(-50%);
  z-index:5;display:flex;flex-direction:column;gap:18px;align-items:center;
}
@media(max-width:820px){.hero__side{display:none}}
.hero__dot{
  width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.5);
  cursor:pointer;transition:all .3s;
}
.hero__dot.active{background:var(--petrol-2);border-color:var(--petrol-2);transform:scale(1.3)}
.hero__scroll{
  position:absolute;left:48px;bottom:36px;z-index:5;
  font-family:var(--font-sub);letter-spacing:.3em;font-size:11px;
  text-transform:uppercase;color:rgba(255,255,255,.7);
  display:flex;align-items:center;gap:12px;
}
@media(max-width:820px){.hero__scroll{left:24px}}
.hero__scroll .ln{width:1px;height:46px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.hero__scroll .ln::after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;
  background:#fff;animation:scl 2.2s ease-in-out infinite}
@keyframes scl{0%{top:-100%}60%{top:100%}100%{top:100%}}

/* ============ PROJELER (slider altı, 2'li carousel — Alphatron kontrol) ============ */
.projects{
  padding:90px 48px;
  position:relative;
}
@media(max-width:980px){.projects{padding:80px 24px}}
.projects__head{
  margin-bottom:46px;
}
.projects__tag{
  display:flex;align-items:center;gap:14px;
  font-family:var(--font-sub);letter-spacing:.35em;font-size:12px;
  text-transform:uppercase;color:var(--petrol);margin-bottom:18px;
}
.projects__tag::before{content:"";width:34px;height:1px;background:var(--petrol)}
.projects__title{
  font-family:var(--font-head);font-weight:400;
  font-size: clamp(24px,1.4vw,54px);line-height:1.08;color:var(--ink);letter-spacing:-.01em;
}

/* carousel track */
.projects__viewport{overflow:hidden}
.projects__track{
  display:flex;gap:30px;
  transition:transform .7s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.projects__card{
  flex:0 0 calc((100% - 30px)/2);   /* 2'li */
  position:relative;border-radius:18px;overflow:hidden;
  aspect-ratio:16/11;
  background:var(--navy);
  cursor:pointer;
}
@media(max-width:640px){.projects__card{flex:0 0 100%}}
.projects__card img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .8s ease;
}
.projects__card:hover img{transform:scale(1.06)}
.projects__card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,27,45,0) 40%,rgba(15,27,45,.82) 100%);
}
.projects__card-body{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:34px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
}
.projects__cardlink{position:absolute;inset:0;z-index:3}
.projects__card-body{z-index:4}
.projects__card-title a{color:inherit;position:relative;z-index:5}
.projects__explore{position:relative;z-index:5}
.projects__card-title{
  font-family:var(--font-head);font-weight:700;color:#fff;
  font-size:clamp(19px,1.6vw,35px); line-height:1.1;text-transform:uppercase;
}
.projects__card-title small{
  display:block;font-size:.5em;font-weight:500;opacity:.85;letter-spacing:.04em;margin-top:6px;
}
.projects__explore{
  display:flex;align-items:center;gap:10px;flex-shrink:0;
  font-family:var(--font-sub);font-size:12px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;
}
.projects__explore .circle{
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);
  display:flex;align-items:center;justify-content:center;transition:.35s;
}
.projects__card:hover .projects__explore .circle{background:var(--petrol);border-color:var(--petrol)}
.projects__explore .circle svg{width:16px;height:16px}

/* ALPHATRON KONTROL BARI: scrollbar + oklar + view all */
.projects__controls{
  display:flex;align-items:center;gap:40px;margin-top:46px;
}
@media(max-width:640px){.projects__controls{gap:20px}}
.projects__scrollbar{
  flex:1;height:4px;border-radius:4px;background:rgba(15,27,45,.10);position:relative;
}
@media(max-width:560px){.projects__scrollbar{display:none}}
.projects__scrollbar-drag{
  position:absolute;top:0;left:0;height:100%;border-radius:4px;
  background:var(--petrol);
  transition:left .7s cubic-bezier(.22,1,.36,1), width .7s cubic-bezier(.22,1,.36,1);
}
.projects__arrows{display:flex;gap:14px;flex-shrink:0}
.projects__arrows button{
  width:54px;height:54px;border-radius:50%;border:1px solid var(--line);
  background:#fff;cursor:pointer;color:var(--ink);
  display:flex;align-items:center;justify-content:center;transition:.3s;
}
.projects__arrows button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.projects__arrows button svg{width:20px;height:20px}
.projects__arrows button:disabled{opacity:.35;cursor:default}
.projects__arrows button:disabled:hover{background:#fff;color:var(--ink);border-color:var(--line)}
.projects__viewall{
  flex-shrink:0;display:inline-flex;align-items:center;gap:12px;
  font-family:var(--font-sub);font-size:14px;font-weight:600;letter-spacing:.04em;
  color:var(--ink);background:#fff;border:1px solid var(--line);
  padding:16px 30px;border-radius:50px;transition:.3s;white-space:nowrap;
}
.projects__viewall::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--petrol);transition:.3s}
.projects__viewall:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ============ HAKKINDA (Alfa Solar tarzı navy kart) ============ */
.about{
  padding:0 20px;margin-top:30px;position:relative;
}
.about__card{
  position:relative;
  background:var(--navy);
  border-radius:28px;
  padding:80px 70px 0;
  overflow:visible;
}
@media(max-width:980px){.about__card{padding:56px 28px 0;border-radius:20px}}

/* arka plan dev 1999 — dolu/outline dönüşümlü, alttan yukarı gradient */
.about__year{
  position:absolute;left:0;right:0;bottom:0%;
  z-index:0;pointer-events:none;user-select:none;
  display:flex;justify-content:center;align-items:center;
  font-family:var(--font-head);font-weight:800;
  font-size:clamp(116px,27vw,258px);line-height:1;letter-spacing:.04em;
      top: -380px;
}
.about__year b{display:inline-block;font-weight:800}
.about__year b.fill{
  background:linear-gradient(to top, rgba(255,255,255,.10), rgba(255,255,255,.01));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.about__year b.stroke{
  color:transparent;
  -webkit-text-stroke:1.5px rgba(255,255,255,.09);
  text-stroke:1.5px rgba(255,255,255,.09);
}

/* üst satır: başlık + buton */
.about__top{
  position:relative;z-index:2;
  display:flex;align-items:flex-start;justify-content:space-between;gap:30px;
  margin-bottom:70px;
}
@media(max-width:768px){.about__top{flex-direction:column;gap:24px;margin-bottom:48px}}
.about__title{
  font-family:var(--font-head);font-weight:600;color:#fff;
  font-size:clamp(30px,2vw,52px);line-height:1.12;letter-spacing:-.01em;
}
.about__btn{
  flex-shrink:0;display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-sub);font-size:14px;font-weight:600;letter-spacing:.02em;
  color:#fff;border:1px solid rgba(255,255,255,.35);
  padding:14px 26px;border-radius:50px;transition:.35s;
}
.about__btn:hover{background:#fff;color:var(--navy);border-color:#fff}
.about__btn svg{width:15px;height:15px}

/* başlık altı tek kısa açıklama */
.about__features{
  position:relative;z-index:2;
  padding-bottom:0px;max-width:680px;
}
.about__features p{
  font-size:clamp(17px,0.5vw,19px);line-height:1.85;color:rgba(255,255,255,.7);
}
/* sol yazı (2/3) - sağ foto (1/3) split düzen */
.about__card--split{
  display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:center;padding-bottom:80px;
}
@media(max-width:880px){.about__card--split{grid-template-columns:1fr;gap:34px;padding-bottom:56px}}
.about__card--split .about__left{position:relative;z-index:2}
.about__card--split .about__features{max-width:none;margin-top:26px}
.about__card--split .about__features .about__btn{margin-top:28px}
.about__card--split .about__right{position:relative;z-index:2}
.about__card--split .about__photo{
  position:relative;overflow:hidden;border-radius:18px;clip-path:inset(0 100% 0 0);aspect-ratio:3/3.7;margin:0;
}
.about__card--split .about__photo img{width:100%;height:100%;object-fit:cover;display:block}
.about.in .about__card--split .about__photo{animation:winOpen 1.1s cubic-bezier(.77,0,.18,1) forwards}
@media(max-width:880px){.about__card--split .about__photo{aspect-ratio:4/3}}

/* alt: 2 foto (kartın altından taşar) — soldan sağa pencere efekti */
.about__media{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.75fr 1fr;gap:26px;
  margin:0 0 -70px;            /* navy kartın altından taşsın */
  padding:0 0;
}
@media(max-width:980px){.about__media{margin-bottom:-50px}}
@media(max-width:640px){.about__media{grid-template-columns:1fr;gap:18px}}
.about__photo{
  position:relative;overflow:hidden;border-radius:18px;
  clip-path:inset(0 100% 0 0);          /* başlangıç: kapalı (soldan) */
}
.about__photo img{width:100%;height:100%;object-fit:cover;display:block}
.about__photo--main{aspect-ratio:16/12.5}
.about__photo--side{aspect-ratio:3/4}
.about.in .about__photo{animation:winOpen 1.1s cubic-bezier(.77,0,.18,1) forwards}
.about.in .about__photo--side{animation-delay:.28s}
@keyframes winOpen{
  0%{clip-path:inset(0 100% 0 0)}
  100%{clip-path:inset(0 0 0 0)}
}
@media(max-width:640px){
  .about__photo--main{aspect-ratio:4/3}
  .about__photo--side{aspect-ratio:4/3}
}

/* ============ GÖRSEL (Seaflow go_full) — genişleyerek tam ekrana ============ */
.go-full{
  padding:40px 0 110px;
  overflow:hidden;
}
.go-full__inner{
  position:relative;
}
.go-full__img{
  position:relative;left:50%;
  width:68vw;                    /* başlangıç (Seaflow: ~67vw) */
  transform:translateX(-50%);
  border-radius:18px;overflow:hidden;
  will-change:width;
}
.go-full__img img{
  width:100%;height:clamp(380px,54vw,680px);
  object-fit:cover;display:block;
}
@media(max-width:768px){
  .go-full{padding:20px 0 70px}
  .go-full__img{width:92vw;border-radius:12px}
  .go-full__img img{height:300px}
}

/* ============ HİZMETLER (Agntix interaktif: hover + scroll) ============ */
.svc-wrap{
  padding:0 20px;            /* sağ-sol 20px */
  margin-top: 90px;

}
.svc{
  background: url(../img/hizmet-bg.jpg);
    background-size: cover;
  border-radius:24px;        /* genel radius */
  padding:90px 60px;
  position:relative;overflow:hidden;
}
@media(max-width:980px){.svc{padding:60px 24px;border-radius:18px}}
.svc__head{margin-bottom:50px}
.svc__tag{
  display:flex;align-items:center;gap:12px;
  font-family:var(--font-sub);letter-spacing:.3em;font-size:12px;
  text-transform:uppercase;color:var(--petrol-2);margin-bottom:22px;
}
.svc__tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--petrol-2)}
.svc__title{
  font-family:var(--font-head);font-weight:400;color:#fff;
  font-size:clamp(30px,2vw,52px);line-height:1.1;letter-spacing:-.01em;max-width:680px;
}

/* interaktif liste + imleci takip eden görsel */
.svc__list{position:relative;border-top:1px solid rgba(255,255,255,.12)}
.svc__item{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  padding:34px 10px;
  border-bottom:1px solid rgba(255,255,255,.12);
  cursor:pointer;transition:padding .4s ease;
}
.svc__item-num{
  font-family:var(--font-sub);font-size:14px;font-weight:600;
  color:rgba(255,255,255,.4);width:50px;flex-shrink:0;transition:color .35s;
}
.svc__item-name{
  font-family:var(--font-head);font-weight:100;
  font-size:clamp(26px,1.4vw,46px);line-height:1.1;
  color:rgba(255,255,255,.55);transition:color .35s, transform .45s cubic-bezier(.22,1,.36,1);
  flex:1;
}
.svc__item-arrow{
  width:54px;height:54px;border-radius:50%;flex-shrink:0;
  border:1px solid rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;color:#fff;
  opacity:0;transform:translateX(-12px);transition:.4s;
}
.svc__item-arrow svg{width:20px;height:20px}
/* aktif/hover satır */
.svc__item.is-active .svc__item-num{color:var(--petrol-2)}
.svc__item.is-active .svc__item-name{color:#fff;transform:translateX(14px)}
.svc__item.is-active .svc__item-arrow{opacity:1;transform:translateX(0);background:var(--petrol);border-color:var(--petrol)}
/* diğer satırlar sönükleşir */
.svc__list.has-active .svc__item:not(.is-active) .svc__item-name{color:rgba(255,255,255,.3)}

/* imleci takip eden görsel (masaüstü) */
.svc__float{
  position:absolute;top:0;left:0;z-index:1;pointer-events:none;
  width:330px;height:420px;border-radius:16px;overflow:hidden;
  opacity:0;transform:scale(.92);
  transition:opacity .4s ease, transform .4s ease;
  will-change:transform;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);
}
.svc__float.show{opacity:1;transform:scale(1)}
.svc__float img{
  width:100%;height:100%;object-fit:cover;position:absolute;inset:0;
  opacity:0;transition:opacity .4s ease;
}
.svc__float img.active{opacity:1}
@media(max-width:980px){
  .svc__float{display:none}                 /* mobilde görsel satır içinde */
  .svc__item{flex-wrap:wrap}
  .svc__item-mobimg{
    width:100%;height:0;overflow:hidden;border-radius:14px;margin-top:0;
    transition:height .5s ease, margin-top .5s ease;
  }
  .svc__item.is-active .svc__item-mobimg{height:200px;margin-top:18px}
  .svc__item-mobimg img{width:100%;height:100%;object-fit:cover}
}
@media(min-width:981px){.svc__item-mobimg{display:none}}
.svc__foot{margin-top:46px}

/* ============ NEDEN BİZ (Agntix process — video arkaplan) ============ */
.why{
  padding:0 20px;margin-top:30px;
}
.why__inner{
  position:relative;border-radius:24px;overflow:hidden;
  padding:100px 60px;
  color:#fff;
}
@media(max-width:980px){.why__inner{padding:64px 28px;border-radius:18px}}
.why__video{
  position:absolute;inset:0;z-index:0;
}
.why__video video,.why__video img{
  width:100%;height:100%;object-fit:cover;
}
.why__video::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,rgba(10,14,31,.88) 0%,rgba(10,14,31,.72) 50%,rgba(20,42,68,.6) 100%);
}
.why__grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:start;
}
@media(max-width:991px){.why__grid{grid-template-columns:1fr;gap:40px}}
.why__tag{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--font-sub);letter-spacing:.3em;font-size:12px;
  text-transform:uppercase;color:var(--petrol-2);margin-bottom:22px;
}
.why__tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--petrol-2)}
.why__title{
  font-family:var(--font-head);font-weight:400;color:#fff;
  font-size:clamp(32px,2vw,56px);line-height:1.08;letter-spacing:-.01em;max-width:420px;
}
/* sağ 2x2 ızgara */
.why__steps{
  display:grid;grid-template-columns:1fr 1fr;
}
@media(max-width:560px){.why__steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.why__step{padding:20px 16px}.why__step p{font-size:13px}}
.why__step{
  padding:34px;
  border-top:1px solid rgba(255,255,255,.16);
  border-left:1px solid rgba(255,255,255,.16);
  transition:background .35s ease;
}
.why__step:hover{background:rgba(255,255,255,.05)}
/* şaşırtmalı yerleşim: 1. ve 4. üstte, 2x2 düzeni */
.why__step-top{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;
}
.why__step-icon{
  width:48px;height:48px;border-radius:12px;
  background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.why__step-icon svg{width:24px;height:24px}
.why__step-num{
  font-family:var(--font-head);font-weight:700;font-size:30px;
  color:rgba(255,255,255,.25);
}
.why__step h4{
  font-family:var(--font-head);font-weight:200;font-size:21px;color:#fff;margin-bottom:10px;
}
.why__step p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.6)}

/* ============ BLOG (Air Liquide "Latest stories") ============ */
.blog{
  padding:120px 48px;
}
@media(max-width:980px){.blog{padding:80px 24px}}
.blog__head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:30px;margin-bottom:46px;flex-wrap:wrap;
}
.blog__tag{
  display:flex;align-items:center;gap:14px;
  font-family:var(--font-sub);letter-spacing:.35em;font-size:12px;
  text-transform:uppercase;color:var(--petrol);margin-bottom:18px;
}
.blog__tag::before{content:"";width:34px;height:1px;background:var(--petrol)}
.blog__title{
  font-family:var(--font-head);font-weight:400;
  font-size:clamp(32px,2vw,56px);line-height:1.08;color:var(--ink);letter-spacing:-.01em;
}

/* iki kolon: sol featured (geniş), sağ liste */
.blog__layout{
  display:grid;grid-template-columns:1.55fr 1fr;gap:40px;align-items:stretch;
}
@media(max-width:980px){.blog__layout{grid-template-columns:1fr;gap:30px}}

/* FEATURED kart: solda görsel, sağda lacivert panel */
.blog__feature{
  display:grid;grid-template-columns:1fr 1fr;
  border-radius:20px;overflow:hidden;background:var(--navy);
  min-height:390px;
}
@media(max-width:560px){.blog__feature{grid-template-columns:1fr}}
.blog__feature-media{position:relative;overflow:hidden}
.blog__feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.blog__feature:hover .blog__feature-media img{transform:scale(1.05)}
@media(max-width:560px){.blog__feature-media{height:240px}}
.blog__feature-body{
  padding:38px;display:flex;flex-direction:column;color:#fff;
}
.blog__chips{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.blog__chip{
  font-family:var(--font-sub);font-size:11px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:#fff;
  border:1px solid rgba(255,255,255,.4);border-radius:50px;padding:6px 15px;
}
.blog__feature-body h3{
  font-family:var(--font-head);font-weight:300;
  font-size:clamp(21px,1vw,32px);line-height:1.2;margin-bottom:18px;color:#fff;
}
.blog__feature-body p{
  font-size:15px;line-height:1.75;color:rgba(255,255,255,.7);margin-bottom:auto;
}
.blog__feature-date{
  font-family:var(--font-sub);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.55);margin:26px 0 18px;
}
.blog__readmore{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--font-sub);font-size:14px;font-weight:600;color:#fff!important;
}
.blog__readmore .circle{
  width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.45);
  display:flex;align-items:center;justify-content:center;transition:.3s;
}
.blog__readmore:hover .circle{background:var(--petrol);border-color:var(--petrol)}
.blog__readmore .circle svg{width:14px;height:14px}

/* SAĞ liste */
.blog__list{display:flex;flex-direction:column}
.blog__item{
  display:flex;gap:20px;align-items:center;
  padding:22px 0;border-bottom:1px solid var(--line);
}
.blog__item:first-child{padding-top:0}
.blog__item:last-child{border-bottom:none}
.blog__item-media{
  flex:0 0 110px;height:90px;border-radius:14px;overflow:hidden;
}
.blog__item-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.blog__item:hover .blog__item-media img{transform:scale(1.07)}
.blog__item-chips{
  display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap;
}
.blog__item-chips span{
  font-family:var(--font-sub);font-size:10px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--petrol);
}
.blog__item h4{
  font-family:var(--font-head);font-weight:300;font-size:17px;line-height:1.3;
  color:var(--ink);transition:color .3s;
}
.blog__item:hover h4{color:var(--petrol)}

.note{
  text-align:center;padding:30px;font-size:13px;color:var(--muted);
  font-family:var(--font-sub);letter-spacing:.05em;
  background:var(--bg-2);border-top:1px solid var(--line);
}

/* ===== İÇ SAYFA TASARIMI (mimari, karma açık+koyu) ===== */
.nav.no-hero{position:fixed}

/* ===== İÇ SAYFA — MİMARİ TEMA (karma açık+koyu) ===== */
.ip{padding-top:0}
/* BREADCRUMB */
.bc{position:relative;overflow:hidden;background:var(--navy);padding: 137px 48px 51px;}
@media(max-width:980px){.bc{padding:130px 24px 54px;margin:0;border-radius:0}}
.bc__pattern{position:absolute;inset:0;z-index:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);mask-image:linear-gradient(90deg,#000,transparent 70%)}
.bc__inner{position:relative;z-index:2;max-width:1320px;margin:0 auto}
.bc__eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-sub);letter-spacing:.32em;font-size:12px;text-transform:uppercase;color:var(--petrol-2);margin-bottom:22px}
.bc__eyebrow .ln{width:34px;height:1px;background:var(--petrol-2);display:inline-block}
.bc__title{font-family:var(--font-head);font-weight:200;color:#fff;font-size:clamp(29px,1.5vw,72px) !important; line-height:1.05;letter-spacing:-.02em;margin:0 0 20px}
.bc__path{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--font-sub);font-size:14px;color:rgba(255,255,255,.55)}
.bc__path a{color:rgba(255,255,255,.8);transition:.25s}
.bc__path a:hover{color:var(--petrol-2)}
.bc__path .sep{color:rgba(255,255,255,.3)}
.bc__path .current{color:var(--petrol-2)}

/* GENEL */
.sec{padding:100px 48px}
@media(max-width:980px){.sec{padding:64px 24px}}
.sec--dark{background-color: var(--navy);
    color: #fff;
    background-image: url(../img/project-shape-1.png);
    background-size: cover;}
.wrap{max-width:1320px;margin:0 auto}
.sec-head{margin-bottom:54px;max-width:680px}
.sec-head .tag{display:flex;align-items:center;gap:14px;font-family:var(--font-sub);letter-spacing:.32em;font-size:12px;text-transform:uppercase;color:var(--petrol);margin-bottom:16px}
.sec-head .tag::before{content:"";width:34px;height:1px;background:var(--petrol)}
.sec--dark .sec-head .tag{color:var(--petrol-2)}
.sec--dark .sec-head .tag::before{background:var(--petrol-2)}
.sec-head h2{font-family:var(--font-head);font-weight:200;font-size:clamp(28px,1.6vw,46px);line-height:1.1;color:var(--ink);letter-spacing:-.01em}
.sec--dark .sec-head h2{color:#fff}

/* HİZMET KARTLARI (numara + başlık + açıklama + ok) — açık zemin */
.svcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:980px){.svcgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.svcgrid{grid-template-columns:1fr}}
.svccard{position:relative;background:var(--navy);border:none;border-radius:20px;padding:40px 34px;overflow:hidden;transition:.4s;display:flex;flex-direction:column;min-height:330px; }
.svccard__bg{position:absolute;inset:0;z-index:0}
.svccard__bg img{ border-radius: 15px; height:271px;object-fit:cover;transition:transform .8s ease}
.svccard:hover .svccard__bg img{transform:scale(1.07)}
/* soldan sağa koyu lacivert gradient (okunabilirlik) */
.svccard::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,27,45,.92) 0%,rgba(15,27,45,.78) 45%,rgba(15,27,45,.40) 100%)}
.svccard:hover::after{background:linear-gradient(90deg,rgba(31,111,120,.92) 0%,rgba(20,42,68,.82) 45%,rgba(20,42,68,.45) 100%)}
.svccard > *{position:relative;z-index:2}
.svccard__icon{width:58px;height:58px;border-radius:14px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:auto;transition:.4s}
.svccard__icon svg{width:28px;height:28px}
.svccard h3{font-family:var(--font-head);font-weight:700;font-size:23px;color:#fff;margin:24px 0 14px;transition:.4s}
.svccard p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.78);margin-bottom:24px;transition:.4s}
.svccard__link{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sub);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;transition:.4s}
.svccard:hover .svccard__link{color:var(--petrol-2)}
.svccard__link svg{width:16px;height:16px;transition:transform .3s}
.svccard:hover .svccard__link svg{transform:translate(3px,-3px)}

/* HİZMET DETAY */
.det{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:start}
@media(max-width:980px){.det{grid-template-columns:1fr;gap:40px}}
.det__media{border-radius:20px;overflow:hidden;aspect-ratio:16/9;margin-bottom:40px}
.det__media img{width:100%;height:100%;object-fit:cover}
.det__body h2{font-family:var(--font-head);font-weight:700;font-size:clamp(26px,3vw,38px);color:var(--ink);margin:0 0 20px;line-height:1.15}
.det__body p{color:var(--muted);line-height:1.9;font-size:16px;margin-bottom:18px}
.det__body h3{font-family:var(--font-head);font-weight:700;font-size:22px;color:var(--ink);margin:34px 0 14px}
.det__features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
@media(max-width:560px){.det__features{grid-template-columns:1fr}}
.det__feature{display:flex;gap:12px;align-items:flex-start;padding:18px;background:var(--bg-2);border-radius:14px}
.det__feature svg{width:22px;height:22px;color:var(--petrol);flex-shrink:0;margin-top:2px}
.det__feature h4{font-family:var(--font-head);font-size:16px;color:var(--ink);margin:0 0 4px}
.det__feature p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}
/* yan menü (sticky) */
.det__aside{position:sticky;top:100px;display:flex;flex-direction:column;gap:20px}
.det__nav{background:var(--bg-2);border-radius:18px;padding:14px}
.det__nav a{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-radius:12px;font-family:var(--font-sub);font-size:15px;font-weight:500;color:var(--ink);transition:.25s}
.det__nav a svg{width:16px;height:16px;opacity:0;transform:translateX(-6px);transition:.25s}
.det__nav a:hover,.det__nav a.active{background:var(--navy);color:#fff}
.det__nav a:hover svg,.det__nav a.active svg{opacity:1;transform:translateX(0)}
.det__cta{background:var(--navy);border-radius:18px;padding:32px;color:#fff;position:relative;overflow:hidden}
.det__cta h4{font-family:var(--font-head);font-size:22px;margin:0 0 10px;position:relative;z-index:1}
.det__cta p{font-size:14px;color:rgba(255,255,255,.65);margin-bottom:20px;position:relative;z-index:1}
.det__cta a{display:inline-flex;align-items:center;gap:10px;background:var(--petrol);color:#fff;padding:13px 24px;border-radius:50px;font-family:var(--font-sub);font-size:14px;font-weight:600;position:relative;z-index:1;transition:.3s}
.det__cta a:hover{background:#fff;color:var(--navy)}
.det__cta::after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:rgba(42,140,151,.25)}

/* CTA şerit (koyu) */
.ctaband{background:var(--navy);border-radius:24px;margin:0 20px;padding:70px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;position:relative;overflow:hidden}
.ctaband__pat{position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.ctaband h2{position:relative;z-index:1;font-family:var(--font-head);font-weight:700;font-size:clamp(26px,3.4vw,42px);color:#fff;max-width:600px;line-height:1.15}
.ctaband__btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;background:var(--petrol);color:#fff;padding:18px 34px;border-radius:50px;font-family:var(--font-sub);font-weight:600;font-size:15px;transition:.35s;white-space:nowrap}
.ctaband__btn:hover{background:#fff;color:var(--navy)}
.ctaband__btn svg{width:16px;height:16px}
.ip-label{position:fixed;left:14px;bottom:14px;z-index:9;background:var(--petrol);color:#fff;font-family:var(--font-sub);font-size:12px;font-weight:600;padding:8px 16px;border-radius:50px;letter-spacing:.04em}


/* PROJELER GALERİ */
.pfilter{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px}
.pfilter button{font-family:var(--font-sub);font-size:14px;font-weight:500;color:var(--muted);background:transparent;border:1px solid var(--line);padding:11px 24px;border-radius:50px;cursor:pointer;transition:.3s}
.pfilter button:hover{border-color:var(--navy);color:var(--ink)}
.pfilter button.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
@media(max-width:760px){.pgrid{grid-template-columns:1fr}}
.pcard{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--navy);display:block}
 
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.pcard:hover img{transform:scale(1.07)}
.pcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,27,45,0) 40%,rgba(15,27,45,.85) 100%)}
.pcard__body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.pcard__cat{font-family:var(--font-sub);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--petrol-2);margin-bottom:10px}
.pcard__body h3{font-family:var(--font-head);font-weight:700;font-size:26px;color:#fff;line-height:1.1}
.pcard__arrow{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:.35s}
.pcard:hover .pcard__arrow{background:var(--petrol);border-color:var(--petrol);transform:rotate(45deg)}
.pcard__arrow svg{width:18px;height:18px}

/* PROJE DETAY */
.pd-hero{position:relative;margin:0 20px;border-radius:24px;overflow:hidden;aspect-ratio:21/9}
@media(max-width:760px){.pd-hero{aspect-ratio:4/3}}
.pd-hero img{width:100%;height:100%;object-fit:cover}
.pd-info{display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:start}
@media(max-width:980px){.pd-info{grid-template-columns:1fr;gap:36px}}
.pd-info__body h2{font-family:var(--font-head);font-weight:700;font-size:clamp(26px,3vw,40px);color:var(--ink);margin:0 0 20px;line-height:1.15}
.pd-info__body p{color:var(--muted);line-height:1.9;font-size:16px;margin-bottom:18px}
.pd-meta{background:var(--bg-2);border-radius:18px;padding:30px;position:sticky;top:100px}
.pd-meta__item{padding:16px 0;border-bottom:1px solid var(--line)}
.pd-meta__item:last-child{border-bottom:none}
.pd-meta__item .k{font-family:var(--font-sub);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.pd-meta__item .v{font-family:var(--font-head);font-weight:600;font-size:17px;color:var(--ink)}
.pd-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
@media(max-width:760px){.pd-gallery{grid-template-columns:1fr 1fr}}
.pd-gallery a{border-radius:16px;overflow:hidden;aspect-ratio:4/3;display:block}
.pd-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.pd-gallery a:hover img{transform:scale(1.08)}


/* KURUMSAL/HAKKIMIZDA */
.ab-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
@media(max-width:900px){.ab-intro{grid-template-columns:1fr;gap:36px}}
.ab-intro__media{border-radius:20px;overflow:hidden;aspect-ratio:4/3.4;position:sticky;top:100px;align-self:start}
@media(max-width:900px){.ab-intro__media{position:static}}
.ab-intro__media img{width:100%;height:100%;object-fit:cover}
.ab-intro__body h2{font-family:var(--font-head);font-weight:700;font-size:clamp(26px,3.2vw,42px);color:var(--ink);line-height:1.15;margin:0 0 22px}
.ab-intro__body p{color:var(--muted);line-height:1.9;font-size:16px;margin-bottom:18px}
.ab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px}
@media(max-width:560px){.ab-stats{grid-template-columns:1fr 1fr 1fr;gap:14px}}
.ab-stat .n{font-family:var(--font-head);font-weight:800;font-size:clamp(34px,4vw,52px);color:var(--navy);line-height:1}
.ab-stat .n span{color:var(--petrol)}
.ab-stat .l{font-family:var(--font-sub);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:8px}
/* değerler (koyu) */
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:1100px){.values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.values{grid-template-columns:1fr}}
.value{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 28px;transition:.35s}
.value:hover{background:rgba(255,255,255,.07);transform:translateY(-5px)}
.value__icon{width:56px;height:56px;border-radius:14px;background:rgba(42,140,151,.18);display:flex;align-items:center;justify-content:center;color:var(--petrol-2);margin-bottom:22px}
.value__icon svg{width:28px;height:28px}
.value h3{font-family:var(--font-head);font-weight:200;font-size:21px;color:#fff;margin-bottom:12px}
.value p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.6)}

/* TARİHÇE — yıllara göre fotoğraflı carousel */
.tlx{position:relative;max-width:1320px;margin:0 auto}
/* yıl çizelgesi (üst) */
.tlx__years{position:relative;display:flex;justify-content:space-between;margin-bottom:54px;padding-top:18px}
.tlx__years::before{content:"";position:absolute;left:0;right:0;top:24px;height:2px;background:var(--line)}
.tlx__yprogress{position:absolute;left:0;top:24px;height:2px;background:var(--petrol);transition:width .6s cubic-bezier(.22,1,.36,1)}
.tlx__year{position:relative;z-index:2;background:none;border:none;cursor:pointer;font-family:var(--font-head);font-weight:700;font-size:16px;color:var(--muted);padding-top:22px;transition:.3s;flex:1;text-align:center}
.tlx__year::before{content:"";position:absolute;top:0px;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--line);transition:.3s}
.tlx__year:first-child{text-align:left}
.tlx__year:first-child::before{left:7px;transform:none}
.tlx__year:last-child{text-align:right}
.tlx__year:last-child::before{left:auto;right:7px;transform:none}
.tlx__year.active{color:var(--navy);font-size:19px}
.tlx__year.active::before{background:var(--petrol);border-color:var(--petrol);transform:translateX(-50%) scale(1.15)}
.tlx__year:first-child.active::before{transform:scale(1.15)}
.tlx__year:last-child.active::before{transform:scale(1.15)}
/* slayt alanı */
.tlx__stage{position:relative;overflow:hidden;border-radius:24px}
.tlx__track{display:flex;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.tlx__slide{min-width:100%;display:grid;grid-template-columns:1.1fr 1fr;background:var(--navy)}
@media(max-width:880px){.tlx__slide{grid-template-columns:1fr}}
.tlx__photo{position:relative;overflow:hidden;min-height:370px}
/* pencere açılma efekti */
.tlx__photo img{clip-path:inset(0 50% 0 50%);transition:none}
.tlx__slide.is-active .tlx__photo img{animation:tlxWindow 1s cubic-bezier(.77,0,.18,1) forwards}
.tlx__slide.is-active .tlx__photo .tlx__bigyear{animation:tlxYearIn .9s ease .25s both}
@keyframes tlxWindow{0%{clip-path:inset(0 50% 0 50%)}100%{clip-path:inset(0 0 0 0)}}
@keyframes tlxYearIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:880px){.tlx__photo{min-height:260px}}
.tlx__photo img{position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 10px;
    border-radius: 27px;}
.tlx__bigyear{position:absolute;left:30px;bottom:20px;z-index:2;font-family:var(--font-head);font-weight:900;font-size:clamp(60px,8vw,110px);color:#ffffff8a; -webkit-text-stroke: 1px; line-height:.9;text-shadow:0 10px 40px rgba(0,0,0,.4)}
.tlx__body{background: url(../img/background-shape2.png);
    background-size: cover;
    background-position: top; padding:60px 56px;color:#fff;display:flex;flex-direction:column;justify-content:center}
@media(max-width:880px){.tlx__body{padding:40px 28px}}
.tlx__tag{font-family:var(--font-sub);letter-spacing:.3em;font-size:12px;text-transform:uppercase;color:var(--petrol-2);margin-bottom:18px}
.tlx__body h3{font-family:var(--font-head);font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.15;margin-bottom:18px}
.tlx__body p{font-size:16px;line-height:1.85;color:rgba(255,255,255,.68)}
/* oklar */
.tlx__nav{display:flex;gap:14px;justify-content:flex-end;margin-top:30px}
.tlx__nav button{width:54px;height:54px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center;transition:.3s}
.tlx__nav button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.tlx__nav button svg{width:20px;height:20px}
.tlx__nav button:disabled{opacity:.35;cursor:default}
.tlx__nav button:disabled:hover{background:#fff;color:var(--ink);border-color:var(--line)}


/* BLOG LİSTE */
.blogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
@media(max-width:900px){.blogrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blogrid{grid-template-columns:1fr}}
.bcard{background:#fff;border:1px solid rgba(15,27,45,.07);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:.4s}
.bcard:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(15,27,45,.22)}
.bcard__media{aspect-ratio:16/11;overflow:hidden;position:relative}
.bcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.bcard:hover .bcard__media img{transform:scale(1.07)}
.bcard__date{position:absolute;left:16px;top:16px;background:var(--navy);color:#fff;font-family:var(--font-sub);font-size:12px;font-weight:600;padding:8px 14px;border-radius:10px;text-align:center;line-height:1.1}
.bcard__date b{display:block;font-family:var(--font-head);font-size:18px}
.bcard__body{padding:26px;display:flex;flex-direction:column;flex:1}
.bcard__cat{font-family:var(--font-sub);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--petrol);margin-bottom:12px}
.bcard__body h3{font-family:var(--font-head);font-weight:700;font-size:20px;line-height:1.35;color:var(--ink);margin-bottom:16px}
.bcard__more{margin-top:auto;font-family:var(--font-sub);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);display:inline-flex;gap:8px;align-items:center}
.bcard__more svg{width:15px;height:15px}

/* BLOG DETAY */
.post{max-width:820px;margin:0 auto}
.post__meta{display:flex;gap:16px;align-items:center;margin-bottom:22px;font-family:var(--font-sub);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.post__meta .c{color:var(--petrol);font-weight:600}
.post__hero{border-radius:20px;overflow:hidden;aspect-ratio:16/9;margin-bottom:40px}
.post__hero img{width:100%;height:100%;object-fit:cover}
.post__body p{color:var(--muted);line-height:1.95;font-size:17px;margin-bottom:22px}
.post__body h2{font-family:var(--font-head);font-weight:700;font-size:28px;color:var(--ink);margin:38px 0 16px}
.post__body blockquote{border-left:3px solid var(--petrol);padding:8px 0 8px 26px;margin:30px 0;font-family:var(--font-head);font-size:21px;color:var(--ink);line-height:1.5;font-style:italic}

/* İLETİŞİM */
.ct{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:start}
@media(max-width:900px){.ct{grid-template-columns:1fr;gap:36px}}
.ct__item{display:flex;gap:16px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line)}
.ct__item:first-child{padding-top:0}
.ct__icon{width:48px;height:48px;border-radius:12px;background:rgba(42,140,151,.12);display:flex;align-items:center;justify-content:center;color:var(--petrol);flex-shrink:0}
.ct__icon svg{width:20px;height:20px}
.ct__item h4{font-family:var(--font-head);font-size:17px;color:var(--ink);margin:0 0 4px}
.ct__item p,.ct__item a{color:var(--muted);line-height:1.6}
.ct__form{background:var(--navy);border-radius:20px;padding:40px}
.ct__form .in{width:100%;padding:15px 18px;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-family:var(--font-body);font-size:15px;margin-bottom:16px;background:rgba(255,255,255,.05);color:#fff;transition:.25s}
.ct__form .in::placeholder{color:rgba(255,255,255,.5)}
.ct__form .in:focus{outline:none;border-color:var(--petrol-2);background:rgba(255,255,255,.08)}
.ct__form textarea.in{min-height:120px;resize:vertical}
.ct__submit{display:inline-flex;align-items:center;gap:12px;background:var(--petrol);color:#fff;border:none;cursor:pointer;font-family:var(--font-sub);font-weight:600;font-size:14px;padding:16px 34px;border-radius:50px;transition:.35s}
.ct__submit:hover{background:#fff;color:var(--navy)}
.ct__submit svg{width:15px;height:15px}

/* REFERANSLAR */
.refgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:900px){.refgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.refgrid{grid-template-columns:repeat(2,1fr)}}
.refitem{background:#fff;border:1px solid rgba(15,27,45,.07);border-radius:16px;aspect-ratio:2/2;display:flex;align-items:center;justify-content:center;padding:28px;transition:.35s}
.refitem:hover{border-color:var(--petrol);box-shadow:0 20px 40px -26px rgba(15,27,45,.25);transform:translateY(-4px)}
.refitem span{font-family:var(--font-head);font-weight:700;font-size:20px;color:var(--muted);transition:.3s}
.refitem:hover span{color:var(--navy)}


/* ===== FOOTER + REFERANS ŞERİDİ ===== */
.kut-refstrip{padding:70px 20px 90px;background:var(--bg)}
.kut-refstrip__badge-wrap{text-align:center;margin-bottom:44px}
.kut-refstrip__badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sub);font-size:15px;font-weight:500;color:var(--ink);border:1px dashed rgba(15,27,45,.2);padding:12px 28px;border-radius:50px;background:#fff}
.kut-refstrip__badge strong{color:var(--petrol);font-weight:700}
.kut-refstrip__track{overflow:hidden}
.kut-refstrip__item{border: 1px solid #d0d1d1;
    background: #ffffffb3;
    border-radius: 16px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 40px;
    box-shadow: 0 10px 30px -18px rgba(15,27,45,.12);
    margin: 0 12px;}
.kut-refstrip__item img{max-width:100%; padding: 10px; object-fit:contain;filter:grayscale(1) opacity(.7);transition:.3s}
.kut-refstrip__item:hover img{filter:grayscale(0) opacity(1)}
.kut-footer{background-image: url(../img/footer-bg.webp);
    background-size: cover;
    background-position: top; position:relative;background-color:#0a0e1f;color:rgba(255,255,255,.75);padding:90px 48px 0;overflow:hidden}
@media(max-width:768px){.kut-footer{padding:70px 24px 0}}
.kut-footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:50px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.12);max-width:1320px;margin:0 auto}
@media(max-width:991px){.kut-footer__top{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.kut-footer__top{grid-template-columns:1fr}}
.kut-footer__logo{font-family: 'Aaram',var(--font-head);
    font-weight: 400;
    font-size: 69px;
    letter-spacing: .04em;
    margin-bottom: 8px;
    display: inline-block;
    width: 300px;
    margin-top: -26px;}
.kut-footer__logo b{color:var(--petrol-2)}
.kut-footer__desc{font-size:14px;line-height:1.9;max-width:300px;margin-bottom:24px}
.kut-footer__social{display:flex;gap:12px}
.kut-footer__social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff!important;transition:.3s}
.kut-footer__social a:hover{background:var(--petrol);border-color:var(--petrol)}
.kut-footer__social svg{width:16px;height:16px}
.kut-footer__social a i{font-size:17px}
.kut-footer__title{font-family:var(--font-sub);color:#fff;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:26px}
.kut-footer__links{display:flex;flex-direction:column;gap:13px}
.kut-footer__links a{color:rgba(255,255,255,.65)!important;font-size:14px;transition:.25s}
.kut-footer__links a:hover{color:var(--petrol-2)!important;padding-left:4px}
.kut-footer__contact{display:flex;flex-direction:column;gap:16px}
.kut-footer__contact-item{display:flex;gap:13px;align-items:flex-start;font-size:14px;line-height:1.6}
.kut-footer__contact-item a{color:rgba(255,255,255,.75)!important}
.kut-footer__contact-icon{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--petrol-2)}
.kut-footer__contact-icon svg{width:16px;height:16px}
.kut-footer__contact-icon i{font-size:16px}
.kut-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:24px 0;font-size:13px;color:rgba(255,255,255,.5);max-width:1320px;margin:0 auto}
.kut-footer__bottom a{color:rgba(255,255,255,.5)!important}
.kut-footer__bottom ul{display:flex;gap:20px;list-style:none}

/* SAYFALAMA */
.kut-pagination{display:flex;gap:10px;justify-content:center;margin-top:54px}
.kut-pagination a{min-width:46px;height:46px;padding:0 12px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:var(--ink);font-family:var(--font-sub);font-weight:600;font-size:14px;transition:.25s}
.kut-pagination a:hover{border-color:var(--petrol);color:var(--petrol)}
.kut-pagination a.current{background:var(--navy);color:#fff;border-color:var(--navy)}
.bc__media{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.38}
.bc__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,42,68,.55),rgba(20,42,68,.78))}
.refitem img{max-width:100%; object-fit:contain;filter:grayscale(1) opacity(.65);transition:.35s}
.refitem:hover img{filter:grayscale(0) opacity(1)}

/* ===== PROJE DETAY: video sidebar + galeri lightbox ===== */
.pd-meta__video{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border-radius:14px;background:var(--navy);color:#fff;transition:.3s}
.pd-meta__video:hover{background:var(--petrol)}
.pd-meta__video-ic{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pd-meta__video-ic svg{width:18px;height:18px;color:#fff;margin-left:2px}
.pd-meta__video span{display:flex;flex-direction:column;line-height:1.3}
.pd-meta__video small{opacity:.7;font-size:12px}
.pd-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
@media(max-width:760px){.pd-gallery{grid-template-columns:1fr 1fr;gap:12px}}
.pd-gallery__item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;display:block}
.pd-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.pd-gallery__item:hover img{transform:scale(1.08)}
.pd-gallery__zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,27,45,.35);opacity:0;transition:.3s}
.pd-gallery__item:hover .pd-gallery__zoom{opacity:1}
.pd-gallery__zoom svg{width:34px;height:34px;color:#fff}

/* ===== BLOG DETAY: 2 kolon + diğer yazılar sidebar ===== */
.post-layout{display:grid;grid-template-columns:1fr 340px;gap:50px;align-items:start;max-width:1180px;margin:0 auto}
@media(max-width:980px){.post-layout{grid-template-columns:1fr;gap:40px}}
.post-layout .post{max-width:none;margin:0}
.post-aside{position:sticky;top:100px}
@media(max-width:980px){.post-aside{position:static}}
.post-aside__box{background:var(--bg-2);border-radius:18px;padding:26px}
.post-aside__title{font-family:var(--font-head);font-weight:700;font-size:19px;color:var(--ink);margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.post-aside__item{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);transition:.25s}
.post-aside__item:last-child{border-bottom:none}
.post-aside__item:hover{transform:translateX(3px)}
.post-aside__thumb{width:72px;height:62px;border-radius:10px;overflow:hidden;flex-shrink:0}
.post-aside__thumb img{width:100%;height:100%;object-fit:cover}
.post-aside__cat{font-family:var(--font-sub);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--petrol)}
.post-aside__meta h5{font-family:var(--font-head);font-weight:600;font-size:15px;line-height:1.35;color:var(--ink);margin:5px 0 0}
.post-aside__item:hover h5{color:var(--petrol)}

/* ===== OFFCANVAS menü linkleri + alt menüler (akordeon) ===== */
.offcanvas__menu{display:flex;flex-direction:column;margin-bottom:26px}
.offcanvas__menu > a{font-family:var(--font-head);font-weight:600;font-size:18px;color:var(--ink);padding:13px 0;border-bottom:1px solid var(--line);transition:.25s}
.offcanvas__menu > a:hover{color:var(--petrol);padding-left:6px}
.ocm-item{border-bottom:1px solid var(--line)}
.ocm-row{display:flex;align-items:center;justify-content:space-between}
.ocm-row--toggle{cursor:pointer}
.ocm-row > a,.ocm-parent{flex:1;font-family:var(--font-head);font-weight:600;font-size:18px;color:var(--ink);padding:13px 0;transition:.25s}
.ocm-row--toggle .ocm-parent{user-select:none}
.ocm-row > a:hover,.ocm-row--toggle:hover .ocm-parent{color:var(--petrol)}
.ocm-toggle{flex-shrink:0;width:38px;height:38px;border:none;background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:.25s}
.ocm-toggle:hover{background:var(--bg-2)}
.ocm-toggle svg{width:20px;height:20px;transition:transform .3s ease}
.ocm-item.open .ocm-toggle{color:var(--petrol)}
.ocm-item.open .ocm-toggle svg{transform:rotate(180deg)}
.ocm-sub{max-height:0;overflow:hidden;transition:max-height .35s ease;padding-left:6px}
.ocm-item.open .ocm-sub{max-height:600px}
.ocm-sub a{display:block;font-family:var(--font-sub);font-size:15px;color:var(--muted);padding:10px 0 10px 14px;border-left:2px solid var(--line);margin-left:4px;transition:.2s}
.ocm-sub a:first-child{padding-top:4px}
.ocm-sub a:last-child{padding-bottom:14px}
.ocm-sub a:hover{color:var(--petrol);border-color:var(--petrol);padding-left:18px}

 

/* ===== WHATSAPP butonu (sol-alt) ===== */
.kut-whatsapp{position:fixed;left:22px;bottom:22px;z-index:900;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff!important;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -6px rgba(37,211,102,.6);transition:transform .3s ease,box-shadow .3s ease;animation:waPulse 2.4s infinite}
.kut-whatsapp:hover{transform:scale(1.08)}
.kut-whatsapp svg{width:32px;height:32px}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:600px){.kut-whatsapp{width:50px;height:50px;left:16px;bottom:16px}.kut-whatsapp svg{width:28px;height:28px}}

/* ===== PROJE DETAY: önceki / sonraki proje ===== */
.pd-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-top:56px;padding-top:30px;border-top:1px solid var(--line)}
.pd-nav__item{display:flex;align-items:center;gap:16px;min-width:0}
.pd-nav__item--next{justify-content:flex-end;text-align:right}
.pd-nav__btn{flex-shrink:0;width:52px;height:52px;border-radius:14px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:.3s}
.pd-nav__btn svg{width:20px;height:20px}
.pd-nav__item:hover .pd-nav__btn{background:var(--navy);border-color:var(--navy);color:#fff}
.pd-nav__txt{display:flex;flex-direction:column;min-width:0}
.pd-nav__txt small{font-family:var(--font-sub);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.pd-nav__txt strong{font-family:var(--font-head);font-weight:600;font-size:17px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;transition:.25s}
.pd-nav__item:hover .pd-nav__txt strong{color:var(--petrol)}
.pd-nav__item--next .pd-nav__txt{align-items:flex-end}
.pd-nav__all{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:.3s;flex-shrink:0}
.pd-nav__all svg{width:18px;height:18px}
.pd-nav__all:hover{background:var(--petrol);border-color:var(--petrol);color:#fff}
@media(max-width:640px){
  .pd-nav{grid-template-columns:1fr 1fr;gap:14px}
  .pd-nav__all{display:none}
  .pd-nav__txt strong{font-size:14px;max-width:120px}
  .pd-nav__btn{width:44px;height:44px}
}

/* ===== HAKKINDA: dönen çift daire + counter ===== */
.about__left{position:relative}
.about__rotate{position:absolute;left:-90px;top:-70px;width:340px;height:200px;z-index:0;pointer-events:none;opacity:.9;animation:aboutSpin 26s linear infinite}
.about__rotate svg{width:100%;height:100%;display:block}
@keyframes aboutSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.about__top,.about__features{position:relative;z-index:1}
@media(max-width:680px){.about__rotate{left:-40px;top:-40px;width:220px;height:130px}}
.about__counter{display:grid;grid-template-columns:repeat(3,auto);gap:38px;margin-top:38px;padding-top:30px;border-top:1px solid rgba(255,255,255,.14)}
@media(max-width:560px){.about__counter{gap:18px}}
.about__cnum{font-family:var(--font-head);font-weight:800;font-size:clamp(30px,3.6vw,46px);color:#fff;line-height:1;display:flex;align-items:baseline}
.about__cnum b{color:var(--petrol-2);font-weight:800;margin-left:2px}
.about__clabel{font-family:var(--font-sub);font-size:13px;letter-spacing:.06em;color:rgba(255,255,255,.65);margin-top:10px;text-transform:uppercase}

/* ===== FOOTER: logo altı ikonsuz iletişim ===== */
.kut-footer__contactplain{margin:20px 0 22px;display:flex;flex-direction:column;gap:8px}
.kut-footer__contactplain p{color:rgba(255,255,255,.62);font-size:14px;line-height:1.6;margin:0;max-width:300px}
.kut-footer__contactplain a{color:rgba(255,255,255,.78);font-size:14px;transition:.25s}
.kut-footer__contactplain a:hover{color:var(--petrol-2)}