@font-face{
  font-family:'Inter Tight';
  src:url('../fonts/inter-tight-latin-ext-full.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Inter Tight';
  src:url('../fonts/inter-tight-latin.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* =========================================================================
   DURUSU İNŞAAT — theme.css
   Token'lar wp_head içinde Customizer'dan basılır (#dsu-tokens).
   Bu dosyada ham hex YOKTUR; her renk var() ile okunur, yedeği vardır.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. TOKEN YEDEKLERİ + SABİTLER
   ---------------------------------------------------------------------- */
:root{
  --dsu-ink:        #0B0B0C;
  --dsu-ash:        #8A8F98;
  --dsu-line:       #E4E4E7;
  --dsu-smoke:      #F5F5F5;
  --dsu-accent:     #2563EB;
  --dsu-white:      #FFFFFF;

  --dsu-radius:     32px;
  --dsu-radius-sm:  24px;
  --dsu-radius-lg:  44px;
  --dsu-pill:       9999px;

  --dsu-ease:       cubic-bezier(.16,1,.3,1);
  --dsu-header-h:   92px;
  --dsu-header-h-m: 76px;
  --dsu-wrap:       1600px;
  --dsu-gut:        clamp(1.25rem, 4vw, 2.5rem);

  --dsu-z-header:   50;
  --dsu-z-oc:       40;
  --dsu-z-lb:       60;
  --dsu-z-toast:    70;
}

/* -------------------------------------------------------------------------
   2. RESET
   ---------------------------------------------------------------------- */
*,*::before,*::after{ box-sizing:border-box }

html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth }

body{
  margin:0;
  background:var(--dsu-white);
  color:var(--dsu-ink);
  font-family:'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size:1.0625rem;
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-synthesis:none;
  overflow-x:hidden;
}

h1,h2,h3,h4,p,figure,blockquote{ margin:0 }
ul,ol{ margin:0; padding:0; list-style:none }
img,svg,video{ display:block; max-width:100% }
img{ height:auto }
a{ color:inherit; text-decoration:none }
button{ font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer }
input,select,textarea{ font:inherit; color:inherit }

::selection{ background:var(--dsu-ink); color:var(--dsu-white) }

:focus-visible{ outline:2px solid var(--dsu-accent); outline-offset:3px; border-radius:4px }

/* Klavye kullanıcıları için atlama bağlantısı */
.dsu-skip{
  position:absolute; left:-9999px; top:0; z-index:100;
  background:var(--dsu-ink); color:var(--dsu-white);
  padding:.9rem 1.4rem; border-radius:0 0 var(--dsu-radius-sm) 0;
  font-size:.9rem; font-weight:600;
}
.dsu-skip:focus{ left:0 }

.dsu-sprite{ position:absolute; width:0; height:0; overflow:hidden }

/* -------------------------------------------------------------------------
   3. YERLEŞİM
   ---------------------------------------------------------------------- */
.dsu-wrap{
  width:100%;
  max-width:var(--dsu-wrap);
  margin-inline:auto;
  padding-inline:var(--dsu-gut);
}

.dsu-main{ min-height:40vh }

/* Header hero'nun üzerine biniyorsa main'e üst boşluk verilmez */
body:not(.dsu-has-overlap-header) .dsu-main{ padding-top:var(--dsu-header-h-m) }
@media (min-width:1024px){
  body:not(.dsu-has-overlap-header) .dsu-main{ padding-top:var(--dsu-header-h) }
}

.dsu-section{ padding-block:clamp(3.5rem, 9vw, 8rem) }
.dsu-section--tight{ padding-block:clamp(2.5rem, 6vw, 5rem) }

/* -------------------------------------------------------------------------
   4. TİPOGRAFİ
   ---------------------------------------------------------------------- */
.dsu-eyebrow{
  font-size:.7rem; font-weight:600;
  letter-spacing:.28em; text-transform:uppercase;
  color:var(--dsu-ash);
}
.dsu-eyebrow--light{ color:rgb(255 255 255 / .7) }

/* Dev başlık — harf harf açılan */
.dsu-display{
  font-size:clamp(2.2rem, 10.5vw, 8.5rem);
  font-weight:600;
  letter-spacing:-.045em;
  line-height:.92;
  text-transform:uppercase;
}

/* "Diğer Projeler" tipi ikili ağırlık başlık */
.dsu-h2{
  font-size:clamp(1.7rem, 4.5vw, 3.2rem);
  letter-spacing:-.03em;
  line-height:1.1;
}
.dsu-h2 .thin{ font-weight:300 }
.dsu-h2 .bold{ font-weight:700 }

.dsu-lead{
  font-size:clamp(1.02rem, 1.5vw, 1.22rem);
  line-height:1.75;
  color:rgb(from var(--dsu-ink) r g b / .85);
}
.dsu-muted{ color:var(--dsu-ash) }

/* -------------------------------------------------------------------------
   5. İKON
   ---------------------------------------------------------------------- */
.dsu-icon{ width:1.125rem; height:1.125rem; flex:none }
.dsu-icon--flip{ transform:rotate(180deg) }
.dsu-icon--lg{ width:1.375rem; height:1.375rem }

/* -------------------------------------------------------------------------
   6. HEADER
   ---------------------------------------------------------------------- */
.dsu-header{
  position:fixed; inset:0 0 auto; z-index:var(--dsu-z-header);
  background:var(--dsu-white);
  transition:background-color .45s var(--dsu-ease),
             backdrop-filter .45s var(--dsu-ease),
             border-color .45s var(--dsu-ease),
             height .45s var(--dsu-ease);
  border-bottom:1px solid var(--dsu-line);
}
.dsu-header__inner{
  height:var(--dsu-header-h-m);
  display:flex; align-items:center; gap:1.5rem;
  transition:height .45s var(--dsu-ease);
}
@media (min-width:1024px){
  .dsu-header__inner{ height:var(--dsu-header-h) }
}

/*
  BLEND: beyaz zeminde siyah, siyah panelde beyaz — tek renk tanımıyla.
  Sadece tek renk logo varken uygulanır (Customizer kontrolü).
*/
.dsu-header .dsu-logo,.dsu-header .dsu-nav,.dsu-header .dsu-burger,.dsu-header .dsu-header__actions{ color:var(--dsu-ink) }

/*
  KRİTİK: mix-blend ile backdrop-filter aynı anda uygulanamaz — ikisi
  birbirini bozar. Kaydırma durumunda blend kapanır, sabit koyu renge geçilir.
*/
.dsu-header.is-stuck{
  background:rgb(11 11 12 / .94);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom-color:rgb(255 255 255 / .12);
  box-shadow:0 12px 40px rgb(0 0 0 / .12);
}
.dsu-header.is-stuck .dsu-logo,
.dsu-header.is-stuck .dsu-nav,
.dsu-header.is-stuck .dsu-burger,
.dsu-header.is-stuck .dsu-header__actions{
  color:var(--dsu-white);
  mix-blend-mode:normal;
}
@media (min-width:1024px){
  .dsu-header.is-stuck .dsu-header__inner{ height:72px }
}

/*
  Blend'i öldüren üç şey: üst elemanda backdrop-filter, opacity<1, transform.
  Header container'ında bunlar KULLANILMAZ. is-stuck durumunda blend zaten
  kapalı olduğu için backdrop-filter güvenli.
*/

/* --- Logo --- */
.dsu-logo{
  font-size:2rem; line-height:1; font-weight:700;
  letter-spacing:-.06em; text-transform:lowercase;
  flex:none;
}
@media (min-width:1024px){ .dsu-logo{ font-size:2.4rem } }
.dsu-logo--lg{ font-size:3rem }
@media (min-width:1024px){ .dsu-logo--lg{ font-size:3.6rem } }
.dsu-logo--image{ display:block; position:relative }
.dsu-logo__img{ height:54px; width:auto; object-fit:contain }
@media (min-width:1024px){ .dsu-logo__img{ height:66px } }
.dsu-logo__img--light{ position:absolute; inset:0; opacity:0; transition:opacity .35s var(--dsu-ease) }
.dsu-header.is-stuck .dsu-logo__img--dark{ opacity:0 }
.dsu-header.is-stuck .dsu-logo__img--light{ opacity:1 }
body.dsu-nav-open .dsu-header .dsu-logo__img--dark{ opacity:0 }
body.dsu-nav-open .dsu-header .dsu-logo__img--light{ opacity:1 }
body.dsu-nav-open .dsu-header .dsu-burger{ color:var(--dsu-white) }
.dsu-logo--lg .dsu-logo__img{ height:clamp(54px,7vw,78px) }

/* --- Ana menü --- */
.dsu-nav{
  position:absolute; left:50%; transform:translateX(-50%);
  display:none;
  align-items:center;
  gap:2.25rem;
}
@media (min-width:1024px){ .dsu-nav{ display:flex } }

.dsu-header__actions{ display:none; margin-left:auto; align-items:center; gap:1rem }
@media (min-width:1024px){ .dsu-header__actions{ display:flex } }
.dsu-header__cta{ display:inline-flex; align-items:center; gap:.85rem; padding:.78rem 1.1rem .78rem 1.25rem; border-radius:var(--dsu-pill); background:var(--dsu-ink); color:var(--dsu-white); font-size:.78rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; transition:background-color .3s,color .3s,transform .3s }
.dsu-header__cta .dsu-icon{ width:1rem; height:1rem }
.dsu-header__cta:hover{ transform:translateY(-2px) }
.dsu-header.is-stuck .dsu-header__cta{ background:var(--dsu-white); color:var(--dsu-ink) }

.dsu-nav__list{
  display:flex; align-items:center; gap:2.25rem;
  font-family:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:.8rem; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase;
}
.dsu-header__cta{font-family:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700}
.dsu-nav__list li{ position:relative }
.dsu-nav__list a{
  position:relative; display:block; padding-block:.35rem;
}
.dsu-nav__list a::after{
  content:''; position:absolute; left:0; bottom:0;
  width:0; height:1px; background:currentColor;
  transition:width .3s var(--dsu-ease);
}
.dsu-nav__list a:hover::after,
.dsu-nav__list .current-menu-item > a::after,
.dsu-nav__list .current_page_item > a::after,
.dsu-nav__list .current-menu-parent > a::after{ width:100% }

/* Alt menü (dropdown) */
.dsu-nav__list .sub-menu{
  position:absolute; top:calc(100% + .85rem); left:-1rem;
  min-width:230px; padding:.4rem;
  background:var(--dsu-white); color:var(--dsu-ink);
  border:1px solid var(--dsu-line);
  border-radius:var(--dsu-radius-sm);
  box-shadow:0 24px 50px -28px rgb(0 0 0 / .35);
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .3s var(--dsu-ease), transform .3s var(--dsu-ease), visibility .3s;
  /* Blend, alt menüde istenmez — okunaksız olur */
  mix-blend-mode:normal;
  text-transform:none; letter-spacing:0;
}
.dsu-nav__list li:hover > .sub-menu,
.dsu-nav__list li:focus-within > .sub-menu{
  opacity:1; visibility:visible; transform:none;
}
.dsu-nav__list .sub-menu a{
  padding:.7rem 1rem; border-radius:calc(var(--dsu-radius-sm) - 8px);
  font-size:.92rem; font-weight:400; letter-spacing:0; text-transform:none;
  transition:background-color .2s ease;
}
.dsu-nav__list .sub-menu a::after{ display:none }
.dsu-nav__list .sub-menu a:hover{ background:var(--dsu-smoke) }

/* --- Dil değiştirici --- */
.dsu-lang{ display:flex; align-items:center; gap:.6rem }
.dsu-lang__item{
  font-size:.78rem; font-weight:600; letter-spacing:.16em;
  opacity:.75; transition:opacity .25s ease;
}
.dsu-lang__item:hover{ opacity:1 }

/* --- Burger --- */
.dsu-burger{
  margin-inline-start:auto; margin-inline-end:-.5rem;
  width:48px; height:48px;
  display:grid; place-items:center;
  flex:none;
}
@media (min-width:1024px){ .dsu-burger{ display:none } }

.dsu-burger__box{ position:relative; display:block; width:24px; height:16px }
.dsu-burger__bar{
  position:absolute; left:0; width:24px; height:1.6px;
  background:currentColor;
  transition:transform .4s var(--dsu-ease), opacity .25s ease;
}
.dsu-burger__bar[data-bar="1"]{ top:0 }
.dsu-burger__bar[data-bar="2"]{ top:7px }
.dsu-burger__bar[data-bar="3"]{ top:14px }

body.dsu-nav-open .dsu-burger__bar[data-bar="1"]{ transform:translateY(7px) rotate(45deg) }
body.dsu-nav-open .dsu-burger__bar[data-bar="2"]{ opacity:0 }
body.dsu-nav-open .dsu-burger__bar[data-bar="3"]{ transform:translateY(-7px) rotate(-45deg) }

/* -------------------------------------------------------------------------
   7. OFF-CANVAS
   ---------------------------------------------------------------------- */
.dsu-oc{
  position:fixed; inset:0; z-index:var(--dsu-z-oc);
  background:var(--dsu-ink); color:var(--dsu-white);
  display:flex; flex-direction:column; justify-content:center;
  padding:calc(var(--dsu-header-h-m) + 1.5rem) var(--dsu-gut) 2rem;
  transform:translateY(-100%);
  transition:transform .6s var(--dsu-ease);
  overflow-y:auto;
}
.dsu-oc::before{ content:''; position:absolute; right:-24%; bottom:-8%; width:78vw; aspect-ratio:1; border:1px solid rgb(255 255 255 / .08); border-radius:50%; box-shadow:0 0 0 80px rgb(255 255 255 / .025),0 0 0 160px rgb(255 255 255 / .018); pointer-events:none }
.dsu-oc[hidden]{ display:none }
.dsu-oc.is-open{ transform:translateY(0) }
@media (min-width:1024px){ .dsu-oc{ display:none !important } }

.dsu-oc__inner{ position:relative; width:100%; margin-block:auto }
.dsu-oc__eyebrow{ display:flex; justify-content:space-between; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid rgb(255 255 255 / .12); font-size:.68rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:rgb(255 255 255 / .48) }

.dsu-oc__list > li{
  border-bottom:1px solid rgb(255 255 255 / .12);
  opacity:0; transform:translateY(18px);
  transition:opacity .5s var(--dsu-ease), transform .5s var(--dsu-ease);
}
.dsu-oc.is-open .dsu-oc__list > li{ opacity:1; transform:none }
.dsu-oc.is-open .dsu-oc__list > li:nth-child(1){ transition-delay:.12s }
.dsu-oc.is-open .dsu-oc__list > li:nth-child(2){ transition-delay:.18s }
.dsu-oc.is-open .dsu-oc__list > li:nth-child(3){ transition-delay:.24s }
.dsu-oc.is-open .dsu-oc__list > li:nth-child(4){ transition-delay:.30s }
.dsu-oc.is-open .dsu-oc__list > li:nth-child(5){ transition-delay:.36s }
.dsu-oc.is-open .dsu-oc__list > li:nth-child(6){ transition-delay:.42s }
.dsu-oc.is-open .dsu-oc__list > li:nth-child(7){ transition-delay:.48s }

.dsu-oc__list > li > a{
  display:block; padding-block:1rem;
  font-size:clamp(1.65rem,8vw,2.55rem); font-weight:750; letter-spacing:-.035em;
}

/* Alt menü akordiyonu — JS toggle butonu enjekte eder */
.dsu-oc__list li.has-children > .dsu-oc__row{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.dsu-oc__toggle{
  width:44px; height:44px; flex:none;
  display:grid; place-items:center;
  border:1px solid rgb(255 255 255 / .25);
  border-radius:var(--dsu-pill);
  transition:background-color .3s ease;
}
.dsu-oc__toggle[aria-expanded="true"]{ background:rgb(255 255 255 / .12) }
.dsu-oc__toggle[aria-expanded="true"] .dsu-icon{ transform:rotate(180deg) }
.dsu-oc__toggle .dsu-icon{ transition:transform .35s var(--dsu-ease) }

.dsu-oc__list .sub-menu{
  display:grid; grid-template-rows:0fr;
  transition:grid-template-rows .45s var(--dsu-ease);
}
.dsu-oc__list .sub-menu.is-open{ grid-template-rows:1fr }
.dsu-oc__list .sub-menu > li{ overflow:hidden }
.dsu-oc__list .sub-menu a{
  display:block; padding:.6rem 0 .6rem 1rem;
  font-size:1.05rem; font-weight:400;
  color:rgb(255 255 255 / .7);
}

.dsu-oc__foot{
  margin-top:2.5rem; padding-top:1.5rem;
  border-top:1px solid rgb(255 255 255 / .12);
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  flex-wrap:wrap;
}
.dsu-oc__phone{
  display:inline-flex; align-items:center; gap:.6rem;
  font-weight:600;
}
.dsu-oc__cta{ margin-top:1.25rem; display:flex; align-items:center; justify-content:space-between; padding:1rem 1.2rem; border-radius:var(--dsu-pill); background:var(--dsu-white); color:var(--dsu-ink); font-size:.9rem; font-weight:750 }
.dsu-oc__cta .dsu-icon{ width:1.15rem; height:1.15rem }

/* -------------------------------------------------------------------------
   8. BUTONLAR
   ---------------------------------------------------------------------- */

/* Daireden dolan yuvarlak buton */
.dsu-rbtn{
  position:relative; isolation:isolate; overflow:hidden;
  display:grid; place-items:center; flex:none;
  width:3.5rem; height:3.5rem;
  border:1px solid var(--dsu-line); border-radius:var(--dsu-pill);
  transition:color .4s var(--dsu-ease), border-color .4s var(--dsu-ease);
}
@media (min-width:1024px){
  .dsu-rbtn--lg{ width:5rem; height:5rem }
}
.dsu-rbtn::before{
  content:''; position:absolute; inset:0; z-index:-1;
  background:var(--dsu-ink); border-radius:var(--dsu-pill);
  transform:scale(0); transition:transform .45s var(--dsu-ease);
}
.dsu-rbtn:not(:disabled):hover::before{ transform:scale(1) }
.dsu-rbtn:not(:disabled):hover{ color:var(--dsu-white); border-color:var(--dsu-ink) }
.dsu-rbtn:disabled{ opacity:.35; cursor:not-allowed }
.dsu-rbtn:active:not(:disabled){ transform:scale(.96) }

/* Pill CTA — "Teklif Alın" */
.dsu-cta-btn{
  display:inline-flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.625rem .625rem .625rem 1.75rem;
  background:var(--dsu-white); color:var(--dsu-ink);
  border-radius:var(--dsu-pill);
  font-weight:600;
  transition:background-color .5s var(--dsu-ease), color .5s var(--dsu-ease);
}
.dsu-cta-btn:hover{ background:var(--dsu-accent); color:var(--dsu-white) }
.dsu-cta-btn__ico{
  width:2.75rem; height:2.75rem; flex:none;
  display:grid; place-items:center;
  background:var(--dsu-ink); color:var(--dsu-white);
  border-radius:var(--dsu-pill);
  transition:transform .5s var(--dsu-ease), background-color .5s var(--dsu-ease), color .5s var(--dsu-ease);
}
.dsu-cta-btn:hover .dsu-cta-btn__ico{
  transform:translateX(4px);
  background:var(--dsu-white); color:var(--dsu-ink);
}

/* Artı butonu */
.dsu-plus{
  width:3rem; height:3rem;
  display:grid; place-items:center;
  background:var(--dsu-ink); color:var(--dsu-white);
  border-radius:var(--dsu-pill);
  font-size:1.25rem; font-weight:300; line-height:1;
}
.dsu-plus span{ transition:transform .5s var(--dsu-ease) }
.dsu-card:hover .dsu-plus span,
a:hover > .dsu-plus span{ transform:rotate(90deg) }

/* Pill link listesi (yasal menü) */
.dsu-pills{ display:flex; flex-wrap:wrap; gap:.625rem; justify-content:center }
.dsu-pills a{
  display:inline-block;
  padding:.625rem 1.25rem;
  border:1px solid var(--dsu-line); border-radius:var(--dsu-pill);
  font-size:.8rem;
  transition:background-color .3s ease, color .3s ease, border-color .3s ease;
}
.dsu-pills a:hover{ background:var(--dsu-ink); color:var(--dsu-white); border-color:var(--dsu-ink) }

/* -------------------------------------------------------------------------
   9. ORTAK BİLEŞENLER
   ---------------------------------------------------------------------- */

/* Breadcrumb */
.dsu-crumb{
  display:flex; flex-wrap:wrap; align-items:center; gap:.5rem;
  font-size:.78rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--dsu-ash);
}
.dsu-crumb a:hover{ color:var(--dsu-ink) }
.dsu-crumb__sep{ opacity:.5 }
.dsu-crumb__current{
  color:var(--dsu-ink); font-weight:500;
  text-transform:none; letter-spacing:normal;
}

/* Durum rozeti */
.dsu-badge{
  position:absolute; left:1rem; top:1rem;
  padding:.375rem .875rem;
  border-radius:var(--dsu-pill);
  font-size:.68rem; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase;
  background:rgb(from var(--dsu-white) r g b / .9);
  color:var(--dsu-ink);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.dsu-badge--devam_eden{ background:rgb(from var(--dsu-ink) r g b / .85); color:var(--dsu-white) }
.dsu-badge--yakinda{ background:rgb(from var(--dsu-accent) r g b / .9); color:var(--dsu-white) }

/* Sosyal ikon satırı */
.dsu-social{ display:flex; align-items:center; gap:.625rem; flex-wrap:wrap }
.dsu-social__item{
  width:2.5rem; height:2.5rem;
  display:grid; place-items:center;
  border-radius:var(--dsu-pill);
  transition:background-color .3s ease, color .3s ease;
}
.dsu-social--solid .dsu-social__item{ background:var(--dsu-ink); color:var(--dsu-white) }
.dsu-social--solid .dsu-social__item:hover{ background:var(--dsu-accent) }
.dsu-social--soft .dsu-social__item{
  background:rgb(from var(--dsu-ink) r g b / .06);
  color:rgb(from var(--dsu-ink) r g b / .6);
}
.dsu-social--soft .dsu-social__item:hover{ background:var(--dsu-ink); color:var(--dsu-white) }

/* Marquee — kayan slogan şeridi */
.dsu-marquee{ overflow:hidden; user-select:none; padding-block:clamp(1.5rem,4vw,3rem) }
.dsu-marquee__track{
  display:flex; width:max-content;
  animation:dsu-mq 34s linear infinite;
}
.dsu-marquee:hover .dsu-marquee__track{ animation-play-state:paused }
.dsu-marquee__item{
  padding-inline:clamp(1.5rem,3vw,2rem);
  color:var(--dsu-ash);
  font-size:clamp(1rem,1.5vw,1.125rem);
  white-space:nowrap;
}
.dsu-marquee__dot{ color:rgb(from var(--dsu-ink) r g b / .2) }
@keyframes dsu-mq{ to{ transform:translateX(-50%) } }

/* CTA bandı */
.dsu-cta{
  position:relative; overflow:hidden;
  max-width:var(--dsu-wrap); margin-inline:auto;
  background:var(--dsu-ink); color:var(--dsu-white);
  border-radius:var(--dsu-radius);
}
@media (min-width:1024px){ .dsu-cta{ border-radius:var(--dsu-radius-lg) } }
.dsu-cta::before{
  content:''; position:absolute; inset:0; opacity:.5;
  background-image:repeating-linear-gradient(135deg, rgb(255 255 255 / .05) 0 2px, transparent 2px 30px);
}
.dsu-cta__body{
  position:relative;
  padding:clamp(3rem,8vw,7rem) clamp(1.75rem,5vw,5rem);
  display:grid; gap:2rem;
}
@media (min-width:1024px){
  .dsu-cta__body{ grid-template-columns:1.4fr auto; align-items:end; gap:2.5rem }
}
.dsu-cta__title{
  margin-top:1.5rem;
  font-size:clamp(1.4rem,5vw,2.8rem);
  font-weight:600; line-height:1.2; letter-spacing:-.03em;
  max-width:22ch;
}

/* -------------------------------------------------------------------------
   10. FOOTER
   ---------------------------------------------------------------------- */
.dsu-footer{ padding-block:clamp(2.5rem,7vw,6rem) 2.5rem }

.dsu-fband{ position:relative; overflow:hidden; border-radius:var(--dsu-radius) }
.dsu-fband__img{ width:100%; aspect-ratio:4/5; object-fit:cover }
@media (min-width:640px){ .dsu-fband__img{ aspect-ratio:16/9 } }
@media (min-width:768px){ .dsu-fband__img{ aspect-ratio:21/7 } }
.dsu-fband__veil{
  position:absolute; inset:0;
  background:linear-gradient(to right, rgb(0 0 0 / .8), rgb(0 0 0 / .45) 55%, transparent);
}
.dsu-fband__body{
  position:absolute; inset:0;
  display:flex; flex-direction:column; justify-content:center;
  padding-inline:clamp(1.75rem,4vw,3.5rem);
}
.dsu-fband__text{
  margin-top:1rem; max-width:46ch;
  color:var(--dsu-white);
  font-size:clamp(1rem,3.4vw,1.75rem);
  font-weight:600; line-height:1.4; letter-spacing:-.02em;
}

.dsu-fmid{
  margin-top:clamp(2.5rem,5vw,3.5rem);
  display:grid; gap:2rem; align-items:center;
}
@media (min-width:768px){ .dsu-fmid{ grid-template-columns:1fr auto 1fr } }
.dsu-fmid__social{ display:flex; justify-content:center; order:2 }
.dsu-fmid__logo{ width:100%; display:flex; justify-content:center; text-align:center; order:1 }
.dsu-fmid__logo .dsu-logo{ display:inline-flex; margin-inline:auto }
.dsu-fmid__contact{
  display:flex; align-items:center; justify-content:center;
  gap:1rem; order:3; flex-wrap:wrap;
}
@media (min-width:768px){
  .dsu-fmid__social{ justify-content:flex-start; order:1 }
  .dsu-fmid__logo{ order:2 }
  .dsu-fmid__contact{ justify-content:flex-end }
}
.dsu-fmid__ico{
  width:2.5rem; height:2.5rem; flex:none;
  display:grid; place-items:center;
  border:1px solid var(--dsu-line); border-radius:var(--dsu-pill);
  color:var(--dsu-ash);
}
.dsu-fmid__phone{ font-weight:600 }
.dsu-fmid__phone:hover{ color:var(--dsu-accent) }

.dsu-fnav__list{
  margin-top:clamp(2.5rem,4vw,3rem);
  display:flex; flex-wrap:wrap; justify-content:center;
  column-gap:clamp(1.25rem,2.8vw,2rem); row-gap:.65rem;
  font-size:clamp(.92rem,1.2vw,1.12rem);
  font-weight:500; letter-spacing:.005em;
  color:var(--dsu-ash);
}
.dsu-fnav__list a{ transition:color .3s ease }
.dsu-fnav__list a:hover,
.dsu-fnav__list .current-menu-item > a{ color:var(--dsu-ink) }

.dsu-fbar{
  margin-top:3rem; padding-top:1.75rem;
  border-top:1px solid var(--dsu-line);
  display:grid; grid-template-columns:1fr; align-items:center;
  justify-items:center; gap:1.25rem; text-align:center;
}
.dsu-fbar__copy{ font-size:.82rem; color:var(--dsu-ash) }
.dsu-fbar__legal{justify-self:center}
.dsu-fbar__credit{display:flex;justify-content:center}
@media (min-width:1024px){
  .dsu-fbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);text-align:left}
  .dsu-fbar__copy{justify-self:start}
  .dsu-fbar__legal{grid-column:2;justify-self:center}
  .dsu-fbar__credit{grid-column:3;justify-self:end}
}

/* Liora 360 tasarım imzası */
.liora360{--lb-c1:#1b2540;--lb-c2:#3b6ef5;--lb-ink:currentColor;--lb-pill-ink:#fff;display:inline-flex;align-items:center;text-decoration:none;color:var(--lb-ink);font:500 13px/1.15 'Segoe UI',Tahoma,Verdana,sans-serif;letter-spacing:.04em;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.liora360:focus-visible{outline:2px solid var(--lb-c2);outline-offset:4px;border-radius:4px}
.liora360 .lb-pre,.liora360 .lb-name{display:block;overflow:hidden;transition:max-width .55s cubic-bezier(.6,0,.2,1),opacity .3s ease,margin .55s cubic-bezier(.6,0,.2,1)}
.liora360 .lb-pre{max-width:90px;opacity:.65;margin-right:9px;text-align:right;font-size:12px}
.liora360:hover .lb-pre,.liora360:focus-visible .lb-pre{max-width:0;opacity:0;margin-right:0}
.liora360 .lb-name{max-width:0;opacity:0;font-weight:600;font-size:14px;letter-spacing:.07em}
.liora360:hover .lb-name,.liora360:focus-visible .lb-name{max-width:110px;opacity:1}
.liora360:hover .lb-left,.liora360:focus-visible .lb-left{margin-right:8px}
.liora360:hover .lb-right,.liora360:focus-visible .lb-right{margin-left:8px}
.liora360 .lb-360{position:relative;width:42px;height:22px;flex:none;perspective:420px}
.liora360 .lb-pill{position:absolute;inset:0;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--lb-pill-ink);background:var(--lb-c1);transform-style:preserve-3d;animation:lb-tint 5s ease-in-out infinite,lb-spin 5s cubic-bezier(.7,0,.2,1) infinite}
.liora360 .lb-ring{position:absolute;inset:0;border-radius:999px;border:1.5px solid var(--lb-c2);opacity:0;pointer-events:none;animation:lb-ring 5s ease-out infinite}
@keyframes lb-tint{0%,44%{background:var(--lb-c1)}62%,88%{background:var(--lb-c2)}100%{background:var(--lb-c1)}}
@keyframes lb-spin{0%,44%{transform:rotateY(0)}82%,100%{transform:rotateY(360deg)}}
@keyframes lb-ring{0%,40%{transform:scale(1);opacity:0}52%{opacity:.55}100%{transform:scale(1.75);opacity:0}}
@media(prefers-reduced-motion:reduce){.liora360 .lb-pill,.liora360 .lb-ring{animation:none}}

/* -------------------------------------------------------------------------
   11. LIGHTBOX
   ---------------------------------------------------------------------- */
.dsu-lb{
  position:fixed; inset:0; z-index:var(--dsu-z-lb);
  display:flex; align-items:center; justify-content:center;
  padding:clamp(1rem,4vw,2rem);
  background:rgb(from var(--dsu-ink) r g b / .95);
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  opacity:0; transition:opacity .4s var(--dsu-ease);
}
.dsu-lb[hidden]{ display:none }
.dsu-lb.is-open{ opacity:1 }

.dsu-lb__figure{ width:100%; max-width:min(1200px, 92vw) }
.dsu-lb__img{
  width:100%; max-height:76vh; object-fit:contain;
  border-radius:var(--dsu-radius);
  transform:scale(.96); transition:transform .5s var(--dsu-ease);
}
.dsu-lb.is-open .dsu-lb__img{ transform:none }
.dsu-lb__cap{
  margin-top:1rem; text-align:center;
  color:rgb(255 255 255 / .7); font-size:.875rem;
}
.dsu-lb__num{ font-variant-numeric:tabular-nums; opacity:.6 }

.dsu-lb__btn{
  position:absolute;
  width:3rem; height:3rem;
  display:grid; place-items:center;
  border:1px solid rgb(255 255 255 / .25);
  border-radius:var(--dsu-pill);
  color:var(--dsu-white);
  transition:background-color .3s ease, color .3s ease;
}
.dsu-lb__btn:hover{ background:var(--dsu-white); color:var(--dsu-ink) }
.dsu-lb__close{ top:1rem; right:1rem }
.dsu-lb__prev{ left:.75rem }
.dsu-lb__next{ right:.75rem }
@media (min-width:640px){
  .dsu-lb__btn{ width:3.5rem; height:3.5rem }
  .dsu-lb__close{ top:1.5rem; right:1.5rem }
  .dsu-lb__prev{ left:2rem }
  .dsu-lb__next{ right:2rem }
}

/* -------------------------------------------------------------------------
   12. TOAST
   ---------------------------------------------------------------------- */
.dsu-toast{
  position:fixed; bottom:1.5rem; left:50%; z-index:var(--dsu-z-toast);
  padding:.75rem 1.5rem;
  background:var(--dsu-ink); color:var(--dsu-white);
  border-radius:var(--dsu-pill);
  font-size:.875rem; font-weight:500;
  pointer-events:none;
  opacity:0; transform:translate(-50%, 12px);
  transition:opacity .35s var(--dsu-ease), transform .35s var(--dsu-ease);
}
.dsu-toast.is-on{ opacity:1; transform:translate(-50%, 0) }

/* -------------------------------------------------------------------------
   13. MOTION MOTORU
   Sözleşme: prototiplerdeki data-rv / data-clip / .dsu-rise / .dsu-split
   ---------------------------------------------------------------------- */
[data-rv]{
  opacity:1; transform:none;
  transition:opacity .9s var(--dsu-ease), transform .9s var(--dsu-ease);
}
[data-rv].is-in{ opacity:1; transform:none }

[data-clip]{
  clip-path:inset(0 0 0 0);
  transition:clip-path 1.05s var(--dsu-ease);
}
[data-clip].is-in{ clip-path:inset(0 0 0 0) }
[data-clip] img{ transform:scale(1.14); transition:transform 1.4s var(--dsu-ease) }
[data-clip].is-in img{ transform:scale(1) }

.dsu-rise .ln{ display:block; overflow:hidden }
.dsu-rise .ln > span{
  display:block; transform:none;
  transition:transform 1s var(--dsu-ease);
}
.dsu-rise.is-in .ln > span{ transform:translateY(0) }
.dsu-rise.is-in .ln:nth-child(2) > span{ transition-delay:.09s }
.dsu-rise.is-in .ln:nth-child(3) > span{ transition-delay:.18s }

.dsu-split span{
  display:inline-block; opacity:1; transform:none;
  transition:transform .9s var(--dsu-ease), opacity .6s ease;
}
.dsu-split.is-in span{ opacity:1; transform:none }

/* -------------------------------------------------------------------------
   14. ERİŞİLEBİLİRLİK
   ---------------------------------------------------------------------- */
.screen-reader-text{
  position:absolute !important;
  width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto }
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  [data-rv],[data-clip],
  .dsu-rise .ln > span,
  .dsu-split span{
    opacity:1 !important; transform:none !important; clip-path:none !important;
  }
  [data-clip] img{ transform:none !important }
}

/* =========================================================================
   15. HERO SLIDER
   ========================================================================= */
.dsu-stack{ display:grid }
.dsu-stack > *{ grid-area:1 / 1; min-width:0 }

.dsu-hero{
  position:relative; overflow:hidden;
  min-height:100svh;
  display:flex; flex-direction:column;
  background:var(--dsu-white);
}
.dsu-hero__panel{ display:none }
@media (min-width:1024px){
  .dsu-hero__panel{
    display:block;
    position:absolute; top:0; right:0; height:100%; width:53%;
    background:var(--dsu-ink);
    border-radius:var(--dsu-radius-lg) 0 0 var(--dsu-radius-lg);
    transform:translateX(101%);
    animation:dsu-panel 1.1s var(--dsu-ease) .05s forwards;
  }
  .dsu-hero__panel::after{
    content:''; position:absolute; inset:0; opacity:.5;
    border-radius:inherit;
    background-image:repeating-linear-gradient(135deg, rgb(255 255 255 / .045) 0 2px, transparent 2px 26px);
  }
}
@keyframes dsu-panel{ to{ transform:translateX(0) } }

.dsu-hero__inner{
  position:relative; z-index:1;
  flex:1; display:flex; flex-direction:column;
  padding-top:var(--dsu-header-h-m);
}
@media (min-width:1024px){ .dsu-hero__inner{ padding-top:var(--dsu-header-h) } }

/* Pagination */
.dsu-hero__pager{
  display:flex; align-items:flex-end; gap:1.25rem;
  padding-top:1.25rem;
  font-size:.75rem; font-weight:500; letter-spacing:.14em;
}
@media (min-width:1024px){ .dsu-hero__pager{ padding-top:2rem; gap:1.75rem } }
.dsu-pg{
  position:relative; padding-bottom:.5rem; min-width:2.2rem; text-align:left;
  color:var(--dsu-ash); transition:color .3s ease;
}
.dsu-pg.is-on{ color:var(--dsu-ink); font-weight:600 }
.dsu-pg i{ position:absolute; left:0; bottom:0; display:block; height:2px; width:0; background:currentColor }
.dsu-pg.is-on i{ animation:dsu-pgfill 6500ms linear forwards }
.dsu-pg.is-paused i{ animation-play-state:paused }
@keyframes dsu-pgfill{ to{ width:100% } }

.dsu-hero__grid{
  flex:1; display:grid; gap:1.5rem;
  align-items:center; padding-block:1.5rem;
}
@media (min-width:1024px){
  .dsu-hero__grid{ grid-template-columns:minmax(0,1fr) minmax(0,.7fr); gap:3.5rem; padding-block:2.5rem }
}

/* Görsel */
.dsu-hero__media{
  position:relative; overflow:hidden;
  aspect-ratio:4/3;
  border-radius:var(--dsu-radius-sm);
  background:var(--dsu-smoke);
  box-shadow:0 30px 70px -40px rgb(0 0 0 / .5);
  opacity:0; transform:translateY(36px) scale(.975);
  animation:dsu-cardin 1.15s var(--dsu-ease) .4s forwards;
}
@media (min-width:640px){ .dsu-hero__media{ aspect-ratio:16/10 } }
@media (min-width:1024px){ .dsu-hero__media{ aspect-ratio:16/13; border-radius:var(--dsu-radius-lg) } }
@keyframes dsu-cardin{ to{ opacity:1; transform:none } }

/* Yönlü clip-path wipe + karşı-parallax */
.dsu-hslide{
  position:relative; overflow:hidden; z-index:1;
  clip-path:inset(0 0 0 100%);
  transition:clip-path 900ms var(--dsu-ease);
}
.dsu-hslide.is-on{ clip-path:inset(0 0 0 0); z-index:3 }
.dsu-hslide img{
  width:100%; height:100%; object-fit:cover;
  transform:translateX(var(--dsu-px, 0)) scale(1.08);
  transition:transform 900ms var(--dsu-ease);
}
.dsu-hslide.is-on img{ transform:translateX(0) scale(1) }
.dsu-hslide.is-on.is-kb img{ transform:translateX(0) scale(1.09); transition:transform 7s linear }

.dsu-hero__nav{
  position:absolute; left:1rem; bottom:1rem; z-index:5;
  display:flex; gap:.625rem;
}
@media (min-width:1024px){ .dsu-hero__nav{ left:2rem; bottom:2rem } }
.dsu-hero__arrow{
  width:3rem; height:3rem;
  display:grid; place-items:center;
  border-radius:var(--dsu-pill);
  background:rgb(255 255 255 / .15);
  border:1px solid rgb(255 255 255 / .25);
  color:var(--dsu-white);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  transition:background-color .4s var(--dsu-ease), color .4s var(--dsu-ease);
}
@media (min-width:1024px){ .dsu-hero__arrow{ width:4rem; height:4rem } }
.dsu-hero__arrow:hover{ background:var(--dsu-white); color:var(--dsu-ink) }
.dsu-hero__arrow:active{ transform:scale(.95) }

/* Metin */
.dsu-hero__text{
  padding:1.5rem;
  background:var(--dsu-ink); color:var(--dsu-white);
  border-radius:var(--dsu-radius-sm);
}
@media (min-width:1024px){
  .dsu-hero__text{ padding:0; background:transparent; border-radius:0 }
}
.dsu-htxt{ opacity:0; visibility:hidden; transition:opacity .5s var(--dsu-ease), visibility .5s }
.dsu-htxt.is-on{ opacity:1; visibility:visible }
.dsu-htxt__title{
  font-size:clamp(1.85rem, 7vw, 3.7rem);
  font-weight:700; line-height:1.06; letter-spacing:-.035em;
}
.dsu-htxt__title .ln{ display:block; overflow:hidden }
.dsu-htxt__title .ln > span{ display:block; transform:translateY(115%); transition:transform .85s var(--dsu-ease) }
.dsu-htxt.is-on .ln > span{ transform:translateY(0) }
.dsu-htxt.is-on .ln:nth-child(2) > span{ transition-delay:.07s }
.dsu-htxt.is-on .ln:nth-child(3) > span{ transition-delay:.14s }

.dsu-htxt__sub{
  display:flex; align-items:flex-start; gap:1.25rem;
  margin-top:1.25rem;
  opacity:0; transform:translateY(16px);
  transition:opacity .7s var(--dsu-ease) .28s, transform .7s var(--dsu-ease) .28s;
}
.dsu-htxt.is-on .dsu-htxt__sub{ opacity:1; transform:none }
@media (min-width:1024px){ .dsu-htxt__sub{ margin-top:1.75rem } }
.dsu-htxt__rule{ display:none }
@media (min-width:1024px){
  .dsu-htxt__rule{ display:block; flex:none; width:3.5rem; height:1px; margin-top:.75rem; background:rgb(255 255 255 / .4) }
}
.dsu-htxt__sub p{ max-width:42ch; color:rgb(255 255 255 / .6); line-height:1.65; font-size:.95rem }

.dsu-hero__foot{
  display:flex; align-items:center; justify-content:space-between;
  gap:1.5rem; padding-bottom:1.5rem;
}
@media (min-width:1024px){ .dsu-hero__foot{ padding-bottom:2rem } }
.dsu-scroll{
  display:inline-flex; align-items:center; gap:.75rem;
  color:rgb(from var(--dsu-ink) r g b / .7);
  font-size:.65rem; font-weight:500; letter-spacing:.26em; text-transform:uppercase;
  transition:color .3s ease;
}
.dsu-scroll:hover{ color:var(--dsu-ink) }
.dsu-mouse{
  position:relative; width:20px; height:32px; flex:none;
  border:1.5px solid currentColor; border-radius:12px;
}
.dsu-mouse::after{
  content:''; position:absolute; left:50%; top:7px;
  width:2.5px; height:6px; border-radius:2px; background:currentColor;
  transform:translateX(-50%);
  animation:dsu-wheel 1.7s var(--dsu-ease) infinite;
}
@keyframes dsu-wheel{
  0%{ opacity:0; transform:translate(-50%,0) }
  30%{ opacity:1 }
  100%{ opacity:0; transform:translate(-50%,10px) }
}
.dsu-hero__foot .dsu-social{ display:none }
@media (min-width:640px){ .dsu-hero__foot .dsu-social{ display:flex } }

/* =========================================================================
   16. KURUMSAL + SAYAÇ
   ========================================================================= */
.dsu-center{ text-align:center }

.dsu-about{ display:grid; gap:3rem }
@media (min-width:1024px){
  .dsu-about{grid-template-columns:1fr 1fr;column-gap:4rem;align-items:stretch}
  .dsu-about__left{display:flex;flex-direction:column;min-width:0}
  .dsu-about__left .dsu-about__fig{display:flex;flex:1 1 auto;min-height:0}
  .dsu-about__left .dsu-about__figinner{width:100%;height:100%}
  .dsu-about__left .dsu-about__figinner img{height:100%;aspect-ratio:auto;object-fit:cover}
}

.dsu-about__claim{
  max-width:24ch;
  font-size:clamp(1.25rem, 4.6vw, 2.1rem);
  font-weight:500; line-height:1.35; letter-spacing:-.02em;
}
.dsu-about__fig{ position:relative; margin-top:clamp(2.5rem,4vw,3rem) }
.dsu-about__plus{ position:absolute; top:-1rem; left:0; z-index:2 }
.dsu-about__figinner{ overflow:hidden; border-radius:var(--dsu-radius) }
.dsu-about__figinner img{ width:100%; aspect-ratio:6/5; object-fit:cover }
.dsu-about__figinner--wide img{ aspect-ratio:16/9 }
@media (min-width:1024px){ .dsu-about__right{ padding-top:2rem } }

.dsu-about__text{ margin-top:2rem; max-width:54ch; line-height:1.85 }
.dsu-about__text p + p{ margin-top:1rem }

.dsu-stats{
  margin-top:clamp(2.5rem,4vw,3.5rem);
  display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;
}
@media (min-width:640px){ .dsu-stats{ gap:1.5rem } }
.dsu-stat__row{ display:flex; align-items:flex-start }
.dsu-stat__num{
  font-size:clamp(1.9rem, 6vw, 3.4rem);
  font-weight:300; line-height:1; letter-spacing:.08em;
  font-variant-numeric:tabular-nums;
}
.dsu-stat__plus{
  margin-left:.25rem; margin-top:.25rem;
  font-size:clamp(1rem,3vw,1.6rem); font-weight:300;
}
.dsu-stat__label{
  display:block; margin-top:.75rem;
  font-size:.8rem; color:var(--dsu-ash);
}
@media (min-width:1024px){ .dsu-stat__label{ font-size:.875rem; margin-top:1rem } }

/* =========================================================================
   17. PROJE KARTI
   ========================================================================= */
.dsu-card{ display:block; position:relative; z-index:2; pointer-events:auto }
.dsu-card__media{
  position:relative; overflow:hidden;
  border-radius:var(--dsu-radius);
  background:var(--dsu-smoke);
}
.dsu-card__media img{
  width:100%; aspect-ratio:4/3; object-fit:cover;
  transition:transform 900ms var(--dsu-ease);
}
.dsu-card:hover .dsu-card__media img{ transform:scale(1.05) }
.dsu-card__ph{ width:100%; aspect-ratio:4/3; background:var(--dsu-smoke) }

.dsu-card__plus{
  position:absolute; right:1rem; bottom:1rem;
  opacity:0; transform:translateY(8px);
  transition:opacity .5s var(--dsu-ease), transform .5s var(--dsu-ease);
}
.dsu-card__plus .dsu-icon{width:1.15rem;height:1.15rem}
.dsu-card:hover .dsu-card__plus{ opacity:1; transform:none }

.dsu-card__title{
  margin-top:1.5rem;
  font-size:1.05rem; font-weight:800;
  text-transform:uppercase; letter-spacing:.02em; line-height:1.35;
  transition:color .3s ease;
}
@media (min-width:1024px){ .dsu-card__title{ font-size:1.15rem } }
.dsu-card:hover .dsu-card__title{ color:var(--dsu-accent) }
.dsu-card__meta{ margin-top:.375rem; font-size:.85rem; color:var(--dsu-ash) }

.dsu-grid{
  display:grid; grid-template-columns:1fr;
  column-gap:clamp(1.25rem,2vw,2rem); row-gap:clamp(2.5rem,4vw,4rem);
}
@media (min-width:768px){ .dsu-grid{ grid-template-columns:repeat(3,1fr) } }

/* =========================================================================
   18. ARŞİV FİLTRESİ
   ========================================================================= */
.dsu-arch-head{ padding-top:calc(var(--dsu-header-h-m) + 2rem); padding-bottom:clamp(2rem,5vw,3.5rem); background:linear-gradient(180deg,#fff 0%,#fafafa 100%) }
@media (min-width:1024px){ .dsu-arch-head{ padding-top:calc(var(--dsu-header-h) + 2.5rem) } }
.dsu-arch-head__body{ margin-top:2rem }
.dsu-arch-head__desc{ margin-top:1.5rem; margin-inline:auto; max-width:58ch; color:var(--dsu-ash) }

.dsu-filter{
  position:sticky; top:var(--dsu-header-h-m); z-index:30;
  background:rgb(from var(--dsu-white) r g b / .9);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-block:1px solid var(--dsu-line);
}
@media (min-width:1024px){ .dsu-filter{ top:var(--dsu-header-h) } }
.dsu-filter__top{ display:flex; align-items:center; gap:.75rem; padding-top:1rem }
@media (min-width:1024px){ .dsu-filter__top{ gap:1.25rem; padding-top:1.25rem } }

.dsu-tabs{
  flex:1; min-width:0;
  display:flex; gap:.5rem; overflow-x:auto;
  padding:.25rem; margin:-.25rem;
  scrollbar-width:none;
}
.dsu-tabs::-webkit-scrollbar{ display:none }
.dsu-tab{
  flex:none;
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.625rem 1.25rem;
  border:1px solid var(--dsu-line); border-radius:var(--dsu-pill);
  font-size:.82rem; font-weight:500;
  transition:background-color .35s var(--dsu-ease), color .35s var(--dsu-ease), border-color .35s var(--dsu-ease), opacity .3s ease;
}
.dsu-tab:hover:not(:disabled){ border-color:var(--dsu-ink) }
.dsu-tab.is-on{ background:var(--dsu-ink); color:var(--dsu-white); border-color:var(--dsu-ink) }
.dsu-tab:disabled{ opacity:.4; cursor:not-allowed }
.dsu-tab__n{ font-size:.7rem; color:var(--dsu-ash); font-variant-numeric:tabular-nums }
.dsu-tab.is-on .dsu-tab__n{ color:inherit; opacity:.6 }
.dsu-tab__n:empty{ display:none }

.dsu-fbtn{
  flex:none;
  display:inline-flex; align-items:center; gap:.625rem;
  padding:.625rem 1.25rem;
  border:1px solid var(--dsu-line); border-radius:var(--dsu-pill);
  font-size:.82rem; font-weight:500;
  transition:background-color .4s var(--dsu-ease), color .4s var(--dsu-ease), border-color .4s var(--dsu-ease);
}
.dsu-fbtn:hover{ border-color:var(--dsu-ink) }
.dsu-fbtn[aria-expanded="true"]{ background:var(--dsu-ink); color:var(--dsu-white); border-color:var(--dsu-ink) }
.dsu-fbtn[aria-expanded="true"] .dsu-fbtn__chev{ transform:rotate(180deg) }
.dsu-fbtn__chev{ opacity:.6; transition:transform .35s var(--dsu-ease) }
.dsu-fbtn__txt{ display:none }
@media (min-width:640px){ .dsu-fbtn__txt{ display:inline } }
.dsu-fbtn__badge{
  min-width:20px; height:20px; padding-inline:.375rem;
  display:grid; place-items:center;
  background:var(--dsu-accent); color:var(--dsu-white);
  border-radius:var(--dsu-pill);
  font-size:.68rem; font-weight:600; font-variant-numeric:tabular-nums;
}
.dsu-fbtn__badge[hidden]{ display:none }

/* Açılır panel: grid-rows 0fr→1fr ile pürüzsüz yükseklik */
.dsu-fpanel{
  display:grid; grid-template-rows:0fr;
  transition:grid-template-rows .5s var(--dsu-ease);
}
.dsu-fpanel.is-open{ grid-template-rows:1fr }
.dsu-fpanel__inner{ overflow:hidden }
/* Açılma bitince taşma serbest — yoksa dropdown panelleri kırpılır */
.dsu-fpanel__inner.is-spill{ overflow:visible }
.dsu-fpanel__grid{
  padding-top:1rem;
  display:grid; grid-template-columns:1fr; gap:.75rem;
}
@media (min-width:640px){ .dsu-fpanel__grid{ grid-template-columns:repeat(3,1fr) } }

/* Özel dropdown */
.dsu-dd{ position:relative }
.dsu-dd__btn{
  width:100%;
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
  padding:.75rem 1.25rem;
  border:1px solid var(--dsu-line); border-radius:var(--dsu-pill);
  font-size:.9rem;
  transition:border-color .3s var(--dsu-ease), background-color .3s var(--dsu-ease), color .3s var(--dsu-ease);
}
.dsu-dd__btn:hover,
.dsu-dd__btn[aria-expanded="true"]{ border-color:var(--dsu-ink) }
.dsu-dd__btn[aria-expanded="true"] .dsu-dd__chev{ transform:rotate(180deg) }
.dsu-dd.is-set .dsu-dd__btn{ background:var(--dsu-ink); color:var(--dsu-white); border-color:var(--dsu-ink) }
.dsu-dd__chev{ color:var(--dsu-ash); transition:transform .35s var(--dsu-ease) }
.dsu-dd.is-set .dsu-dd__chev{ color:inherit }

.dsu-dd__panel{
  position:absolute; z-index:5; left:0; right:0; top:calc(100% + .5rem);
  padding:.375rem;
  background:var(--dsu-white);
  border:1px solid var(--dsu-line);
  border-radius:var(--dsu-radius-sm);
  box-shadow:0 24px 50px -28px rgb(0 0 0 / .35);
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .3s var(--dsu-ease), transform .3s var(--dsu-ease), visibility .3s;
  max-height:min(50vh, 320px); overflow-y:auto;
}
.dsu-dd.is-open .dsu-dd__panel{ opacity:1; visibility:visible; transform:none }
.dsu-dd__opt{
  width:100%;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.625rem 1rem; border-radius:calc(var(--dsu-radius-sm) - 10px);
  text-align:left; font-size:.92rem; color:var(--dsu-ink);
  transition:background-color .2s ease;
}
.dsu-dd__opt:hover{ background:var(--dsu-smoke) }
.dsu-dd__opt[aria-selected="true"]{ font-weight:600 }
.dsu-dd__opt[aria-selected="true"]::after{ content:'✓'; color:var(--dsu-accent); font-size:.85rem }

.dsu-filter__res{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding-block:1rem;
}
.dsu-filter__res b{ color:var(--dsu-ink); font-weight:600; font-variant-numeric:tabular-nums }
.dsu-clear{ font-size:.82rem; font-weight:500; color:var(--dsu-accent) }
.dsu-clear:hover{ text-decoration:underline; text-underline-offset:4px }
.dsu-clear[hidden]{ display:none }

/* Kart giriş/çıkış */
.dsu-card.is-out{ opacity:0; transform:scale(.96) translateY(10px); pointer-events:none }
.dsu-grid.is-busy{ opacity:.55; transition:opacity .3s ease }

.dsu-empty{ padding-block:5rem; text-align:center }
.dsu-empty[hidden]{ display:none }
.dsu-empty__title{ font-size:clamp(1.3rem,3vw,2rem); font-weight:600; letter-spacing:-.02em }

.dsu-more{ margin-top:clamp(3rem,6vw,5rem); display:flex; justify-content:center }
.dsu-more[hidden]{ display:none }
.dsu-more__btn{
  display:inline-flex; align-items:center; gap:1rem;
  padding:.75rem .75rem .75rem 2rem;
  border:1px solid var(--dsu-line); border-radius:var(--dsu-pill);
  font-weight:600;
  transition:border-color .4s var(--dsu-ease);
}
.dsu-more__btn:hover{ border-color:var(--dsu-ink) }
.dsu-more__btn.is-loading{ opacity:.6; pointer-events:none }
.dsu-more__ico{
  width:2.75rem; height:2.75rem; flex:none;
  display:grid; place-items:center;
  background:var(--dsu-ink); color:var(--dsu-white);
  border-radius:var(--dsu-pill);
  transition:transform .4s var(--dsu-ease);
}
.dsu-more__btn:hover .dsu-more__ico{ transform:translateY(2px) }

/* =========================================================================
   19. CAROUSEL
   ========================================================================= */
.dsu-car__head{
  margin-top:1.5rem;
  display:flex; align-items:center; gap:1rem;
}
@media (min-width:1024px){ .dsu-car__head{ margin-top:2rem } }
.dsu-car__all{ margin-left:.75rem; font-weight:500; transition:color .3s ease }
.dsu-car__all:hover{ color:var(--dsu-accent) }

.dsu-car__vp{
  margin-top:2.5rem;
  overflow:hidden; user-select:none;
  touch-action:pan-y; cursor:grab;
}
.dsu-car__vp.is-dragging{ cursor:grabbing }
.dsu-car__track{ display:flex; will-change:transform; pointer-events:auto }
.dsu-car__track.is-animating{ transition:transform .75s var(--dsu-ease) }
.dsu-car__cell{ flex:0 0 100%; padding-right:1.5rem }
@media (min-width:768px){ .dsu-car__cell{ flex-basis:50% } }
@media (min-width:1024px){ .dsu-car__cell{ flex-basis:33.3333%; padding-right:2rem } }
.dsu-car__cell img{ transform:translateX(var(--dsu-pp, 0)) scale(1.06) }
.dsu-car__cell .dsu-card__media img{ transition:transform .9s var(--dsu-ease) }

.dsu-car__bar{
  margin-top:2rem; max-width:420px;
  display:flex; align-items:center; gap:1rem;
  font-size:.75rem; font-weight:600; letter-spacing:.14em;
  font-variant-numeric:tabular-nums;
}
.dsu-progress{ flex:1; height:2px; background:var(--dsu-line); border-radius:var(--dsu-pill); overflow:hidden }
.dsu-progress__fill{ height:100%; width:0; background:var(--dsu-ink); border-radius:var(--dsu-pill); transition:width .7s var(--dsu-ease) }

/* =========================================================================
   20. PROJE DETAY
   ========================================================================= */
.dsu-single__hero{ padding-top:var(--dsu-header-h-m) }
@media (min-width:1024px){ .dsu-single__hero{ padding-top:var(--dsu-header-h) } }
.dsu-single__heroInner{ max-width:var(--dsu-wrap); margin-inline:auto }
@media (min-width:1024px){ .dsu-single__heroInner{ padding-inline:var(--dsu-gut); padding-top:1.5rem } }
.dsu-single__figure{ position:relative; overflow:hidden }
@media (min-width:1024px){ .dsu-single__figure{ border-radius:var(--dsu-radius-lg) } }
.dsu-single__figure img{ width:100%; aspect-ratio:4/3; object-fit:cover }
@media (min-width:640px){ .dsu-single__figure img{ aspect-ratio:16/9 } }
@media (min-width:1024px){ .dsu-single__figure img{ aspect-ratio:21/9 } }
.dsu-badge--lg{ left:1.25rem; top:1.25rem; padding:.5rem 1rem; font-size:.7rem }
@media (min-width:1024px){ .dsu-badge--lg{ left:2rem; top:2rem } }

.dsu-single__intro{ padding-block:clamp(2rem,5vw,3.5rem) clamp(2.5rem,6vw,5rem) }

.dsu-share{ margin-top:1.75rem; display:flex; align-items:center; gap:.75rem; flex-wrap:wrap }
.dsu-share__label{ margin-right:.25rem; font-weight:500 }
.dsu-share__item{
  width:2.5rem; height:2.5rem;
  display:grid; place-items:center;
  border-radius:var(--dsu-pill);
  background:rgb(from var(--dsu-ash) r g b / .3);
  color:var(--dsu-white);
  transition:background-color .3s ease, color .3s ease;
}
.dsu-share__item:hover{ background:var(--dsu-ink) }
.dsu-share__item--copy{
  background:transparent;
  border:1px solid var(--dsu-line);
  color:var(--dsu-ash);
}
.dsu-share__item--copy:hover{ background:transparent; border-color:var(--dsu-ink); color:var(--dsu-ink) }

.dsu-single__head{ margin-top:2.25rem; display:grid; gap:2rem }
@media (min-width:1024px){
  .dsu-single__head{ grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:4rem; margin-top:3.5rem; align-items:start }
}
.dsu-single__title{
  font-size:clamp(2.1rem, 6.5vw, 4.6rem);
  font-weight:800; line-height:.98;
  letter-spacing:-.035em; text-transform:uppercase;
}
@media (min-width:1024px){ .dsu-single__body{ padding-top:.75rem } }

.dsu-prose{ line-height:1.8 }
.dsu-prose > * + *{ margin-top:1.25rem }
.dsu-prose p:first-child{ font-size:clamp(1.02rem,1.5vw,1.22rem); line-height:1.75 }
.dsu-prose h2{ font-size:1.5rem; font-weight:700; letter-spacing:-.02em; margin-top:2.5rem }
.dsu-prose h3{ font-size:1.2rem; font-weight:700; margin-top:2rem }
.dsu-prose ul{ list-style:disc; padding-left:1.25rem }
.dsu-prose ol{ list-style:decimal; padding-left:1.25rem }
.dsu-prose li + li{ margin-top:.5rem }
.dsu-prose a{ color:var(--dsu-accent); text-decoration:underline; text-underline-offset:3px }
.dsu-prose img{ border-radius:var(--dsu-radius-sm) }
.dsu-prose blockquote{
  padding-left:1.25rem; border-left:2px solid var(--dsu-line);
  color:var(--dsu-ash); font-style:italic;
}

/* Özellikler ızgarası */
.dsu-specs-wrap{ padding-inline:var(--dsu-gut) }
.dsu-specs{
  position:relative; overflow:hidden;
  max-width:var(--dsu-wrap); margin-inline:auto;
  background:var(--dsu-smoke);
  border-radius:var(--dsu-radius);
}
@media (min-width:1024px){ .dsu-specs{ border-radius:var(--dsu-radius-lg) } }
.dsu-specs__circle{
  position:absolute; pointer-events:none;
  aspect-ratio:1; border-radius:var(--dsu-pill);
}
.dsu-specs__circle--a{
  top:-38%; right:6%; width:min(78vw, 760px);
  background:rgb(from var(--dsu-white) r g b / .85);
}
.dsu-specs__circle--b{
  bottom:-46%; left:-12%; width:min(60vw, 520px);
  background:rgb(from var(--dsu-white) r g b / .45);
}
.dsu-specs__body{
  position:relative;
  padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,4vw,4rem);
}
.dsu-specs__grid{
  margin-top:2rem;
  display:grid; grid-template-columns:repeat(2,1fr);
  column-gap:clamp(1.5rem,3vw,2.5rem);
}
@media (min-width:1024px){
  .dsu-specs__grid{ grid-template-columns:repeat(4,1fr); margin-top:3rem }
}
.dsu-spec{ position:relative; padding-block:1.75rem }
.dsu-spec::before{
  content:''; position:absolute; top:0; left:0; right:0;
  height:1px; background:var(--dsu-line);
}
.dsu-spec dt{ font-weight:700; letter-spacing:-.01em }
.dsu-spec dd{
  margin:.75rem 0 0;
  color:rgb(from var(--dsu-ink) r g b / .75);
  font-weight:300; line-height:1.6;
}

/* Galeri */
.dsu-gal-head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:1rem }
.dsu-gallery{
  margin-top:2.5rem;
  display:grid; grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
@media (min-width:1024px){ .dsu-gallery{ grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem }.dsu-gallery .dsu-gitem:first-child{grid-column:span 2;grid-row:span 2}.dsu-gallery .dsu-gitem:first-child img{aspect-ratio:1/1} }
.dsu-gitem{
  position:relative; overflow:hidden;
  border-radius:var(--dsu-radius);
  background:var(--dsu-smoke);
  display:block; width:100%;
}
.dsu-gitem img{ width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform .9s var(--dsu-ease) }
.dsu-gitem:hover img{ transform:scale(1.05) }
.dsu-gitem__veil{
  position:absolute; inset:0;
  display:grid; place-items:center;
  background:rgb(from var(--dsu-ink) r g b / 0);
  transition:background-color .5s var(--dsu-ease);
}
.dsu-gitem:hover .dsu-gitem__veil{ background:rgb(from var(--dsu-ink) r g b / .25) }
.dsu-gitem__zoom{
  width:3rem; height:3rem;
  display:grid; place-items:center;
  background:var(--dsu-white); color:var(--dsu-ink);
  border-radius:var(--dsu-pill);
  opacity:0; transform:scale(.9);
  transition:opacity .5s var(--dsu-ease), transform .5s var(--dsu-ease);
}
.dsu-gitem:hover .dsu-gitem__zoom{ opacity:1; transform:none }

/* =========================================================================
   21. SAYFA / 404 / ARAMA
   ========================================================================= */
.dsu-page__title{
  font-size:clamp(2rem, 5vw, 3.4rem);
  font-weight:700; letter-spacing:-.03em; line-height:1.1;
  margin-top:2rem;
}
.dsu-page__thumb{ margin-top:2.5rem; overflow:hidden; border-radius:var(--dsu-radius) }
.dsu-page__thumb img{ width:100%; object-fit:cover }
.dsu-page .dsu-prose{ margin-top:2.5rem; max-width:70ch }

.dsu-404{ padding-block:clamp(5rem,12vw,10rem) }
.dsu-404__text{ margin-top:1.5rem }
.dsu-404__actions{ margin-top:2.5rem; display:flex; flex-wrap:wrap; gap:.75rem; justify-content:center }
.dsu-btn-line{
  display:inline-block; padding:.875rem 1.75rem;
  border:1px solid var(--dsu-line); border-radius:var(--dsu-pill);
  font-weight:500;
  transition:background-color .3s ease, color .3s ease, border-color .3s ease;
}
.dsu-btn-line:hover{ background:var(--dsu-ink); color:var(--dsu-white); border-color:var(--dsu-ink) }
.dsu-404__search{ margin-top:2.5rem; display:flex; justify-content:center }

.dsu-search{
  display:flex; align-items:center; gap:.5rem;
  max-width:420px; width:100%;
  border:1px solid var(--dsu-line); border-radius:var(--dsu-pill);
  padding:.375rem .375rem .375rem 1.5rem;
  transition:border-color .3s ease;
}
.dsu-search:focus-within{ border-color:var(--dsu-ink) }
.dsu-search__input{ flex:1; min-width:0; border:0; background:transparent; padding-block:.625rem }
.dsu-search__input:focus{ outline:none }
.dsu-search__btn{
  width:2.75rem; height:2.75rem; flex:none;
  display:grid; place-items:center;
  background:var(--dsu-ink); color:var(--dsu-white);
  border-radius:var(--dsu-pill);
  transition:background-color .3s ease;
}
.dsu-search__btn:hover{ background:var(--dsu-accent) }

/* index.php liste görünümü */
.dsu-list{ margin-top:2.5rem; display:grid; gap:3rem }
@media (min-width:768px){ .dsu-list{ grid-template-columns:repeat(3,1fr) } }
.dsu-list__thumb{ display:block; overflow:hidden; border-radius:var(--dsu-radius) }
.dsu-list__thumb img{ width:100%; aspect-ratio:4/3; object-fit:cover }
.dsu-list__title{ margin-top:1.25rem; font-size:1.15rem; font-weight:700; line-height:1.35 }
.dsu-list__title a:hover{ color:var(--dsu-accent) }

.pagination, .navigation.pagination{ margin-top:4rem; display:flex; justify-content:center }
.nav-links{ display:flex; gap:.5rem; flex-wrap:wrap }
.page-numbers{
  display:grid; place-items:center;
  min-width:2.75rem; height:2.75rem; padding-inline:.75rem;
  border:1px solid var(--dsu-line); border-radius:var(--dsu-pill);
  font-size:.9rem;
  transition:background-color .3s ease, color .3s ease, border-color .3s ease;
}
.page-numbers:hover,
.page-numbers.current{ background:var(--dsu-ink); color:var(--dsu-white); border-color:var(--dsu-ink) }

/* =========================================================================
   22. İLETİŞİM SAYFASI
   ========================================================================= */
.dsu-contact__head{ margin-top:2rem }
.dsu-contact__lead{ margin-top:1.5rem; max-width:60ch }

.dsu-contact{
  margin-top:clamp(2.5rem,5vw,4rem);
  display:grid; gap:2.5rem;
}
@media (min-width:1024px){
  .dsu-contact{ grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:4rem; align-items:start }
}

.dsu-info{ padding-block:1.5rem; border-top:1px solid var(--dsu-line) }
.dsu-info:first-child{ border-top:0; padding-top:0 }
.dsu-info dt{
  font-size:.66rem; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--dsu-ash);
}
.dsu-info dd{ margin:.5rem 0 0; font-size:1.05rem; line-height:1.6 }
.dsu-info dd a:hover{ color:var(--dsu-accent) }
.dsu-contact__social{ margin-top:2rem }

.dsu-map{
  display:block; overflow:hidden;
  border-radius:var(--dsu-radius);
  background:var(--dsu-smoke);
  aspect-ratio:4/3;
}
@media (min-width:768px){ .dsu-map{ aspect-ratio:16/10 } }
.dsu-map iframe{ width:100%; height:100%; border:0; display:block }
.dsu-map--link{
  display:flex; align-items:center; justify-content:center; gap:.75rem;
  border:1px dashed var(--dsu-line);
  color:var(--dsu-ash); font-weight:500;
  transition:border-color .3s ease, color .3s ease;
}
.dsu-map--link:hover{ border-color:var(--dsu-ink); color:var(--dsu-ink) }
.dsu-contact-form{margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--dsu-line)}
.dsu-form{display:grid;gap:1.25rem;margin-top:2rem}
@media (min-width:768px){.dsu-form{grid-template-columns:1fr 1fr}.dsu-form__wide{grid-column:1/-1}}
.dsu-form label>span{display:block;margin-bottom:.5rem;font-size:.78rem;font-weight:600}
.dsu-form input:not([type=checkbox]),.dsu-form textarea{width:100%;padding:.95rem 1rem;border:1px solid var(--dsu-line);border-radius:12px;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}
.dsu-form input:focus,.dsu-form textarea:focus{border-color:var(--dsu-ink);box-shadow:0 0 0 3px rgb(0 0 0 / .06)}
.dsu-form__consent{display:flex;gap:.7rem;align-items:flex-start;color:var(--dsu-ash);font-size:.82rem;line-height:1.5}.dsu-form__consent input{margin-top:.2rem}.dsu-form__consent a{text-decoration:underline;color:var(--dsu-ink)}
.dsu-form-note{margin-top:1.5rem;padding:1rem;border-radius:12px}.dsu-form-note--ok{background:#ecfdf5;color:#065f46}.dsu-form-note--error{background:#fef2f2;color:#991b1b}.dsu-hp{position:absolute!important;left:-10000px!important}

/* Çerez tercih paneli */
.dsu-cookie{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1000;display:none;max-width:760px;margin:auto;padding:1.2rem;background:#fff;color:var(--dsu-ink);border:1px solid var(--dsu-line);border-radius:18px;box-shadow:0 18px 60px rgb(0 0 0 / .18)}
.dsu-cookie.is-open{display:block}
.dsu-cookie__title{font-size:1.05rem;font-weight:700}
.dsu-cookie__text{margin:.45rem 0 0;color:var(--dsu-ash);font-size:.88rem;line-height:1.55}
.dsu-cookie__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.dsu-cookie__btn{padding:.72rem 1rem;border:1px solid var(--dsu-ink);border-radius:999px;font-size:.82rem;font-weight:600}
.dsu-cookie__btn--primary{background:var(--dsu-ink);color:#fff}
@media (min-width:768px){.dsu-cookie{left:auto;right:1.5rem;bottom:1.5rem;max-width:520px;padding:1.5rem}}

/* Ana sayfa marka manifestosu */
.dsu-signature{position:relative;isolation:isolate;min-height:clamp(620px,78vw,900px);overflow:hidden;background:#050505;color:var(--dsu-white);display:flex;align-items:center}
.dsu-signature::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgb(5 5 5 / .72) 0%,rgb(5 5 5 / .28) 46%,transparent 76%)}
.dsu-signature__glow{position:absolute;width:54vw;aspect-ratio:1;right:2%;top:8%;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / .12),transparent 67%);filter:blur(20px)}
.dsu-signature__inner{position:relative;z-index:3;width:100%}
.dsu-signature__copy{max-width:670px;padding-block:clamp(5rem,10vw,9rem)}
.dsu-signature__copy h2{margin-top:1.25rem;font-size:clamp(2.1rem,6.2vw,5.8rem);line-height:.98;letter-spacing:-.05em;font-weight:750}
.dsu-signature__copy>p:last-of-type{margin-top:1.75rem;max-width:55ch;color:rgb(255 255 255 / .64);line-height:1.8}
.dsu-signature__link{margin-top:2rem;display:inline-flex;align-items:center;gap:1.25rem;padding:.85rem .9rem .85rem 1.35rem;border:1px solid rgb(255 255 255 / .2);border-radius:var(--dsu-pill);font-size:.82rem;font-weight:700}
.dsu-signature__link .dsu-icon{width:1.1rem;height:1.1rem;transition:transform .3s}.dsu-signature__link:hover .dsu-icon{transform:translateX(4px)}
.dsu-signature__building{position:absolute;z-index:1;object-fit:contain;pointer-events:none}
.dsu-signature__building--front{width:100%;height:100%;right:0;bottom:0;object-position:center bottom;opacity:1}
@media (max-width:767px){.dsu-signature{min-height:760px;align-items:flex-start}.dsu-signature__copy{padding-top:4.5rem}.dsu-signature__copy>p:last-of-type{max-width:34ch}.dsu-signature__building--front{width:165vw;height:auto;max-width:none;right:-50vw;bottom:0;opacity:.94}.dsu-signature::after{background:linear-gradient(180deg,#050505 0%,rgb(5 5 5 / .94) 54%,rgb(5 5 5 / .2) 100%)}}

/* =========================================================================
   23. KURUMSAL SAYFASI
   ========================================================================= */
.dsu-corp-hero,.dsu-contact-hero{position:relative;isolation:isolate;overflow:hidden;background:#070708;color:#fff;min-height:clamp(580px,74vh,820px)}
.dsu-corp-hero__texture,.dsu-contact-hero__texture{position:absolute;inset:0;z-index:-2;background:url('../images/durusu-texture.webp') center/cover no-repeat;opacity:.12;mix-blend-mode:screen}
.dsu-corp-hero::after,.dsu-contact-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070708 0%,rgb(7 7 8 / .96) 48%,rgb(7 7 8 / .3) 78%,#070708 100%)}
.dsu-corp-hero__building,.dsu-contact-hero__building{position:absolute;right:-7%;bottom:-4%;width:min(70vw,1050px);height:88%;object-fit:contain;object-position:right bottom;opacity:.82;pointer-events:none}
.dsu-corp-hero__inner,.dsu-contact-hero__inner{position:relative;z-index:2;padding-top:clamp(2rem,5vw,4rem);padding-bottom:clamp(4rem,8vw,7rem)}
.dsu-corp-hero .dsu-crumb,.dsu-contact-hero .dsu-crumb{color:rgb(255 255 255 / .52)}
.dsu-corp-hero .dsu-crumb__current,.dsu-contact-hero .dsu-crumb__current{color:#fff}
.dsu-corp-hero__copy,.dsu-contact-hero__inner>p,.dsu-contact-hero__inner>h1{position:relative;z-index:2;max-width:720px}
.dsu-corp-hero__copy{padding-top:clamp(5rem,11vw,10rem)}
.dsu-corp-hero h1,.dsu-contact-hero h1{margin-top:1.15rem;font-size:clamp(3.2rem,9vw,8rem);line-height:.88;letter-spacing:-.06em;font-weight:300}
.dsu-corp-hero h1 strong,.dsu-contact-hero h1 strong{font-weight:760}
.dsu-corp-hero__copy>p:last-child,.dsu-contact-hero__inner>p:last-child{margin-top:1.75rem;max-width:54ch;color:rgb(255 255 255 / .65);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75}

.dsu-corp-story{display:grid;gap:3rem;align-items:center}
.dsu-corp-story__copy h2,.dsu-corp-section-head h2,.dsu-corp-quality__copy h2{margin-top:1.2rem}
.dsu-corp-story__copy .dsu-lead{margin-top:2rem}
.dsu-corp-story__copy>p:last-child{margin-top:1.5rem;max-width:62ch;color:var(--dsu-ash);line-height:1.8}
.dsu-corp-story__visual{position:relative;min-height:460px;overflow:hidden;border-radius:var(--dsu-radius-lg);background:var(--dsu-smoke)}
.dsu-corp-story__visual>img{width:100%;height:100%;min-height:460px;object-fit:cover}
.dsu-corp-story__year{position:absolute;left:1.25rem;bottom:1.25rem;display:flex;flex-direction:column;padding:1rem 1.25rem;border-radius:18px;background:rgb(255 255 255 / .92);font-size:2rem;font-weight:750;line-height:1;backdrop-filter:blur(10px)}
.dsu-corp-story__year small{margin-top:.4rem;color:var(--dsu-ash);font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
@media (min-width:1024px){.dsu-corp-story{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(4rem,8vw,8rem)}.dsu-corp-story__visual{min-height:650px}.dsu-corp-story__visual>img{min-height:650px}}

.dsu-corp-numbers{background:var(--dsu-ink);color:#fff;padding-block:clamp(2.5rem,5vw,4.5rem)}
.dsu-corp-numbers__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.dsu-corp-numbers__grid div{display:flex;flex-direction:column;border-left:1px solid rgb(255 255 255 / .18);padding-left:1.25rem}
.dsu-corp-numbers__grid strong{font-size:clamp(1.8rem,4.5vw,4rem);font-weight:350;line-height:1;letter-spacing:-.04em}
.dsu-corp-numbers__grid span{margin-top:.75rem;color:rgb(255 255 255 / .55);font-size:.78rem}
@media (min-width:900px){.dsu-corp-numbers__grid{grid-template-columns:repeat(4,1fr)}}

.dsu-corp-principles{background:#f6f6f5}
.dsu-corp-section-head{display:grid;gap:2rem;align-items:end}.dsu-corp-section-head>.dsu-lead{max-width:48ch}
@media (min-width:900px){.dsu-corp-section-head{grid-template-columns:1.25fr .75fr;gap:4rem}}
.dsu-corp-duo{display:grid;gap:1.25rem;margin-top:clamp(2.5rem,6vw,5rem)}
@media (min-width:800px){.dsu-corp-duo{grid-template-columns:1fr 1fr}}
.dsu-corp-card{min-height:440px;padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--dsu-line);border-radius:var(--dsu-radius);background:#fff}
.dsu-corp-card--dark{background:var(--dsu-ink);color:#fff;border-color:var(--dsu-ink)}
.dsu-corp-card__icon{width:3.5rem;height:3.5rem;display:grid;place-items:center;margin-bottom:auto;border-radius:50%;background:var(--dsu-smoke);color:var(--dsu-ink)}
.dsu-corp-card--dark .dsu-corp-card__icon{background:rgb(255 255 255 / .12);color:#fff}
.dsu-corp-card__icon .dsu-icon{width:1.5rem;height:1.5rem}
.dsu-corp-card h3{margin-top:1rem;max-width:22ch;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.12;letter-spacing:-.035em}
.dsu-corp-card>p:last-child{margin-top:1.3rem;max-width:56ch;color:var(--dsu-ash);line-height:1.75}
.dsu-corp-card--dark>p:last-child{color:rgb(255 255 255 / .6)}

.dsu-corp-quality__grid{display:grid;gap:3.5rem;align-items:center}
@media (min-width:1024px){.dsu-corp-quality__grid{grid-template-columns:1.05fr .95fr;gap:clamp(4rem,8vw,8rem)}}
.dsu-corp-quality__media{position:relative;min-height:550px}
.dsu-corp-quality__media img:first-child{width:84%;height:470px;object-fit:cover;border-radius:var(--dsu-radius-lg)}
.dsu-corp-quality__media img:nth-child(2){position:absolute;right:0;bottom:0;width:48%;height:260px;object-fit:cover;border:10px solid #fff;border-radius:var(--dsu-radius)}
.dsu-corp-quality__copy>p:not(.dsu-eyebrow){margin-top:1.7rem;color:var(--dsu-ash);line-height:1.8}
.dsu-corp-quality__copy ul{margin-top:2rem;display:grid;gap:1rem}
.dsu-corp-quality__copy li{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--dsu-line)}
.dsu-corp-quality__copy li>.dsu-icon{margin-top:.2rem;width:1.4rem;height:1.4rem}
.dsu-corp-quality__copy li span{display:flex;flex-direction:column;color:var(--dsu-ash);font-size:.9rem}
.dsu-corp-quality__copy li strong{margin-bottom:.2rem;color:var(--dsu-ink);font-size:1rem}

.dsu-corp-values{background:var(--dsu-ink);color:#fff}
.dsu-corp-values .dsu-eyebrow{color:rgb(255 255 255 / .5)}
.dsu-corp-values__grid{display:grid;margin-top:clamp(2.5rem,6vw,5rem);border-top:1px solid rgb(255 255 255 / .16)}
.dsu-corp-values__grid article{position:relative;padding:2rem 1.25rem 3rem;border-bottom:1px solid rgb(255 255 255 / .16)}
.dsu-corp-values__grid article>span{width:3.2rem;height:3.2rem;display:grid;place-items:center;border:1px solid rgb(255 255 255 / .2);border-radius:50%}
.dsu-corp-values__grid article>b{position:absolute;right:1rem;top:2rem;color:rgb(255 255 255 / .35);font-size:.7rem;letter-spacing:.15em}
.dsu-corp-values__grid h3{margin-top:3rem;font-size:1.35rem}
.dsu-corp-values__grid p{margin-top:1rem;color:rgb(255 255 255 / .55);font-size:.9rem;line-height:1.7}
@media (min-width:800px){.dsu-corp-values__grid{grid-template-columns:repeat(4,1fr)}.dsu-corp-values__grid article{border-right:1px solid rgb(255 255 255 / .16);border-bottom:0;padding-inline:1.7rem}.dsu-corp-values__grid article:last-child{border-right:0}}

/* =========================================================================
   24. GELİŞTİRİLMİŞ İLETİŞİM SAYFASI
   ========================================================================= */
.dsu-contact-hero{min-height:clamp(520px,68vh,720px)}
.dsu-contact-hero__inner{padding-top:clamp(2rem,5vw,4rem)}
.dsu-contact-hero__inner>.dsu-eyebrow{margin-top:clamp(5rem,10vw,9rem)}
.dsu-contact-intro{display:grid;gap:2rem;align-items:end}.dsu-contact-intro h2{margin-top:1rem}.dsu-contact-intro>.dsu-lead{max-width:56ch}
@media (min-width:900px){.dsu-contact-intro{grid-template-columns:1fr 1fr;gap:5rem}}
.dsu-contact__info{margin:0;padding:clamp(1.5rem,4vw,3rem);border-radius:var(--dsu-radius);background:#f6f6f5}
.dsu-info{display:grid;grid-template-columns:3rem 1fr;gap:1rem}
.dsu-info__icon{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid var(--dsu-line);border-radius:50%;background:#fff}
.dsu-info__icon .dsu-icon{width:1.2rem;height:1.2rem}
.dsu-contact__map{position:relative}
.dsu-contact__directions{position:absolute;right:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 1rem .8rem 1.2rem;border-radius:var(--dsu-pill);background:var(--dsu-ink);color:#fff;font-size:.78rem;font-weight:650;box-shadow:0 10px 30px rgb(0 0 0 / .16)}
.dsu-contact__directions .dsu-icon{transition:transform .3s}.dsu-contact__directions:hover .dsu-icon{transform:translateX(4px)}
.dsu-contact-form{padding:clamp(2rem,5vw,4.5rem);border:0;border-radius:var(--dsu-radius-lg);background:#f6f6f5}
.dsu-contact-form__head{max-width:640px}.dsu-contact-form__head h2{margin-top:1rem}
.dsu-contact-form .dsu-cookie__btn{display:inline-flex;align-items:center;gap:.75rem;padding-inline:1.25rem}
.dsu-contact-form .dsu-cookie__btn .dsu-icon{width:1rem;height:1rem}

@media (max-width:767px){
  .dsu-corp-hero__building,.dsu-contact-hero__building{width:145vw;right:-68%;height:60%;opacity:.48}
  .dsu-corp-hero::after,.dsu-contact-hero::after{background:linear-gradient(180deg,#070708 0%,rgb(7 7 8 / .92) 63%,rgb(7 7 8 / .45) 100%)}
  .dsu-corp-quality__media{min-height:430px}.dsu-corp-quality__media img:first-child{height:350px}.dsu-corp-quality__media img:nth-child(2){height:190px;border-width:7px}
  .dsu-contact__directions{left:1rem;right:1rem;justify-content:center}
}

/* =========================================================================
   25. v1.5 — DETAY, MOBİL VE FOOTER İYİLEŞTİRMELERİ
   ========================================================================= */

/* Mobil menü açıkken logo ve kapatma işareti beyaz başlık üzerinde siyahtır. */
body.dsu-nav-open .dsu-header{
  z-index:calc(var(--dsu-z-oc) + 1);
  background:var(--dsu-white);
  border-bottom-color:var(--dsu-line);
  box-shadow:0 8px 30px rgb(0 0 0 / .05);
}
body.dsu-nav-open .dsu-header .dsu-logo__img--dark{opacity:1}
body.dsu-nav-open .dsu-header .dsu-logo__img--light{opacity:0}
body.dsu-nav-open .dsu-header .dsu-burger{color:var(--dsu-ink)}
.dsu-oc__foot{justify-content:center}
.dsu-oc__phone{width:100%;justify-content:center;text-align:left;gap:.8rem}
.dsu-oc__phone-ico{width:2.7rem;height:2.7rem;display:grid;place-items:center;flex:none;border:1px solid rgb(255 255 255 / .2);border-radius:50%}
.dsu-oc__phone>span:last-child{display:flex;flex-direction:column;gap:.22rem}
.dsu-oc__phone small{color:rgb(255 255 255 / .5);font-size:.62rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.dsu-oc__phone strong{font-size:1rem}

/* Footer: sosyal ağlar / marka / proje danışma. */
.dsu-fmid{padding-block:1.5rem;border-top:1px solid var(--dsu-line);border-bottom:1px solid var(--dsu-line)}
.dsu-fmid__social{flex-direction:column;align-items:center;gap:.8rem}
.dsu-fmid__label{color:var(--dsu-ash);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.dsu-fmid__mail{font-size:.78rem;color:var(--dsu-ash);transition:color .25s ease}
.dsu-fmid__mail:hover{color:#6f7378}
.dsu-fmid__contact{flex-wrap:nowrap}
.dsu-fmid__contact-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.28rem}
.dsu-fmid__ico{width:3.2rem;height:3.2rem;color:var(--dsu-ink);background:var(--dsu-smoke)}
.dsu-fmid__ico .dsu-icon{width:1.35rem;height:1.35rem}
.dsu-fmid__phone{font-size:1.05rem;font-weight:750;letter-spacing:.01em;transition:color .25s ease}
.dsu-fmid__phone:hover{color:#73777c}
@media (min-width:768px){
  .dsu-fmid__social{align-items:flex-start}
  .dsu-fmid__contact{justify-self:end}
}

/* Bağlantı hover'larında kurumsal nötr gri; vurgu mavisi kaldırıldı. */
.dsu-social--solid .dsu-social__item:hover{background:#73777c}
.dsu-card:hover .dsu-card__title,
.dsu-car__all:hover,
.dsu-prose a:hover,
.dsu-search__btn:hover,
.dsu-list__title a:hover,
.dsu-info dd a:hover{color:#73777c}
.dsu-cta-btn:hover{background:#73777c;color:var(--dsu-white)}

/* Proje detay: başlık tam satır, ortalanmış içerik, dikey paylaşım rayı. */
.dsu-single__mast{max-width:1180px;margin:clamp(2rem,5vw,4.5rem) auto 0;text-align:center}
.dsu-single__mast .dsu-eyebrow{color:var(--dsu-ash)}
.dsu-single__title{
  margin-top:.85rem;
  font-size:clamp(2.55rem,6.6vw,6.2rem);
  font-weight:820;
  line-height:.9;
  letter-spacing:-.055em;
  text-transform:uppercase;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.dsu-single__meta{margin-top:1.25rem;color:var(--dsu-ash);font-size:.88rem}
.dsu-single__content-grid{margin-top:clamp(3rem,6vw,6rem);display:grid;gap:2.5rem}
.dsu-single__body{max-width:820px;margin-inline:auto;counter-reset:dsu-detail}
.dsu-single__body h2{counter-increment:dsu-detail;display:grid;grid-template-columns:2.6rem 1fr;gap:.7rem;align-items:baseline;padding-top:1.35rem;border-top:1px solid var(--dsu-line);font-size:clamp(1.35rem,2.5vw,1.85rem)}
.dsu-single__body h2::before{content:'0' counter(dsu-detail);color:var(--dsu-ash);font-size:.66rem;font-weight:700;letter-spacing:.12em}
.dsu-single__body h2+ p{padding-left:3.3rem;color:#4e5155}
.dsu-single__share-rail{max-width:820px;width:100%;margin-inline:auto}
.dsu-single__share-rail .dsu-share{margin-top:0}
@media (min-width:900px){
  .dsu-single__title{white-space:nowrap}
  .dsu-single__content-grid{grid-template-columns:64px minmax(0,820px);justify-content:center;gap:clamp(2.5rem,5vw,5rem);align-items:start}
  .dsu-single__body{grid-column:2;grid-row:1}
  .dsu-single__share-rail{grid-column:1;grid-row:1;position:sticky;top:110px;width:auto}
  .dsu-single__share-rail .dsu-share{flex-direction:column;flex-wrap:nowrap;gap:.65rem}
  .dsu-single__share-rail .dsu-share__label{margin:0 0 .5rem;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dsu-ash)}
}
@media (max-width:899px){
  .dsu-single__content-grid{display:flex;flex-direction:column}
  .dsu-single__body{order:1}
  .dsu-single__share-rail{order:2;padding-top:1.5rem;border-top:1px solid var(--dsu-line)}
  .dsu-single__share-rail .dsu-share{justify-content:center}
  .dsu-single__share-rail .dsu-share__label{width:100%;margin:0 0 .35rem;text-align:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dsu-ash)}
}
@media (max-width:560px){
  .dsu-single__hero{padding-top:var(--dsu-header-h-m)}
  .dsu-single__figure img{aspect-ratio:16/10}
  .dsu-single__intro{padding-top:1.5rem}
  .dsu-single__mast{text-align:left}
  .dsu-single__title{font-size:clamp(2.45rem,14vw,4.2rem);line-height:.92;letter-spacing:-.05em;text-wrap:pretty}
  .dsu-single__meta{margin-top:.85rem}
  .dsu-single__content-grid{margin-top:2.5rem}
  .dsu-single__body h2{grid-template-columns:2rem 1fr;gap:.45rem}
  .dsu-single__body h2+ p{padding-left:2.45rem}
}

/* Anasayfa: doğal metin akışı, dönüşümlü mobil sıra ve güçlü sayaçlar. */
.dsu-stat{position:relative;padding:1.15rem;border:1px solid var(--dsu-line);border-radius:18px;background:linear-gradient(145deg,#fff,var(--dsu-smoke))}
.dsu-stat__icon{width:2.45rem;height:2.45rem;margin-bottom:1.25rem;display:grid;place-items:center;border-radius:50%;background:var(--dsu-ink);color:var(--dsu-white)}
.dsu-stat__icon .dsu-icon{width:1.1rem;height:1.1rem}
.dsu-stat__num{font-weight:760;letter-spacing:-.045em}
.dsu-stat__plus{font-weight:650}
.dsu-stat__label{font-weight:600;line-height:1.35}
.dsu-signature__copy h2 span{display:block}
@media (max-width:1023px){
  .dsu-about{gap:2.25rem}
  .dsu-about__claim{max-width:none}
  .dsu-about__claim .ln,.dsu-about__claim .ln>span{display:inline;overflow:visible;transform:none;transition:none}
  .dsu-about__claim .ln+.ln::before{content:' '}
  .dsu-about__fig{margin-top:1.75rem}
  .dsu-about__right{display:flex;flex-direction:column;gap:2rem;padding-top:0}
  .dsu-about__text{order:1;margin-top:0;max-width:none}
  .dsu-about__figinner--wide{order:2}
  .dsu-stats{order:3}
}
@media (max-width:639px){
  .dsu-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
  .dsu-stat{padding:.8rem .65rem;border-radius:14px}
  .dsu-stat__icon{width:2rem;height:2rem;margin-bottom:.85rem}
  .dsu-stat__num{font-size:clamp(1.35rem,6.4vw,2rem)}
  .dsu-stat__plus{font-size:.9rem}
  .dsu-stat__label{font-size:.64rem;margin-top:.55rem}
  .dsu-signature{min-height:670px}
  .dsu-signature__copy{padding-top:3.5rem;padding-bottom:12rem}
  .dsu-signature__copy h2{font-size:clamp(2rem,9.4vw,3rem);line-height:1.01;letter-spacing:-.045em}
  .dsu-signature__copy h2 span{display:block}
  .dsu-signature__copy>p:last-of-type{margin-top:1.35rem;line-height:1.65}
  .dsu-signature__building--front{width:165vw;right:-50vw;bottom:0}
}

/* Hakkımızda mobil hero: bina daha yukarı gelir, gereksiz boşluk azalır. */
@media (max-width:767px){
  .dsu-corp-hero{min-height:590px}
  .dsu-corp-hero__inner{padding-top:1.25rem;padding-bottom:2.5rem}
  .dsu-corp-hero__copy{padding-top:3.25rem}
  .dsu-corp-hero h1{font-size:clamp(2.8rem,14vw,4.6rem)}
  .dsu-corp-hero__building{width:126vw;right:-42%;bottom:-2%;height:68%;opacity:.58}
  .dsu-corp-hero::after{background:linear-gradient(180deg,#070708 0%,rgb(7 7 8 / .95) 54%,rgb(7 7 8 / .38) 100%)}
}