/* =====================================================================
   VERITAS — Hukuk Bürosu · Editorial / sinematik tema
   Palet: derin lacivert #14213A · altın-bronz #B8965A · kırık beyaz #F3F1EC
   ===================================================================== */
:root{
  --navy:#14213A; --navy-2:#0E1830; --navy-3:#1B2E4E; --panel:#101B33;
  --gold:#B8965A; --gold-2:#D4B57E; --gold-soft:rgba(184,150,90,.14);
  --cream:#F3F1EC; --ink:#E7E3D9; --muted:#93A0B4; --muted-2:#6E7B90;
  --line:rgba(184,150,90,.26); --line-soft:rgba(184,150,90,.13);
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{background:var(--navy);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.1;letter-spacing:.005em}
em{font-style:italic}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 34px}

/* util */
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:var(--sans);font-weight:500;font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold)}
.eyebrow::before{content:"";width:36px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.eyebrow.center{justify-content:center}
.eyebrow.center::after{content:"";width:36px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.eyebrow.solo::before{background:var(--gold)}
.sec-num{font-family:var(--sans);font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:600}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;font-family:var(--sans);font-weight:600;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;padding:17px 34px;cursor:pointer;border:1px solid transparent;transition:.5s var(--ease);position:relative;overflow:hidden}
.btn svg{width:16px;height:16px;flex-shrink:0}
.btn-gold{background:var(--gold);color:#16110A}
.btn-gold:hover{background:var(--gold-2);transform:translateY(-2px);box-shadow:0 20px 44px -20px rgba(184,150,90,.75)}
.btn-line{border-color:rgba(243,241,236,.32);color:var(--cream)}
.btn-line:hover{border-color:var(--gold);color:var(--gold);letter-spacing:.22em}
.btn-ghost{border-color:var(--line);color:var(--cream)}
.btn-ghost:hover{background:var(--gold);color:#16110A;border-color:var(--gold)}

/* NAV */
.nav{position:fixed;inset:0 0 auto 0;z-index:60;transition:.5s var(--ease);border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(14,24,48,.86);backdrop-filter:blur(16px) saturate(1.3);border-bottom-color:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:98px;transition:height .5s var(--ease)}
.nav.scrolled .nav-in{height:76px}
.brand{font-family:var(--serif);font-size:1.7rem;letter-spacing:.34em;color:var(--cream);display:flex;align-items:center;gap:.5em;padding-left:.34em}
.brand img{max-height:40px;width:auto}
.brand b{font-weight:600;color:var(--gold)}
.brand .mark{display:inline-block;width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg)}
.brand-txt{display:inline-flex;align-items:center;gap:.5em}
.nav-links{display:flex;align-items:center;gap:36px}
.nav-links a{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);position:relative;padding:6px 0;opacity:.86;transition:.4s;font-weight:500}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:.4s var(--ease)}
.nav-links a:hover{opacity:1;color:var(--gold)}
.nav-links a:hover::after{width:100%}
.nav-cta{display:flex;align-items:center;gap:22px}
.nav-tel{font-size:.8rem;letter-spacing:.08em;color:var(--cream);font-weight:500}
.nav-cta .btn{padding:12px 24px}
.burger{display:none;width:46px;height:46px;border:1px solid var(--line);background:none;cursor:pointer;position:relative}
.burger span{position:absolute;left:12px;width:22px;height:1px;background:var(--cream);transition:.4s var(--ease)}
.burger span:nth-child(1){top:17px}.burger span:nth-child(2){top:23px}.burger span:nth-child(3){top:29px}
body.menu-open .burger span:nth-child(1){top:23px;transform:rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0}
body.menu-open .burger span:nth-child(3){top:23px;transform:rotate(-45deg)}
body.menu-open {overflow:hidden}

/* MOBILE MENU — editorial */
.mmenu {
  position: fixed;
  inset: 0;
  z-index: 55;
  background-color: var(--navy-2);
  background-image:
    radial-gradient(125% 75% at 50% -8%, rgba(184,150,90,.12), transparent 58%),
    linear-gradient(180deg, rgba(16,27,51,0.99), rgba(9,15,30,1));
  backdrop-filter: blur(22px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 34px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s var(--ease), visibility .5s var(--ease);
  padding: 104px 30px 46px;
  overflow-y: auto;
}
body.menu-open .mmenu{opacity:1;visibility:visible}

/* ince altın dekoratif çerçeve (nav'ın altından başlar) */
.mmenu::before{
  content:"";
  position:absolute;
  top:72px; left:16px; right:16px; bottom:16px;
  border:1px solid rgba(184,150,90,.14);
  pointer-events:none;
}

.mmenu-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-family:var(--sans);
  font-size:.76rem;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:600;
  position:relative;
}
.mmenu-eyebrow span{
  letter-spacing:.42em;
  margin-right:-.42em;
}
.mmenu-eyebrow::before,
.mmenu-eyebrow::after{
  content:"";
  width:26px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold));
}
.mmenu-eyebrow::after{background:linear-gradient(90deg,var(--gold),transparent)}

