/* Burçin Dursun Akademi Tema · Hakkımda · v1.0.0 */

/* ── GİRİŞ ── */
.bhg { position: relative; overflow: hidden; padding: clamp(8rem, 12vw, 10.5rem) 0 clamp(3rem, 6vw, 5rem); background: linear-gradient(180deg, var(--bd-peach-mist) 0%, var(--bd-canvas) 100%); }
.bhg-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(2rem, 6vw, 6rem); align-items: end; }
.bhg-metin { padding-bottom: clamp(1rem, 4vw, 3.5rem); }
.bhg-unvan { display: inline-flex; align-items: center; gap: .55rem; margin: 0 0 1.1rem; color: var(--bd-sage-ink); font-weight: 600; }
.bhg-unvan .bd-ikon, .bhg-unvan svg { width: 22px; height: 22px; color: var(--bd-apricot-deep); }
.bhg-baslik { max-width: 14ch; margin: 0; color: var(--bd-ink); font: 450 clamp(2.6rem, 6vw, 5rem)/1.04 var(--bd-display); letter-spacing: -.015em; text-wrap: balance; }
.bhg-foto { justify-self: end; width: min(100%, 440px); }
.bhg-kemer { aspect-ratio: 3 / 4.1; background: linear-gradient(180deg, var(--bd-peach) 0%, var(--bd-sage-mist) 100%); }
.bhg-kemer img { object-position: center top; }

.bd-js .bhg[data-bd-giris] .bhg-kemer { clip-path: inset(100% 0 0 0 round 999px 999px 24px 24px); transition: clip-path 1.4s var(--bd-ease-maske) .15s; }
.bd-js .bhg[data-bd-giris] .bhg-kemer img { transform: scale(1.12); transition: transform 2s var(--bd-ease-cikis) .3s; }
.bd-js .bhg[data-bd-giris] .bhg-unvan { opacity: 0; transform: translateY(12px); transition: opacity .8s var(--bd-ease) .5s, transform .8s var(--bd-ease) .5s; }
.bd-js .bhg[data-bd-giris].is-in .bhg-kemer { clip-path: inset(0 0 0 0 round 999px 999px 24px 24px); }
.bd-js .bhg[data-bd-giris].is-in .bhg-kemer img { transform: none; }
.bd-js .bhg[data-bd-giris].is-in .bhg-unvan { opacity: 1; transform: none; }

/* ── HİKAYE ── */
.bhy { padding: clamp(3.5rem, 7vw, 6.5rem) 0; }
.bhy-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: start; }
.bhy-grid--tek { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.bhy-foto { position: sticky; top: 120px; width: min(100%, 380px); }
.bhy-kemer { aspect-ratio: 3 / 4; background: linear-gradient(180deg, var(--bd-sage-mist), var(--bd-peach)); }
.bhy-metin { max-width: 62ch; }
.bhy-giris { margin: 0 0 1.5rem; color: var(--bd-ink); font: 450 clamp(1.35rem, 2.2vw, 1.75rem)/1.45 var(--bd-display); text-wrap: pretty; }
.bhy-p { margin: 0 0 1.15rem; color: var(--bd-ink-2); font-size: clamp(1rem, 1.15vw, 1.08rem); line-height: 1.8; text-wrap: pretty; }
.bhy-not { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: .75rem; margin: 2rem 0 0; padding: 1.1rem 1.25rem; border-radius: 14px; background: var(--bd-sage-mist); color: var(--bd-sage-ink); font-size: .95rem; line-height: 1.6; }
.bhy-not .bd-ikon, .bhy-not svg { width: 20px; height: 20px; margin-top: 2px; color: var(--bd-sage-deep); }

/* ── YÖNTEMLER ── */
.bhm { padding: clamp(3rem, 6vw, 5.5rem) 0 clamp(2rem, 4vw, 3rem); }
.bhm-baslik { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.bhm-liste { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--bd-cizgi); }
.bhm-oge { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 1rem clamp(2rem, 6vw, 6rem); align-items: baseline; padding: clamp(1.5rem, 3vw, 2.25rem) 0; border-top: 1px solid var(--bd-cizgi); }
.bhm-ad { margin: 0; color: var(--bd-ink); font: 450 clamp(1.5rem, 2.6vw, 2.2rem)/1.15 var(--bd-display); }
.bhm-metin { max-width: 58ch; margin: 0; color: var(--bd-muted); line-height: 1.75; }
.bhm-linkler { display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; margin-top: clamp(1.75rem, 3vw, 2.5rem); }

/* ── DUYARLI ── */
@media (max-width: 1079px) {
  .bhg-grid, .bhy-grid { grid-template-columns: minmax(0, 1fr); }
  .bhg-metin { padding-bottom: 0; }
  .bhg-foto { justify-self: center; width: min(82%, 400px); }
  .bhy-foto { display: none; }
}
@media (max-width: 767px) {
  .bhm-oge { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .bd-js .bhg[data-bd-giris] .bhg-kemer { clip-path: none; }
  .bd-js .bhg[data-bd-giris] .bhg-kemer img, .bd-js .bhg[data-bd-giris] .bhg-unvan { opacity: 1; transform: none; }
}