/* Designed & Developed by Alihan Balkan | +90 538 073 87 16 */
/* ============ Reset ============ */
*,*::before,*::after{box-sizing:border-box;}
*{margin:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto;}
input,button,textarea,select{font:inherit;color:inherit;}
button{cursor:pointer;background:none;border:none;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;padding:0;}
table{border-collapse:collapse;}
:focus-visible{outline:2px solid var(--color-orange);outline-offset:3px;}

/* ============ Kök ============ */
body{
  background:var(--bg-primary);
  color:var(--color-ink);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.6;
  overflow-x:hidden;
  min-height:100vh;
}
body.no-scroll{overflow:hidden;}

/* .hero-slide__title bilerek burada yer alır: hero karuselinde aynı anda
   yalnızca bir slayt görünür olduğu için sayfada TEK bir <h1> bulunmalı
   (ilk slayt). Diğer slaytların başlıkları <div> olarak işaretlenir ama
   görünüm birebir aynı kalmalı — bu yüzden başlık tipografisi etikete
   değil, sınıfa da bağlanır. */
h1,h2,h3,h4,.hero-slide__title{
  font-family:var(--font-display);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.01em;
  color:var(--color-ink);
}
h1,.hero-slide__title{font-size:clamp(2.6rem,5.4vw,4.6rem);}
h2{font-size:clamp(2rem,3.6vw,3.1rem);}
h3{font-size:clamp(1.4rem,2.2vw,1.9rem);}
h4{font-size:1.25rem;}
p{max-width:62ch;}
strong{font-weight:700;}

.eyebrow{
  font-family:var(--font-accent);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.78rem;
  font-weight:500;
  color:var(--color-orange-dark);
  display:inline-flex;
  align-items:center;
  gap:.6em;
}
.eyebrow::before{
  content:'';
  width:1.6em;height:1px;
  background:currentColor;
  display:inline-block;
}
.eyebrow__emphasis{font-size:1.28em;letter-spacing:.05em;}

/* ============ Layout yardımcıları ============ */
.container{
  width:100%;
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:var(--container-pad);
}
.stack{display:flex;flex-direction:column;}
.section{
  position:relative;
  padding-block:clamp(3.5rem,8vw,7.5rem);
}
.section-head{
  display:flex;
  flex-direction:column;
  gap:.9rem;
  max-width:46rem;
  margin-bottom:clamp(2rem,4vw,3.5rem);
}
.section-head.center{align-items:center;text-align:center;margin-inline:auto;}
.visually-hidden{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}
/* Not: "İçeriğe geç" (skip link) bağlantısı ve ona ait .skip-link kuralları
   kaldırıldı. Sayfanın ilk odaklanabilir öğesi olduğu için, geliştirici
   araçları kapatılması gibi odağın belge başına döndüğü durumlarda sol üstte
   beliriyor ve istenmeyen bir buton gibi görünüyordu. */

/* ============ Scroll reveal ============ */
[data-reveal]{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .8s var(--ease-premium), transform .8s var(--ease-premium);
  will-change:opacity, transform;
}
[data-reveal].is-visible{opacity:1;transform:none;}
[data-reveal="fade"]{transform:none;}
[data-reveal="scale"]{transform:scale(.94);}
[data-reveal="scale"].is-visible{transform:scale(1);}
/* Yatay kaydırmalı reveal yalnızca geniş ekranlarda kullanılır: dar
   ekranlarda tüm bloklar tek sütuna indiği için hem görsel olarak
   gereksizdir hem de transform sırasında yatay taşmaya yol açabilir. */
@media (min-width:961px){
  [data-reveal="left"]{transform:translateX(-36px);}
  [data-reveal="left"].is-visible{transform:none;}
  [data-reveal="right"]{transform:translateX(36px);}
  [data-reveal="right"].is-visible{transform:none;}
}
@media (prefers-reduced-motion: reduce){
  [data-reveal]{opacity:1;transform:none;transition:none;}
}

/* Stagger yardımcı sınıfları (kart listeleri için) */
[data-reveal-group]>*{transition-delay:calc(var(--stagger-i, 0) * 70ms);}

::selection{background:var(--color-orange);color:var(--color-paper);}

/* Designed & Developed by Alihan Balkan | +90 538 073 87 16 */