.mmenu-links {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 340px;
  counter-reset: mnav;
}
.mmenu-links a {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 14px;
  font-family: var(--serif);
  font-size: clamp(1.4rem, 6vw, 1.65rem);
  font-weight: 500;
  letter-spacing: .01em;
  color: var(--cream);
  padding: 15px 0;
  border-bottom: 1px solid var(--line-soft);
  transition: color .35s var(--ease), letter-spacing .35s var(--ease);
}
.mmenu-links a:first-child{ border-top: 1px solid var(--line-soft); }
.mmenu-links a::before {
  counter-increment: mnav;
  content: counter(mnav, decimal-leading-zero);
  font-family: var(--sans);
  font-size: .64rem;
  font-weight: 600;
  letter-spacing: .12em;
  color: var(--gold);
  opacity: .85;
  transform: translateY(-.4em);
}
.mmenu-links a:hover,
.mmenu-links a:active {
  color: var(--gold-2);
  letter-spacing: .045em;
}

/* sıralı açılış animasyonu */
.mmenu-links a{ opacity: 0; transform: translateY(14px); }
body.menu-open .mmenu-links a{ animation: mnavIn .55s var(--ease) forwards; }
body.menu-open .mmenu-links a:nth-child(1){ animation-delay:.06s }
body.menu-open .mmenu-links a:nth-child(2){ animation-delay:.12s }
body.menu-open .mmenu-links a:nth-child(3){ animation-delay:.18s }
body.menu-open .mmenu-links a:nth-child(4){ animation-delay:.24s }
body.menu-open .mmenu-links a:nth-child(5){ animation-delay:.30s }
body.menu-open .mmenu-links a:nth-child(6){ animation-delay:.36s }
@keyframes mnavIn{ to{ opacity:1; transform:none } }

.mmenu-foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  width: 100%;
  max-width: 300px;
}
.mmenu-foot .btn-wa {
  width: 100%;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gold);
  color: var(--gold);
  background: transparent;
  border-radius: 30px;
  padding: 15px 24px;
  font-size: 0.74rem;
  letter-spacing: 0.14em;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.35s var(--ease);
}
.mmenu-foot .btn-wa:hover,
.mmenu-foot .btn-wa:active {
  background: var(--gold);
  color: #16110A;
  box-shadow: 0 8px 24px -8px rgba(184,150,90,0.45);
}
.mmenu-foot .mm-tel {
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.2rem;
  color: var(--gold-2);
  letter-spacing: 0.03em;
  transition: color 0.3s;
}
.mmenu-foot .mm-tel:hover { color: var(--gold); }

/* HERO */
.hero{
  position:relative;
  width:100%;
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background-color:#0E1830;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  animation:heroZoom 16s var(--ease) forwards;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(14,24,48,.93) 0%,rgba(14,24,48,.68) 46%,rgba(14,24,48,.50) 72%,rgba(14,24,48,.82) 100%);
  z-index:1;
}
@keyframes heroZoom{from{background-size:109%}to{background-size:103%}}
.hero::after{display:none}
.hero-frame{position:absolute;inset:22px;z-index:2;pointer-events:none;border:1px solid rgba(184,150,90,.16)}
.hero-vlabel{position:absolute;right:40px;top:50%;transform:rotate(90deg);transform-origin:right center;z-index:3;font-size:.66rem;letter-spacing:.44em;text-transform:uppercase;color:var(--gold);opacity:.8}
.hero-in{position:relative;z-index:3;width:100%;max-width:900px;padding:130px 0}
.hero h1{font-size:clamp(3rem,8.4vw,6.9rem);color:#fff;margin:28px 0 24px;font-weight:500;letter-spacing:.004em}
.hero h1 em{color:var(--gold-2)}
.hero p{font-size:clamp(1.04rem,1.7vw,1.28rem);max-width:560px;color:rgba(243,241,236,.82);font-weight:400;margin-bottom:46px}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap}
.scrolldown{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase}
.scrolldown i{width:1px;height:54px;background:linear-gradient(var(--gold),transparent);animation:pulse 2.4s var(--ease) infinite}
@keyframes pulse{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

/* STRIP marquee */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--navy-2);overflow:hidden}
.strip-track{display:flex;align-items:center;gap:0;white-space:nowrap;padding:22px 0;animation:marq 34s linear infinite;width:max-content}
.strip-track span{font-family:var(--serif);font-size:1.16rem;color:var(--muted);letter-spacing:.02em;padding:0 34px;position:relative}
.strip-track span b{color:var(--gold);font-weight:500;font-style:italic}
.strip-track span::after{content:"◆";position:absolute;right:-6px;top:50%;transform:translateY(-50%);font-size:.5rem;color:var(--gold);opacity:.5}
@keyframes marq{to{transform:translateX(-50%)}}

