:root{
  --bg:#080807;
  --bg-soft:#0d0c0a;
  --panel:#11100e;
  --panel-2:#151310;
  --gold:#c39452;
  --gold-2:#e0bd83;
  --gold-dim:#8f6939;
  --text:#f3efe8;
  --muted:#aaa49a;
  --line:rgba(195,148,82,.34);
  --line-soft:rgba(195,148,82,.16);
  --shell:min(1420px,calc(100% - 72px));
  --display:"Bodoni Moda",Georgia,serif;
  --sans:"DM Sans",Arial,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.shell{width:var(--shell);margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:12px;z-index:999;background:#fff;color:#111;padding:10px 14px}.skip-link:focus{left:12px}

/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:96px;display:flex;align-items:center;background:linear-gradient(180deg,rgba(5,5,4,.96),rgba(5,5,4,.72) 70%,transparent);transition:background .35s var(--ease),border-color .35s var(--ease),backdrop-filter .35s var(--ease);border-bottom:1px solid transparent}
.site-header.is-stuck{background:rgba(7,7,6,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--line-soft)}
.nav-wrap{display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:205px;height:auto;filter:drop-shadow(0 3px 12px rgba(0,0,0,.28))}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:34px}
.main-nav__link{position:relative;font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.76);padding:10px 0;white-space:nowrap;transition:color .25s}
.main-nav__link:hover,.main-nav__link.is-active{color:var(--gold-2)}
.main-nav__link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.main-nav__link:hover::after,.main-nav__link.is-active::after{transform:scaleX(1);transform-origin:left}
.nav-cta{display:inline-flex;align-items:center;gap:14px;padding:15px 20px;border:1px solid var(--gold-dim);font-size:10.5px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-2);transition:.3s var(--ease)}
.nav-cta:hover{background:var(--gold);border-color:var(--gold);color:#0b0906}
.nav-cta svg{width:15px;height:15px}
.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:0;background:none;position:relative;cursor:pointer}.menu-toggle i{position:absolute;left:10px;width:24px;height:1px;background:#fff;transition:.3s}.menu-toggle i:first-child{top:18px}.menu-toggle i:last-child{top:25px}.menu-toggle[aria-expanded="true"] i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* Hero */
.hero{position:relative;min-height:720px;height:100svh;max-height:980px;display:flex;align-items:center;overflow:hidden;background:#070706;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080807 0%,rgba(8,8,7,.98) 31%,rgba(8,8,7,.76) 47%,rgba(8,8,7,.08) 69%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.46)),url("assets/hero-adalet-premium.webp") center right/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 62% 40%,rgba(208,158,88,.16),transparent 31%)}
.hero__inner{position:relative;z-index:2;padding-top:86px}
.hero__copy{width:min(550px,48vw);padding-left:4px}
.eyebrow{margin:0 0 26px;color:var(--gold);font-size:11px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;display:flex;align-items:center;gap:15px}.eyebrow::after{content:"";width:46px;height:1px;background:var(--gold-dim)}
.hero h1{font-family:var(--display);font-weight:400;font-size:clamp(54px,5vw,84px);line-height:1.03;letter-spacing:-.035em;margin:0;max-width:9ch;text-wrap:balance}
.hero__rule{width:58px;height:2px;background:var(--gold);margin:28px 0}
.hero__lead{margin:0;max-width:48ch;color:#b9b4ab;font-size:15px;line-height:1.8}
.hero__actions{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:13px 24px;border:1px solid var(--gold-dim);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);transition:.3s var(--ease)}
.btn:hover{background:var(--gold);color:#0b0906;border-color:var(--gold);transform:translateY(-1px)}
.btn svg{width:16px;height:16px}
.hero__fallback-mark{position:absolute;right:7%;top:50%;transform:translateY(-50%);z-index:1;width:min(38vw,520px);opacity:.055;filter:sepia(1) saturate(.8)}

/* Shared section language */
.section{position:relative;padding:86px 0;border-bottom:1px solid var(--line-soft);background:radial-gradient(80% 110% at 92% 0%,rgba(195,148,82,.04),transparent 55%),var(--bg)}
.section--deep{background:radial-gradient(80% 110% at 8% 100%,rgba(195,148,82,.05),transparent 56%),#0a0a09}
.section-label{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 34px;font-family:var(--display);font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2)}
.section-label::after{content:"";width:36px;height:1px;background:var(--gold-dim)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:38px}.section-head h2,.about-copy h2{font-family:var(--display);font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.08;margin:0;letter-spacing:-.025em}.section-head p{max-width:52ch;margin:0;color:var(--muted);font-size:14px}
.text-link{display:inline-flex;align-items:center;gap:11px;color:var(--gold-2);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.text-link span{font-size:18px;transition:transform .25s}.text-link:hover span{transform:translateX(4px)}

/* Practice areas */
.practice-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.practice-card{position:relative;min-height:244px;padding:34px 22px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);transition:background .35s var(--ease);overflow:hidden}
.practice-card:last-child{border-right:0}.practice-card::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 65% at 50% 110%,rgba(195,148,82,.18),transparent 70%);opacity:0;transition:opacity .35s}.practice-card:hover::before{opacity:1}.practice-icon{position:relative;width:45px;height:45px;color:var(--gold);margin-bottom:22px}.practice-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.practice-card h3{position:relative;font-family:var(--sans);font-size:14px;font-weight:400;line-height:1.35;margin:0;color:#eee9e1}.practice-card p{position:relative;margin:18px 0 0;color:#918b83;font-size:11.5px;line-height:1.75;max-width:20ch}.practice-card .arrow{position:relative;margin-top:auto;padding-top:20px;color:var(--gold);font-size:20px;transition:transform .25s}.practice-card:hover .arrow{transform:translateX(5px)}

/* About teaser */
.about-grid{display:grid;grid-template-columns:.86fr 1.14fr;min-height:430px;border:1px solid var(--line-soft);background:#0a0a09}
.about-copy{padding:54px 54px 52px;display:flex;flex-direction:column;justify-content:center}.about-copy .mini{margin:0 0 20px;color:var(--gold);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}.about-copy p{color:#aaa49b;font-size:13.5px;max-width:54ch;margin:24px 0 0}.about-copy .text-link{margin-top:30px;width:max-content}.about-media{position:relative;min-height:400px;background:linear-gradient(90deg,#0a0a09 0%,rgba(10,10,9,.55) 20%,transparent 52%),linear-gradient(180deg,transparent 56%,rgba(0,0,0,.38)),url("assets/hakkimizda-terazi-foto.webp") center/cover no-repeat}.about-media::after{content:"";position:absolute;inset:0;box-shadow:inset 1px 0 var(--line-soft)}

/* Articles */
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid var(--line);background:#0b0b0a;transition:transform .3s var(--ease),border-color .3s}.article-card:hover{transform:translateY(-4px);border-color:rgba(224,189,131,.56)}.article-media{aspect-ratio:3/2;background:#16130f center/cover no-repeat;border-bottom:1px solid var(--line-soft)}.article-media.one{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.08)),url("assets/makale-kira-sozlesmeleri.webp")}.article-media.two{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.08)),url("assets/makale-ticari-sozlesmeler.webp")}.article-media.three{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.08)),url("assets/makale-is-hukuku.webp")}.article-body{padding:22px 22px 24px}.article-body time{font-family:var(--display);font-size:11px;color:var(--gold)}.article-body h3{font-family:var(--display);font-size:23px;font-weight:400;line-height:1.22;margin:8px 0 20px}.article-body .text-link{font-size:9.5px}

/* Footer */
.site-footer{background:#070706;border-top:1px solid var(--line);padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1fr 1.15fr .7fr;gap:56px;align-items:start}.footer-brand img{width:210px}.footer-brand p{color:#8d8880;font-size:12.5px;max-width:36ch;margin:18px 0 0}.footer-contact{list-style:none;margin:0;padding:8px 0 0;display:grid;gap:13px}.footer-contact li{display:flex;gap:13px;align-items:flex-start;color:#bbb5ac;font-size:13px}.footer-contact svg{width:18px;height:18px;flex:0 0 auto;color:var(--gold);fill:none;stroke:currentColor;stroke-width:1.35;margin-top:2px}.footer-social h3{font-family:var(--display);font-weight:400;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:4px 0 17px}.social-row{display:flex;gap:10px}.social-row a{width:40px;height:40px;border:1px solid var(--gold-dim);border-radius:50%;display:grid;place-items:center;color:var(--gold-2);font-size:11px;transition:.25s}.social-row a:hover{background:var(--gold);color:#080706}.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:20px;color:#68645e;font-size:10.5px}.footer-bottom a:hover{color:var(--gold-2)}

/* Page hero base for separate pages */
.inner-hero{padding:170px 0 74px;background:radial-gradient(60% 120% at 88% 0%,rgba(195,148,82,.12),transparent 62%),#090908;border-bottom:1px solid var(--line)}.inner-hero h1{font-family:var(--display);font-size:clamp(48px,6vw,82px);font-weight:400;margin:0;line-height:1.04}.inner-hero p{color:var(--muted);max-width:60ch;margin:22px 0 0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.prose{color:#aaa49b}.prose p{margin:0 0 20px}.gold-rule{width:52px;height:1px;background:var(--gold);margin:24px 0}

/* Motion */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.is-in{opacity:1;transform:none}

@media(max-width:1180px){
  :root{--shell:min(100% - 46px,1180px)}
  .main-nav{gap:20px}.main-nav__link{font-size:10px}.brand img{width:178px}
  .practice-grid{grid-template-columns:repeat(3,1fr)}.practice-card:nth-child(3n){border-right:0}.practice-card:nth-child(n+4){border-top:1px solid var(--line)}
}
@media(max-width:920px){
  :root{--shell:min(100% - 36px,920px)}
  .site-header{height:78px;background:rgba(7,7,6,.94);border-bottom:1px solid var(--line-soft)}
  .brand img{width:152px}.menu-toggle{display:block}.main-nav{position:fixed;inset:78px 0 auto;background:rgba(8,8,7,.985);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 24px 26px;border-bottom:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:.28s var(--ease)}.main-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.main-nav__link{font-size:14px;padding:17px 0;border-bottom:1px solid var(--line-soft)}.main-nav__link::after{display:none}.nav-cta{margin-top:18px;justify-content:center}
  .hero{min-height:680px;height:auto;padding:120px 0 80px}.hero::before{background:linear-gradient(90deg,#080807 0%,rgba(8,8,7,.95) 48%,rgba(8,8,7,.5) 74%),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.55)),url("assets/hero-adalet-premium.webp") 68% center/cover no-repeat}.hero__copy{width:min(620px,78vw)}
  .about-grid{grid-template-columns:1fr}.about-media{min-height:330px;order:-1;background:linear-gradient(180deg,transparent 55%,#0a0a09 100%),url("assets/hakkimizda-terazi-foto.webp") center/cover no-repeat}.article-grid{grid-template-columns:1fr 1fr}.article-card:last-child{grid-column:1/-1;max-width:50%;justify-self:center}.footer-grid{grid-template-columns:1fr 1fr}.footer-social{grid-column:1/-1}.content-grid{grid-template-columns:1fr;gap:32px}
}
@media(max-width:640px){
  :root{--shell:min(100% - 28px,640px)}
  .hero{min-height:650px;padding-top:122px}.hero::before{background:linear-gradient(90deg,#080807 0%,rgba(8,8,7,.94) 62%,rgba(8,8,7,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.6)),url("assets/hero-adalet-premium.webp") 62% center/cover no-repeat}.hero__copy{width:100%}.hero h1{font-size:clamp(48px,14vw,66px);max-width:8.5ch}.hero__lead{max-width:34ch}.eyebrow{font-size:9.5px}.section{padding:64px 0}.section-head{align-items:flex-start;flex-direction:column}.practice-grid{grid-template-columns:repeat(2,1fr)}.practice-card,.practice-card:nth-child(3n){border-right:1px solid var(--line)}.practice-card:nth-child(2n){border-right:0}.practice-card:nth-child(n+3){border-top:1px solid var(--line)}.practice-card{min-height:230px;padding:26px 13px}.practice-card p{font-size:10.5px}.about-copy{padding:38px 28px 40px}.about-media{min-height:260px}.article-grid{grid-template-columns:1fr}.article-card:last-child{grid-column:auto;max-width:none}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-social{grid-column:auto}.footer-bottom{flex-direction:column}.inner-hero{padding:130px 0 56px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none!important}}

/* ---------------------------------------------- social icons + WhatsApp -- */
.social-row a{width:40px;height:40px}
.social-row svg{width:17px;height:17px;fill:currentColor}
.social-row a:hover svg{fill:#080706}

.wa-float{position:fixed;right:26px;bottom:26px;z-index:90;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#1faf54;color:#fff;box-shadow:0 10px 30px rgba(6,4,3,.42);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.wa-float svg{width:27px;height:27px;fill:currentColor}
.wa-float:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 36px rgba(6,4,3,.5)}
.wa-float:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}

@media(max-width:640px){
  .brand img{width:136px}
  .wa-float{right:16px;bottom:16px;width:48px;height:48px}
  .wa-float svg{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){.wa-float{transition:none}}

/* ------------------------------------------------------- footer band -- */
/* İzmir Kordon behind the footer. The photo is cropped clear of the logo
   lockup that is baked into the source banner, so the real markup below
   is the only place the brand appears. */
.site-footer,.inner-footer{
  position:relative;
  isolation:isolate;
  background:#070706;
  overflow:hidden;
}
.site-footer::before,.inner-footer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,#070706 0%,rgba(7,7,6,.58) 16%,rgba(7,7,6,.42) 52%,rgba(7,7,6,.66) 84%,rgba(7,7,6,.9) 100%),
    linear-gradient(90deg,rgba(7,7,6,.92) 0%,rgba(7,7,6,.6) 40%,rgba(7,7,6,.28) 72%,rgba(7,7,6,.16) 100%),
    url("assets/izmir-kordon-footer.webp") center 58%/cover no-repeat;
}
.site-footer > .shell,.inner-footer > .shell{position:relative}

@media(max-width:640px){
  .site-footer::before,.inner-footer::before{
    background:
      linear-gradient(180deg,#070706 0%,rgba(7,7,6,.64) 20%,rgba(7,7,6,.58) 66%,rgba(7,7,6,.86) 100%),
      url("assets/izmir-kordon-footer.webp") 82% 58%/cover no-repeat;
  }
}

/* Social slots that have no account yet: visible, but not pretending to
   be links. Swap in an href and drop .is-soon when the handle exists. */
.social-row a.is-soon{opacity:.42;cursor:default}
.social-row a.is-soon:hover{background:none;border-color:var(--gold-dim);color:var(--gold-2)}
.social-row a.is-soon:hover svg{fill:currentColor}

/* -------------------------------------------------------- dil değiştirici -- */
.lang-switch{
  display:inline-flex;align-items:center;gap:9px;
  font-size:10px;font-weight:500;letter-spacing:.14em;white-space:nowrap;
}
.lang-switch a{color:rgba(255,255,255,.52);transition:color .25s}
.lang-switch a:hover{color:var(--gold-2)}
.lang-switch a[aria-current]{color:var(--gold-2);cursor:default}
.lang-switch i{width:1px;height:11px;background:rgba(195,148,82,.42);font-style:normal}

@media(max-width:920px){
  /* Açılır menüde alta, ortalı ve ayrı bir satır olarak. */
  .lang-switch{
    order:2;justify-content:center;gap:14px;
    margin-top:16px;padding-top:18px;
    border-top:1px solid var(--line-soft);
    font-size:12px;letter-spacing:.16em;
  }
  .nav-cta{order:1}
}

/* ------------------------------------------------------ zengin footer -- */
.footer-grid{grid-template-columns:1.12fr .82fr 1.05fr .95fr;gap:clamp(28px,3.4vw,52px)}
.footer-brand h3,.footer-col h3{
  margin:0 0 15px;color:var(--gold);
  font-family:var(--sans);font-weight:500;font-size:9.5px;
  letter-spacing:.18em;text-transform:uppercase;
}
.footer-brand h3{margin-top:24px}
.footer-nav{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.footer-nav a{color:#b9b3aa;font-size:12px;line-height:1.45;transition:color .25s}
.footer-nav a:hover{color:var(--gold-2)}
/* On iki alan tek sütunda uzun kalıyor; iki kolona bölünüyor. */
.footer-col--areas .footer-nav{display:block;columns:2;column-gap:24px}
.footer-col--areas .footer-nav li{break-inside:avoid;margin-bottom:9px}
.footer-grid,.footer-legal,.footer-bottom{text-shadow:0 1px 3px rgba(0,0,0,.6)}
.footer-legal{
  margin:30px 0 0;padding-top:18px;
  border-top:1px solid var(--line-soft);
  color:#6f6a64;font-size:10.5px;line-height:1.7;max-width:88ch;
}
.footer-bottom{margin-top:12px;padding-top:12px;border-top:0}

/* İnce dikey ayraçlar: sütunları kendi başlarına durdurmak yerine bir
   künye gibi bağlıyor. Uçlarda soluyor ki kesik görünmesin. */
.footer-col{position:relative}
.footer-col::before{
  content:"";position:absolute;top:2px;bottom:2px;width:1px;
  left:calc(-1 * clamp(14px,1.7vw,26px));
  background:linear-gradient(180deg,transparent,rgba(195,148,82,.24) 16%,rgba(195,148,82,.24) 84%,transparent);
}
.footer-brand p{max-width:30ch}
.footer-brand img{width:172px}
.footer-nav a{display:inline-block;transition:color .25s var(--ease),transform .25s var(--ease)}
.footer-nav a:hover{transform:translateX(4px)}
.footer-contact li{align-items:flex-start}
.site-footer{border-top-width:1px}

@media(max-width:980px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .footer-col--areas{grid-column:1/-1}
  .footer-col::before{display:none}
}
@media(max-width:640px){
  .footer-grid{grid-template-columns:1fr;gap:30px}
  .footer-col--areas .footer-nav{columns:1}
  .footer-legal{margin-top:24px}
}

/* ======================================================================
   Sayfa gecisleri ve giris animasyonlari

   Buradaki hicbir kural JavaScript'e bagli degil; script calismasa da
   sayfa gorunur kalir.
   ====================================================================== */

/* Sayfa acilisi: kisa bir yumusama. */
@keyframes page-enter{from{opacity:0}to{opacity:1}}
body{animation:page-enter .45s var(--ease) both}

/* Sayfalar arasi gecis — destekleyen tarayicilarda capraz belge gecisi,
   digerlerinde sessizce yok sayilir. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-exit .22s var(--ease) both}
::view-transition-new(root){animation:page-enter .34s var(--ease) both}
@keyframes page-exit{from{opacity:1}to{opacity:0}}

/* Reveal biraz hizlandi; 0.75s beklemek agir hissettiriyordu. */
.reveal{transition-duration:.6s}

/* Izgaralarda sirali acilis: kartlar ayni anda degil, pesi sira gelir. */
.expertise-grid > .reveal:nth-child(3n+2),
.practice-grid > .reveal:nth-child(3n+2),
.article-grid > .reveal:nth-child(3n+2){transition-delay:.08s}
.expertise-grid > .reveal:nth-child(3n+3),
.practice-grid > .reveal:nth-child(3n+3),
.article-grid > .reveal:nth-child(3n+3){transition-delay:.16s}

/* Kapsam maddeleri sirayla belirir. */
.scope.is-in > ul > li{animation:scope-item .5s var(--ease) both}
.scope.is-in > ul > li:nth-child(2){animation-delay:.05s}
.scope.is-in > ul > li:nth-child(3){animation-delay:.1s}
.scope.is-in > ul > li:nth-child(4){animation-delay:.15s}
.scope.is-in > ul > li:nth-child(5){animation-delay:.2s}
.scope.is-in > ul > li:nth-child(n+6){animation-delay:.25s}
@keyframes scope-item{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Baglantilarda ve kartlarda tutarli gecis suresi. */
a,.btn,.text-link,.expertise-card,.area-nav a,.area-index a{transition-timing-function:var(--ease)}

@media(prefers-reduced-motion:reduce){
  body{animation:none}
  @view-transition{navigation:none}
  .scope.is-in > ul > li{animation:none}
  .expertise-grid > .reveal,.practice-grid > .reveal,.article-grid > .reveal{transition-delay:0s!important}
}

/* ======================================================================
   1) Hero koreografisi

   Hero'nun tamami tek bir .reveal blogu olarak beliriyordu; hepsi ayni
   anda gelince "tasarlanmamis" duruyordu. Artik ogeler sirayla giriyor
   ve bu saf CSS: script calismasa da hero acilir.
   ====================================================================== */

@keyframes hero-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes hero-rule-in{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}

.hero__copy > *{animation:hero-rise .7s var(--ease) both}
.hero__copy .eyebrow{animation-delay:.10s}
.hero__copy .hero__wordmark,.hero__copy h1{animation-delay:.20s}
.hero__copy .hero__rule{animation:hero-rule-in .6s var(--ease) .34s both;transform-origin:left center}
.hero__copy .hero__lead{animation-delay:.44s}
.hero__copy .hero__actions{animation-delay:.58s}

/* ======================================================================
   2) Sayfalar arasi morph gecisi

   Baslik ve header'a view-transition adi verilir; tarayici iki sayfa
   arasinda bunlari eslestirip akitir. Desteklemeyen tarayicida sessizce
   duz crossfade'e duser.
   ====================================================================== */

.site-header{view-transition-name:site-header}
.wa-float{view-transition-name:wa-float}
.subhero .page-title{view-transition-name:page-title}

/* Header ve WhatsApp dugmesi gecerken solup yeniden belirmesin; yerinde
   kalsinlar. */
::view-transition-old(site-header),::view-transition-new(site-header),
::view-transition-old(wa-float),::view-transition-new(wa-float){animation:none}
::view-transition-group(page-title){animation-duration:.42s}

/* ======================================================================
   3) Kaydirmaya bagli hareket (native, JS yok)
   ====================================================================== */

@supports (animation-timeline: view()){
  @media(prefers-reduced-motion:no-preference){
    /* Hero fotografi kaydirirken cok hafif suzuluyor. scale, kenarlarin
       acilmamasi icin. */
    @keyframes hero-drift{from{transform:scale(1.05) translateY(-1.2%)}to{transform:scale(1.05) translateY(1.2%)}}
    .hero::before{animation:hero-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  }
}

/* Makale sayfalarinda okuma ilerleme cizgisi (redesign.js ekler). */
.read-progress{
  position:fixed;top:0;left:0;z-index:200;
  width:100%;height:2px;transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--gold-dim),var(--gold));
  pointer-events:none;
}
@supports (animation-timeline: scroll()){
  @keyframes read-progress{to{transform:scaleX(1)}}
  .read-progress{animation:read-progress linear both;animation-timeline:scroll(root block)}
}

/* ======================================================================
   4) Malzeme hissi
   ====================================================================== */

/* Bodoni optik boyutlandirma: buyuk puntoda inceliyor, kucukte kaliniyor. */
.hero__wordmark,.page-title,.section-head h2,.founder__copy h2,
.expertise-card h2,.article-page-card h2,.article-content h2{font-optical-sizing:auto}

/* Baglantilardaki ok, uzerine gelince ilerliyor. */
.text-link span,.btn svg,.nav-cta svg{transition:transform .3s var(--ease)}
.text-link:hover span,.btn:hover svg,.nav-cta:hover svg{transform:translateX(4px)}

/* Kart gorselleri cok hafif yaklasir; cerceve disina tasmaz. */
.article-card a,.article-page-card a,.article-media{overflow:hidden}
.article-card img,.article-page-card img{transition:transform .6s var(--ease)}
.article-card:hover img,.article-page-card:hover img{transform:scale(1.04)}

/* Klavyeyle gezinme gorunur olsun. */
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
.subhero :focus-visible,.site-header :focus-visible,.site-footer :focus-visible,
.hero :focus-visible{outline-color:var(--gold-on-dark,var(--gold))}

@media(prefers-reduced-motion:reduce){
  .hero__copy > *{animation:none}
  .hero::before{animation:none}
  .read-progress{display:none}
  .text-link:hover span,.btn:hover svg,.nav-cta:hover svg{transform:none}
  .article-card:hover img,.article-page-card:hover img{transform:none}
  ::view-transition-group(page-title){animation-duration:1ms}
}