/* Burçin Dursun Akademi Tema · Temel · v1.1.0 */

/* ── TOKENS ── */
:root {
  --bd-canvas: #FFFFFF;
  --bd-ink: #26241E;
  --bd-ink-2: #3A362D;
  --bd-muted: #5E5A50;
  --bd-apricot: #F2B48A;
  --bd-apricot-deep: #B9764A;
  --bd-apricot-ink: #9A5B33;
  --bd-peach: #FCE6D4;
  --bd-peach-mist: #FFF5EC;
  --bd-sage: #CAD7B9;
  --bd-sage-deep: #7D8C68;
  --bd-sage-ink: #5E6B4C;
  --bd-sage-mist: #F1F5EA;
  --bd-ink-rgb: 38 36 30;
  --bd-sage-rgb: 202 215 185;
  --bd-sage-deep-rgb: 125 140 104;
  --bd-sage-mist-rgb: 241 245 234;
  --bd-apricot-rgb: 242 180 138;
  --bd-apricot-deep-rgb: 185 118 74;
  --bd-peach-rgb: 252 230 212;
  --bd-cizgi: rgb(var(--bd-ink-rgb) / .1);
  --bd-hata: #9B2C1F;

  --bd-display: 'Brygada 1918', 'Iowan Old Style', Georgia, serif;
  --bd-font: 'Figtree', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --bd-r-girdi: 10px;
  --bd-r-kart: 18px;
  --bd-r-kemer: 999px 999px 24px 24px;

  --bd-ease: cubic-bezier(.22, 1, .36, 1);
  --bd-ease-cikis: cubic-bezier(.16, 1, .3, 1);
  --bd-ease-maske: cubic-bezier(.77, 0, .175, 1);

  --bd-bosluk: clamp(5rem, 11vw, 10rem);
  --bd-yan: clamp(1.15rem, 4.5vw, 3.5rem);
  --bd-genislik: 1320px;

  --bd-gold: var(--bd-apricot-deep);
  --bd-bronz: var(--bd-apricot-deep);
  --bd-dark: var(--bd-ink);
  --bd-bg: var(--bd-canvas);
  --bd-ink-soft: var(--bd-muted);
  --bd-serif: var(--bd-display);
  --bd-sans2: var(--bd-font);
  --bd-olive: var(--bd-ink);
  --bd-olive-deep: var(--bd-ink-2);
  --bd-sage-mid: var(--bd-sage);
  --bd-apricot-soft: var(--bd-peach-mist);

  --z-arka: 0;
  --z-ust: 2;
  --z-header: 100;
  --z-menu: 120;
  --z-cerez: 150;
  --z-skip: 200;
}