/* SECTION base */
.sec{padding:60px 0;position:relative}
.sec-head{max-width:680px}
.sec-head.center{margin:0 auto;text-align:center}
.sec-head h2{font-size:clamp(2.3rem,5vw,3.9rem);margin:20px 0 0;color:var(--cream);font-weight:500}
.sec-head h2 em{color:var(--gold-2)}

/* BÜRO / INTRO */
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:84px;align-items:center}
.intro-txt .lead{font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2.05rem);font-style:italic;color:var(--cream);line-height:1.5;font-weight:400;margin-top:24px}
.intro-txt p{font-size:1.08rem;color:rgba(231,227,217,.78);margin-top:24px}
.intro-sign{margin-top:34px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.intro-sign .nm{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--gold)}
.intro-sign .rl{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border-left:1px solid var(--line);padding-left:16px}
.intro-img{position:relative}
.intro-img img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(.2) contrast(1.04) brightness(.94)}
.intro-img .frame{position:absolute;inset:20px -20px -20px 20px;border:1px solid var(--gold);z-index:-1}
.intro-img .badge{position:absolute;left:-24px;bottom:38px;background:var(--gold);color:#16110A;padding:20px 26px;max-width:200px}
.intro-img .badge .b-n{font-family:var(--serif);font-size:2.5rem;line-height:1;font-weight:600}
.intro-img .badge .b-l{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;margin-top:6px;font-weight:600}

/* ÇALIŞMA ALANLARI — editorial rows */
.areas{background:var(--navy-2);border-top:1px solid var(--line)}
.area-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:26px}
.area-list{margin-top:20px;border-top:1px solid var(--line-soft)}
.area{display:grid;grid-template-columns:88px 1.1fr 1.5fr auto;gap:30px;align-items:center;padding:34px 8px;border-bottom:1px solid var(--line-soft);position:relative;transition:.5s var(--ease)}
.area::before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:var(--gold-soft);z-index:-1;transition:.5s var(--ease)}
.area:hover{padding-left:26px;padding-right:26px}
.area:hover::before{width:100%}
.area .no{font-family:var(--serif);font-size:1.5rem;font-style:italic;color:var(--gold)}
.area h3{font-size:clamp(1.5rem,2.4vw,2.05rem);color:var(--cream);font-weight:500;transition:.4s}
.area:hover h3{color:var(--gold-2)}
.area p{color:var(--muted);font-size:1rem;line-height:1.65;max-width:460px}
.area .arw{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);transition:.4s var(--ease);flex-shrink:0}
.area .arw svg{width:18px;height:18px}
.area:hover .arw{background:var(--gold);color:#16110A;transform:rotate(-45deg)}

/* SÜREÇ / YAKLAŞIM */
.yaklasim-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 70px;
  align-items: start;
}
.yaklasim-left {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: sticky;
  top: 130px;
}
.yaklasim-img-box {
  position: relative;
  width: 100%;
}
.yaklasim-img-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16/11;
  overflow: hidden;
  border: 1px solid var(--line-soft);
}
.yaklasim-main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: contrast(1.02) brightness(0.9);
  transition: transform 1.2s var(--ease);
}
.yaklasim-img-box:hover .yaklasim-main-img {
  transform: scale(1.04);
}
.yaklasim-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(20, 33, 58, 0.4), transparent);
  pointer-events: none;
}
.yaklasim-frame {
  position: absolute;
  inset: 15px -15px -15px 15px;
  border: 1px solid var(--gold);
  opacity: 0.65;
  z-index: -1;
  transition: .6s var(--ease);
}
.yaklasim-img-box:hover .yaklasim-frame {
  inset: 10px -10px -10px 10px;
  opacity: 0.85;
}
.yaklasim-badge {
  position: absolute;
  left: 20px;
  bottom: 20px;
  background: rgba(16, 27, 51, 0.9);
  backdrop-filter: blur(10px);
  border-left: 3px solid var(--gold);
  border-top: 1px solid var(--line-soft);
  border-right: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  padding: 16px 20px;
  max-width: 280px;
  z-index: 2;
  transition: 0.4s var(--ease);
}
.yaklasim-badge .badge-title {
  font-family: var(--sans);
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 4px;
}
.yaklasim-badge .badge-desc {
  font-size: 0.82rem;
  color: var(--muted);
  line-height: 1.4;
}
.yaklasim-right {
  padding-top: 20px;
}
.timeline-steps {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.timeline-step {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 24px;
  padding: 40px 0;
  border-bottom: 1px solid var(--line-soft);
  position: relative;
  transition: all 0.5s var(--ease);
}
.timeline-step:first-child {
  padding-top: 10px;
}
.timeline-step:last-child {
  border-bottom: none;
  padding-bottom: 10px;
}
.step-num-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.step-num {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: var(--navy-2);
  color: var(--gold);
  font-family: var(--sans);
  font-size: 0.88rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  z-index: 2;
  transition: all 0.4s var(--ease);
  box-shadow: 0 0 0 0px var(--gold-soft);
}
.timeline-step:hover .step-num {
  border-color: var(--gold);
  color: var(--navy);
  background: var(--gold);
  box-shadow: 0 0 15px 5px var(--gold-soft);
  transform: scale(1.05);
}
.step-line {
  position: absolute;
  top: 44px;
  bottom: -40px;
  width: 1px;
  background: linear-gradient(to bottom, var(--line) 60%, transparent);
  z-index: 1;
  transition: all 0.4s var(--ease);
}
.timeline-step:hover .step-line {
  background: linear-gradient(to bottom, var(--gold) 60%, transparent);
}
.step-content {
  padding-top: 9px;
  transition: transform 0.4s var(--ease);
}
.timeline-step:hover .step-content {
  transform: translateX(10px);
}
.step-content h3 {
  font-size: 1.45rem;
  color: var(--cream);
  margin-bottom: 10px;
  font-weight: 500;
  transition: color 0.4s;
}
.timeline-step:hover .step-content h3 {
  color: var(--gold-2);
}
.step-content p {
  color: var(--muted);
  font-size: 0.98rem;
  line-height: 1.65;
  transition: color 0.4s;
}
.timeline-step:hover .step-content p {
  color: var(--ink);
}

/* İSTATİSTİK / GÜVEN */
.stats{background:var(--navy-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.st{padding:54px 20px;text-align:center;border-right:1px solid var(--line-soft)}
.st:last-child{border-right:none}
.st .n{font-family:var(--serif);font-size:clamp(2.6rem,4.4vw,3.6rem);color:var(--gold);line-height:1;font-weight:600}
.st .l{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:14px}

/* EKİP / ORTAKLAR */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:60px}
.tm{position:relative;overflow:hidden;background:var(--panel)}
.tm-img{overflow:hidden;position:relative;aspect-ratio:3/4}
.tm-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55) contrast(1.03) brightness(.92);transition:transform 1s var(--ease),filter .6s}
.tm:hover .tm-img img{transform:scale(1.05);filter:grayscale(0)}
.tm-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(14,24,48,.9))}
.tm-b{position:absolute;left:0;bottom:0;width:100%;padding:26px 26px 28px;z-index:2}
.tm-b h3{font-size:1.4rem;color:#fff;font-weight:500}
.tm-b .rl{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:6px}
.tm-b .ex{font-size:.92rem;color:var(--ink);margin-top:12px;opacity:0;max-height:0;overflow:hidden;transition:.5s var(--ease)}
.tm:hover .tm-b .ex{opacity:.85;max-height:120px;margin-top:12px}

/* ALINTI / YORUM */
.quote{position:relative;text-align:center;padding:60px 0;background:var(--navy);border-top:1px solid var(--line)}
.quote::before{content:"\201C";position:absolute;top:36px;left:50%;transform:translateX(-50%);font-family:var(--serif);font-size:13rem;color:var(--gold-soft);line-height:.6}
.quote blockquote{position:relative;max-width:920px;margin:0 auto;font-family:var(--serif);font-size:clamp(1.65rem,3.4vw,2.7rem);font-style:italic;font-weight:400;color:var(--cream);line-height:1.42}
.quote .by{margin-top:24px;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.quote .by small{display:block;color:var(--muted);letter-spacing:.14em;margin-top:6px;font-size:.72rem}
.quote-dots{display:flex;gap:10px;justify-content:center;margin-top:30px}
.quote-dots button{width:9px;height:9px;border-radius:50%;border:1px solid var(--gold);background:none;cursor:pointer;transition:.3s;padding:0}
.quote-dots button.on{background:var(--gold)}
.q-item{display:none}
.q-item.on{display:block;animation:fadeq .7s var(--ease)}
@keyframes fadeq{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* CTA DANIŞMANLIK */
.cta{position:relative;overflow:hidden}
.cta-bg{position:absolute;inset:0;background:#000 center/cover no-repeat;filter:brightness(.5) grayscale(.3)}
.cta::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,24,48,.92),rgba(14,24,48,.86))}
.cta-in{position:relative;z-index:2;text-align:center;padding:60px 0}
.cta-in h2{font-size:clamp(2.4rem,5.4vw,4.2rem);color:#fff;margin:20px 0 18px;font-weight:500}
.cta-in h2 em{color:var(--gold-2)}
.cta-in p{color:rgba(243,241,236,.82);max-width:560px;margin:0 auto 42px;font-size:1.08rem}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* HAKKIMIZDA */
.about-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 84px;
  align-items: center;
}
.about-txt .lead {
  font-size: 1.15rem;
  color: var(--cream);
  margin-top: 24px;
  line-height: 1.8;
}
.about-values {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.value-item {
  display: flex;
  gap: 20px;
  padding: 24px;
  background: var(--navy-2);
  border-left: 2px solid var(--gold);
  border-top: 1px solid var(--line-soft);
  border-right: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  transition: all 0.4s var(--ease);
}
.value-item:hover {
  transform: translateX(8px);
  background: var(--panel);
  border-left-color: var(--gold-2);
}
.value-item .ic {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--gold-soft);
  color: var(--gold);
  display: grid;
  place-items: center;
}
.value-item .ic svg {
  width: 20px;
  height: 20px;
}
.value-item h4 {
  font-family: var(--sans);
  font-size: 1.05rem;
  color: var(--cream);
  font-weight: 600;
  margin-bottom: 6px;
}
.value-item p {
  font-size: 0.92rem;
  color: var(--muted);
  line-height: 1.5;
}
.about-img {
  position: relative;
}
.about-img-container {
  position: relative;
  width: 100%;
  aspect-ratio: 4/5;
}
.about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(.2) brightness(.9);
  border: 1px solid var(--line-soft);
  transition: transform 1s var(--ease);
}
.about-img:hover img {
  transform: scale(1.02);
}
.about-img .frame {
  position: absolute;
  inset: 20px -20px -20px 20px;
  border: 1px solid var(--gold);
  z-index: -1;
  opacity: 0.6;
  transition: .5s var(--ease);
}
.about-img:hover .frame {
  inset: 12px -12px -12px 12px;
  opacity: 0.85;
}

/* İLETİŞİM */
.contact{border-top:1px solid var(--line);background:var(--navy-2)}
.cnt-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.cnt-txt{padding:60px 60px 60px 0}
.cnt-rows{margin-top:20px}
.cnt-row{display:flex;gap:20px;padding:26px 0;border-bottom:1px solid var(--line-soft)}
.cnt-row:first-child{border-top:1px solid var(--line-soft)}
.cnt-row .ic{flex-shrink:0;width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold)}
.cnt-row .ic svg{width:19px;height:19px}
.cnt-row b{font-family:var(--serif);font-size:1.28rem;color:var(--cream);font-weight:500}
.cnt-row span{display:block;color:var(--muted);font-size:.98rem;margin-top:3px}
.cnt-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}
.cnt-map{min-height:100%;width:100%;height:100%;border:0}
.cnt-map-wrap{overflow:hidden;min-height:560px}

/* FOOTER */
.ftr{position:relative;padding:74px 0 30px;border-top:1px solid var(--line);background:var(--navy-2)}
.ftr-topline{position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}
.ftr-top{display:grid;grid-template-columns:1.7fr 1fr 1.25fr;gap:52px;padding-bottom:46px;border-bottom:1px solid var(--line-soft)}
.ftr .brand{margin-bottom:20px}
.ftr-slogan{font-family:var(--serif);font-style:italic;font-size:1.22rem;color:var(--gold-2);line-height:1.45;margin-bottom:16px}
.ftr-about{color:var(--muted);font-size:.96rem;max-width:400px;line-height:1.75}
.ftr-socials {
  display: flex;
  gap: 12px;
  margin-top: 26px;
}
.ftr-socials a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--line-soft);
  display: grid;
  place-items: center;
  color: var(--muted);
  transition: all 0.4s var(--ease);
}
.ftr-socials a:hover {
  border-color: var(--gold);
  color: var(--gold);
  background: var(--gold-soft);
  transform: translateY(-3px);
}
.ftr-socials a svg {
  width: 18px;
  height: 18px;
}
.ftr-col h4 {
  position: relative;
  font-family: var(--sans);
  font-size: .72rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 24px;
  padding-bottom: 14px;
  font-weight: 600;
}
.ftr-col h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 28px;
  height: 1px;
  background: var(--gold);
  opacity: .55;
}
.ftr-menu a {
  display: block;
  color: var(--muted);
  font-size: .96rem;
  margin-bottom: 14px;
  transition: .3s;
}
.ftr-menu a:hover {
  color: var(--gold-2);
  padding-left: 6px;
}
/* İletişim sütunu — ikonlu satırlar */
.ftr-contact .ftr-cnt {
  display: flex;
  align-items: center;
  gap: 13px;
  color: var(--muted);
  font-size: .94rem;
  line-height: 1.5;
  margin-bottom: 16px;
  transition: color .3s;
}
.ftr-contact a.ftr-cnt:hover { color: var(--gold-2); }
.ftr-contact a.ftr-cnt:hover .ic {
  border-color: var(--gold);
  color: var(--gold);
  background: var(--gold-soft);
}
.ftr-cnt .ic {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border: 1px solid var(--line-soft);
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: var(--gold);
  transition: all .35s var(--ease);
}
.ftr-cnt .ic svg { width: 16px; height: 16px; }
.ftr-wa {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 9px;
  margin-top: 6px;
  padding: 12px 22px;
  border: 1px solid var(--gold);
  border-radius: 30px;
  color: var(--gold);
  font-family: var(--sans);
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 600;
  transition: all .4s var(--ease);
}
.ftr-wa svg { width: 15px; height: 15px; }
.ftr-wa:hover {
  background: var(--gold);
  color: #16110A;
  box-shadow: 0 12px 28px -12px rgba(184,150,90,.55);
}