/* ── BASE ── */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 110px; }
body {
  margin: 0;
  background: var(--bd-canvas);
  color: var(--bd-ink);
  font: 400 1.0625rem/1.68 var(--bd-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}
img, svg { max-width: 100%; height: auto; }
a { color: inherit; }
::selection { background: var(--bd-peach); color: var(--bd-ink); }
:focus-visible { outline: 2px solid var(--bd-apricot-deep); outline-offset: 3px; border-radius: 4px; }

@media (min-width: 1024px) {
  ::-webkit-scrollbar { width: 9px; background: var(--bd-peach-mist); }
  ::-webkit-scrollbar-thumb { background: var(--bd-apricot); border-radius: 9px; border: 2px solid var(--bd-peach-mist); }
}

.skip-link {
  position: fixed; left: 16px; top: 16px; z-index: var(--z-skip);
  padding: 12px 18px; border-radius: 10px;
  background: var(--bd-ink); color: #fff; font: 600 15px/1 var(--bd-font); text-decoration: none;
  transform: translateY(-200%);
}
.skip-link:focus { transform: none; }

.bd-sr {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ── KAP ── */
.bd-kap { width: 100%; max-width: calc(var(--bd-genislik) + 2 * var(--bd-yan)); margin: 0 auto; padding: 0 var(--bd-yan); }
.bd-bolum { position: relative; padding: var(--bd-bosluk) 0; }

/* ── TİPOGRAFİ ── */
.bd-h1, .bd-h2, .bd-h3, .bd-alinti {
  margin: 0; font-family: var(--bd-display); font-weight: 450; color: var(--bd-ink);
  letter-spacing: -.015em; text-wrap: balance;
}
.bd-h1 { font-size: clamp(2.6rem, 5.6vw, 5.4rem); line-height: 1.04; }
.bd-h2 { font-size: clamp(2.1rem, 4vw, 3.6rem); line-height: 1.08; margin-bottom: .5em; }
.bd-h3 { font-size: clamp(1.4rem, 2vw, 1.85rem); line-height: 1.2; }
.bd-h1 em, .bd-h2 em, .bd-alinti em { font-style: italic; color: var(--bd-apricot-deep); }
.bd-giris { margin: 0; max-width: 34rem; color: var(--bd-muted); font-size: clamp(1.08rem, 1.3vw, 1.22rem); line-height: 1.65; text-wrap: pretty; }
.bd-p { margin: 0 0 1em; max-width: 65ch; color: var(--bd-muted); text-wrap: pretty; }
.bd-ust {
  display: inline-flex; align-items: center; gap: .6rem; margin: 0 0 1.4rem;
  color: var(--bd-apricot-ink); font: 600 .82rem/1 var(--bd-font); letter-spacing: .16em; text-transform: uppercase;
}
.bd-ust::before { content: ""; width: 2.2rem; height: 1px; background: currentColor; opacity: .6; }
.bd-ust-ikon { display: none; }

/* ── BUTON ── */
.bd-btn, .bd-btn3 {
  position: relative; display: inline-flex; align-items: center; gap: .9rem; min-height: 52px;
  padding: .45rem .5rem .45rem 1.45rem; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--bd-ink); color: #fff; text-decoration: none; white-space: nowrap;
  font: 600 1rem/1 var(--bd-font); letter-spacing: .005em;
  transition: background-color .4s var(--bd-ease), transform .25s var(--bd-ease), color .4s var(--bd-ease);
}
.bd-btn:hover, .bd-btn3:hover { background: var(--bd-ink-2); color: #fff; }
.bd-btn:active, .bd-btn3:active { transform: translateY(1px) scale(.99); }
.bd-btn-ok {
  display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%;
  background: var(--bd-apricot); color: var(--bd-ink); transition: transform .5s var(--bd-ease);
}
.bd-btn-ok svg, .bd-btn-ok .bd-ikon { width: 17px; height: 17px; }
.bd-btn:hover .bd-btn-ok { transform: translateX(3px) rotate(-45deg); }
.bd-btn--acik { background: var(--bd-peach); color: var(--bd-ink); }
.bd-btn--acik:hover { background: var(--bd-apricot); color: var(--bd-ink); }
.bd-btn--acik .bd-btn-ok { background: var(--bd-ink); color: #fff; }
.bd-btn--cizgi { background: transparent; color: var(--bd-ink); box-shadow: inset 0 0 0 1px rgb(38 36 30 / .22); }
.bd-btn--cizgi:hover { background: var(--bd-peach-mist); color: var(--bd-ink); }

.bd-btn3 { padding-right: 1.45rem; }
.bd-btn3-t { position: relative; overflow: hidden; display: inline-flex; }
.bd-btn3-on { display: block; }
.bd-btn3-arka { display: none; }
.bd-btn3-ok { display: inline-flex; width: 17px; height: 17px; }
.bd-btn3-ok .bd-ikon { width: 17px; height: 17px; }
.bd-btn3-ok .bd-ikon:nth-child(2) { display: none; }

.bd-link {
  position: relative; display: inline-flex; align-items: center; gap: .5rem; color: var(--bd-ink); font-weight: 600; text-decoration: none;
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; padding-bottom: 2px;
  transition: background-size .5s var(--bd-ease), color .3s var(--bd-ease);
}
.bd-link::after { content: ""; position: absolute; inset: -7px -6px; }
.bd-link:hover { background-size: 100% 1px; color: var(--bd-apricot-ink); }
.bd-link svg, .bd-link .bd-ikon { width: 16px; height: 16px; }

.bd-cip {
  display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .85rem; border-radius: 999px;
  background: var(--bd-peach); color: var(--bd-ink); font: 600 .85rem/1 var(--bd-font); font-variant-numeric: tabular-nums;
}
.bd-cip--yesil { background: var(--bd-sage-mist); }
.bd-cip--cizgi { background: transparent; box-shadow: inset 0 0 0 1px var(--bd-cizgi); color: var(--bd-muted); font-weight: 500; }

/* ── KEMER ── */
.bd-kemer { position: relative; overflow: hidden; border-radius: var(--bd-r-kemer); isolation: isolate; }
.bd-kemer img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }

/* ── LOTUS ── */
.bdl { display: block; width: 100%; height: auto; overflow: visible; }
.bdl-cizgi { fill: none; stroke: var(--bd-apricot-deep); stroke-width: 1.3; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.bdl-damar { fill: none; stroke: var(--bd-apricot-deep); stroke-width: .8; opacity: .45; vector-effect: non-scaling-stroke; }
.bdl-su { fill: none; stroke: var(--bd-sage); stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.bdl-yaprak, .bdl-tomurcuk { transform-box: view-box; }
.bdl--ince .bdl-dolgu { opacity: .35; }
.bdl--cizgi .bdl-dolgu { display: none; }

/* ── HAREKET ── */
.bd-js [data-bd-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .9s var(--bd-ease), transform .9s var(--bd-ease); transition-delay: calc(var(--i, 0) * 90ms); }
.bd-js [data-bd-reveal].is-in { opacity: 1; transform: none; }
.bd-satir { display: block; overflow: hidden; padding-bottom: .08em; margin-bottom: -.08em; }
.bd-satir-ic { display: block; }
.bd-js [data-bd-split]:not(.is-split) { visibility: hidden; animation: bd-goster 0s 2.5s forwards; }
.bd-satir3 { display: block; }
@keyframes bd-goster { to { visibility: visible; } }

.bd-kel { display: inline-block; overflow: hidden; vertical-align: top; padding: .02em .04em .14em; margin: -.02em -.04em -.14em; }
.bd-kel-ic { display: inline-block; will-change: transform; }
.bd-js [data-satir] { visibility: hidden; animation: bd-goster 0s 2.2s forwards; }

/* ── LENIS ── */
html.lenis, html.lenis body { height: auto; }
.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }
.lenis [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-smooth iframe { pointer-events: none; }

@media (prefers-reduced-motion: reduce) {
  .bd-js [data-bd-reveal] { opacity: 1; transform: none; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}