/* ÇALIŞMA SAATLERİ DETAYLI GÖRÜNÜM */
.cnt-hours-list {
  margin-top: 8px;
  display: grid;
  gap: 4px;
  font-size: 0.92rem;
  color: var(--muted);
}
.cnt-hours-row {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  border-bottom: 1px solid var(--line-soft);
  padding: 4px 0;
  max-width: 320px;
}
.cnt-hours-row:last-child {
  border-bottom: none;
}
.cnt-hours-row strong {
  font-weight: 500;
  color: var(--gold-2);
}

/* FOOTER ÇALIŞMA SAATLERİ TOOLTIP */
.ftr-hours-trigger {
  position: relative;
  cursor: pointer;
}
.ftr-hours-tooltip {
  position: absolute;
  bottom: 100%;
  left: 0;
  transform: translateY(-10px);
  background: var(--navy-2);
  border: 1px solid var(--line);
  padding: 14px 18px;
  border-radius: 8px;
  width: 240px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s var(--ease);
  z-index: 50;
  box-shadow: 0 12px 36px -8px rgba(0,0,0,0.6);
  font-family: var(--sans);
  font-size: 0.82rem;
  line-height: 1.6;
}
/* Tooltip ok işareti */
.ftr-hours-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 24px;
  border-width: 6px;
  border-style: solid;
  border-color: var(--line) transparent transparent transparent;
}
.ftr-hours-trigger:hover .ftr-hours-tooltip,
.ftr-hours-trigger.open .ftr-hours-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(-2px);
}
.ftr-hours-tooltip div {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--line-soft);
  padding: 4px 0;
  color: var(--muted);
}
.ftr-hours-tooltip div:last-child {
  border-bottom: none;
}
.ftr-hours-tooltip strong {
  color: var(--gold-2);
  font-weight: 500;
}
.ftr-hours-trigger small {
  font-size: 0.65rem;
  color: var(--gold);
  margin-left: 4px;
  display: inline-block;
  transition: transform 0.3s;
}
.ftr-hours-trigger:hover small,
.ftr-hours-trigger.open small {
  transform: rotate(180deg);
}

.ftr-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:30px;font-size:.8rem;color:var(--muted-2);letter-spacing:.04em}
.ftr-legal{display:flex;gap:26px;flex-wrap:wrap}
.ftr-legal a{transition:.3s}
.ftr-legal a:hover{color:var(--gold)}

/* QUOTE NAVIGATION ARROWS */
.quote {
  position: relative;
}
.quote-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--navy-3);
  border: 1px solid var(--line-soft);
  color: var(--gold-2);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: all 0.3s var(--ease);
  z-index: 10;
}
.quote-nav:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--navy);
  box-shadow: 0 8px 20px -6px rgba(184,150,90,0.5);
}
.quote-nav svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s var(--ease);
}
.quote-prev {
  left: 3vw;
}
.quote-prev:hover svg {
  transform: translateX(-3px);
}
.quote-next {
  right: 3vw;
}
.quote-next:hover svg {
  transform: translateX(3px);
}

/* WHATSAPP */
.wa{position:fixed;right:26px;bottom:26px;z-index:50;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 14px 34px -10px rgba(37,211,102,.6);transition:.4s var(--ease)}
.wa:hover{transform:scale(1.08) translateY(-2px)}
.wa svg{width:30px;height:30px}

/* REVEAL */
.rv{opacity:0;transform:translateY(38px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.22s}.rv.d3{transition-delay:.34s}.rv.d4{transition-delay:.46s}

/* LEGAL pages */
.hdr{position:sticky;top:0;z-index:40;background:rgba(14,24,48,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hdr .nav{position:static;height:76px;display:flex;align-items:center}
.legal{max-width:820px;margin:0 auto;padding:140px 34px 100px}
.legal .geri{display:inline-flex;color:var(--gold);font-size:.8rem;letter-spacing:.1em;margin-bottom:26px;text-transform:uppercase}
.legal h1{font-size:clamp(2rem,4vw,3rem);color:var(--cream);margin-bottom:26px}
.legal p{color:var(--ink);opacity:.85;line-height:1.9}
.legal-body{color:var(--ink);opacity:.9;line-height:1.9}
.legal-body a{color:var(--gold);text-decoration:underline}
.legal-body b,.legal-body strong{color:var(--cream);font-weight:600}

/* RESPONSIVE */
/* ─── TABLET ( ≤ 980px ) ─────────────────────────────────── */
@media(max-width:980px){
  /* Nav */
  .nav-links,.nav-tel{display:none}
  .nav-cta .btn{display:none}
  .burger{display:block}

  /* Hero */
  .hero-vlabel{display:none}
  .hero{min-height:100vh;min-height:100dvh}
  .hero-in{padding:110px 0 100px;width:100%}
  .hero h1{font-size:clamp(2.4rem,7vw,5rem)}

  /* Sections */
  .sec{padding:42px 0}

  /* Büro */
  .intro-grid{grid-template-columns:1fr;gap:48px}
  .intro-img{max-width:480px;margin:0 auto}

  /* Çalışma Alanları */
  .area{grid-template-columns:70px 1fr auto;gap:16px 20px}
  .area p{max-width:none}

  /* Yaklaşım */
  .yaklasim-grid{grid-template-columns:1fr;gap:48px}
  .yaklasim-left{position:static;gap:28px}
  .yaklasim-img-container{aspect-ratio:16/10}

  /* İstatistikler */
  .stats-grid{grid-template-columns:1fr 1fr}
  .st{padding:40px 20px;border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft)}
  .st:nth-child(even){border-right:none}
  .st:nth-child(3),.st:nth-child(4){border-bottom:none}

  /* Ekip */
  .team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px}
  .tm{flex:1 1 calc(50% - 15px);max-width:440px;min-width:260px}

  /* Alıntı */
  .quote{padding:42px 0}
  .quote blockquote{font-size:clamp(1.55rem,3vw,2.2rem)}

  /* CTA */
  .cta-in{padding:42px 0}

  /* Hakkımızda */
  .about-grid{grid-template-columns:1fr;gap:48px}
  .about-img{max-width:480px;margin:0 auto}

  /* İletişim */
  .cnt-grid{grid-template-columns:1fr;gap:0}
  .cnt-txt{padding:42px 0 28px}
  .cnt-map-wrap{min-height:380px}

  /* Footer */
  .ftr{padding:60px 0 28px}
  .ftr-top{grid-template-columns:1fr 1fr;gap:40px}
  .ftr-top>div:first-child{grid-column:1 / -1}

  /* Legal */
  .legal{padding:110px 28px 70px}
}

/* ─── MOBİL ( ≤ 600px ) ─────────────────────────────────── */
@media(max-width:600px){
  /* Layout */
  .wrap{padding:0 20px}

  /* Nav */
  .brand{font-size:1.28rem;letter-spacing:.22em}
  .nav-in{height:70px}
  .nav.scrolled .nav-in{height:60px}

  /* Hero */
  .hero{
    min-height:100vh;
    min-height:100dvh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:stretch;
    animation:none;
    background-position:center top;
    padding:0;
  }
  .hero::before{
    background:linear-gradient(180deg,rgba(14,24,48,.78) 0%,rgba(14,24,48,.65) 30%,rgba(14,24,48,.88) 75%,rgba(14,24,48,.95) 100%);
  }
  .hero-frame{
    position:absolute;
    top:82px;
    bottom:12px;
    left:12px;
    right:12px;
    z-index:2;
    pointer-events:none;
    border:1px solid rgba(184,150,90,.22);
    display:block;
  }
  .hero-in{
    padding:88px 20px 86px;
    width:100%;
    max-width:100%;
    z-index:3;
  }
  .hero .eyebrow{
    flex-wrap:wrap;
    max-width:100%;
    font-size:.56rem;
    letter-spacing:.2em;
    gap:8px;
    line-height:1.7;
  }
  .hero .eyebrow::before{width:18px;flex-shrink:0}
  .hero h1{
    font-size:clamp(1.9rem,9vw,2.5rem);
    margin:14px 0 12px;
    line-height:1.16;
    letter-spacing:.002em;
    overflow-wrap:break-word;
  }
  .hero p{
    font-size:.9rem;
    margin-bottom:26px;
    max-width:100%;
    line-height:1.65;
  }
  .hero-btns{
    display:flex;
    flex-direction:column;
    gap:12px;
    width:100%;
    max-width:340px;
  }
  .hero-btns .btn{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:15px 20px;
    font-size:.74rem;
    letter-spacing:.12em;
  }
  .scrolldown{
    position:absolute;
    left:50%;
    bottom:20px;
    transform:translateX(-50%);
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    width:auto;
    pointer-events:none;
  }
  .scrolldown i{
    height:34px;
  }

  /* Genel */
  .sec{padding:24px 0}
  .sec-head h2{font-size:clamp(1.75rem,7vw,2.3rem)}
  .eyebrow{font-size:.6rem;letter-spacing:.26em;gap:8px}
  .eyebrow::before,.eyebrow.center::after{width:20px}

  /* Strip */
  .strip-track span{font-size:.94rem;padding:0 16px}

  /* Büro */
  .intro-grid{gap:32px}
  .intro-img{max-width:100%}
  .intro-img .frame{inset:10px}
  .intro-img .badge{left:0;padding:13px 16px}
  .intro-img .badge .b-n{font-size:1.9rem}
  .intro-txt .lead{font-size:clamp(1.2rem,4vw,1.55rem)}

  /* Çalışma Alanları */
  .area{grid-template-columns:1fr;gap:6px;padding:22px 0}
  .area .no{font-size:1.1rem}
  .area h3{font-size:1.25rem}
  .area .arw{display:none}
  .area:hover{padding-left:0;padding-right:0}

  /* Yaklaşım */
  .yaklasim-grid{gap:28px}
  .yaklasim-img-container{aspect-ratio:16/10}
  .yaklasim-frame{display:none}
  .yaklasim-badge{left:12px;bottom:12px;padding:10px 13px;max-width:calc(100% - 24px)}
  .timeline-step{grid-template-columns:46px 1fr;gap:12px;padding:22px 0}
  .step-num{width:34px;height:34px;font-size:.84rem}
  .step-line{top:34px;bottom:-22px}
  .step-content{padding-top:5px}
  .step-content h3{font-size:1.15rem}

  /* İstatistikler */
  .stats-grid{grid-template-columns:1fr}
  .st{padding:28px 14px;border-right:none;border-bottom:1px solid var(--line-soft)}
  .st:last-child{border-bottom:none}
  .st:nth-child(3),.st:nth-child(4){border-bottom:1px solid var(--line-soft)}
  .st:last-child{border-bottom:none}

  /* Ekip */
  .team-grid{flex-direction:column;gap:20px;margin-top:28px}
  .tm{width:100%;max-width:100%;min-width:unset}

  /* Alıntı */
  .quote{padding:24px 0}
  .quote::before{font-size:6rem;top:20px}
  .quote blockquote{font-size:clamp(1.2rem,5vw,1.65rem)}

  /* CTA */
  .cta-in {
    padding: 24px 0;
  }
  .cta-in h2 {
    font-size: clamp(1.8rem, 8vw, 2.3rem);
    margin: 14px 0 12px;
  }
  .cta-in p {
    font-size: .95rem;
    margin-bottom: 28px;
  }
  .cta-btns {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .cta-btns .btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
    text-align: center;
  }

  /* Hakkımızda */
  .about-grid{gap:28px}
  .about-img{max-width:100%}
  .about-img .frame{inset:10px}
  .value-item{padding:14px 16px;gap:12px}
  .value-item .ic{width:34px;height:34px}
  .value-item .ic svg{width:16px;height:16px}

  /* İletişim */
  .cnt-txt{padding:28px 0 20px}
  .cnt-map-wrap{min-height:260px}
  .cnt-row{gap:13px;padding:18px 0}
  .cnt-row b{font-size:1.08rem}
  .cnt-actions{flex-direction:column}
  .cnt-actions .btn{width:100%;text-align:center}

  /* Footer */
  .ftr{padding:32px 0 18px}
  .ftr-top{grid-template-columns:1fr;gap:28px;text-align:center}
  .ftr-brand-col{display:flex;flex-direction:column;align-items:center}
  .ftr-about{margin:0 auto}
  .ftr-socials{justify-content:center}
  .ftr-col{display:flex;flex-direction:column;align-items:center}
  .ftr-col h4::after{left:50%;transform:translateX(-50%)}
  .ftr-menu a{text-align:center}
  .ftr-contact .ftr-cnt{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;width:100%;max-width:280px}
  .ftr-wa{margin:6px auto 0;display:inline-flex}
  .ftr-bottom{flex-direction:column;align-items:center;text-align:center;gap:10px}
  .ftr-legal{gap:14px;flex-wrap:wrap;justify-content:center}

  /* WhatsApp */
  .wa{right:14px;bottom:14px;width:48px;height:48px}
  .wa svg{width:22px;height:22px}

  /* Legal */
  .legal{padding:76px 20px 44px}
  .quote-nav { display: none; }
}