/* =====================================================================
   Hakkımda — /hakkimda/
   Anlatı sayfası: geniş satır aralığı, sakin ritim, marka paleti.
   ===================================================================== */
:root {
  --ab-ink:#05080D; --ab-navy:#0D305E; --ab-teal:#5AB6B7; --ab-gold:#F0BB3D; --ab-parch:#F1F0EB;
  --ab-ease:cubic-bezier(0.22,0.61,0.36,1); --ab-col:760px;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{background:var(--ab-ink);color:var(--ab-parch);font-family:"Cormorant Garamond",Georgia,serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;
  font-size:clamp(16px,1.05vw + 12px,19px);line-height:1.5;}
img{display:block;max-width:100%;}
a{color:inherit;}
:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--ab-teal);outline-offset:3px;border-radius:4px;}

.ab-bg{position:fixed;inset:0;z-index:-2;background:
  radial-gradient(120% 80% at 50% 0%,rgba(13,48,94,0.45),transparent 60%),
  linear-gradient(180deg,#0d305e 0%,#081427 44%,#05080D 100%);}

.ab-root{position:relative;z-index:1;display:block;}
.ab-section{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(52px,8vh,104px) max(22px,env(safe-area-inset-left)) clamp(52px,8vh,104px) max(22px,env(safe-area-inset-right));}
.ab-section > *{width:100%;max-width:var(--ab-col);}
.ab-section--tint{background:rgba(13,48,94,0.20);border-top:1px solid rgba(90,182,183,0.10);border-bottom:1px solid rgba(90,182,183,0.10);}
.ab-reveal{opacity:0;transition:opacity .8s var(--ab-ease);}
.ab-reveal.is-in{opacity:1;}
.ab-hero.ab-reveal{opacity:1;}

.ab-eyebrow{margin:0 0 18px;}
/* Anlatı gövdesi: punto ve satır aralığı okunabilirlik için yüksek (AAA kontrast) */
.ab-body{margin:0 auto 20px;max-width:62ch;text-align:left;
  font-size:clamp(1.12rem,1vw + 0.9rem,1.36rem);line-height:1.72;color:var(--ab-parch);}
.ab-body:last-of-type{margin-bottom:0;}

/* HERO — kanca cümlesi */
.ab-hero{min-height:70vh;justify-content:center;padding-top:clamp(72px,11vh,132px);}
.ab-hero-inner{display:flex;flex-direction:column;align-items:center;}
.ab-title{margin:0;max-width:22ch;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.2;}

/* Vurgulu kapanış — "Öğretmiyorum. Eşlik ediyorum." */
.ab-stamp{margin:32px auto 0;max-width:24ch;text-align:center;
  font-family:"Cinzel",serif;letter-spacing:.04em;
  font-size:clamp(1.2rem,1.6vw + 0.85rem,1.75rem);line-height:1.3;
  color:var(--ab-gold);-webkit-text-fill-color:var(--ab-gold);}

/* KANIT ŞERİDİ */
.ab-proof{list-style:none;margin:6px auto 0;padding:0;max-width:60ch;text-align:left;
  display:flex;flex-direction:column;gap:12px;}
.ab-proof-item{position:relative;padding-inline-start:28px;line-height:1.5;
  font-size:clamp(1rem,0.7vw + 0.84rem,1.16rem);color:rgba(241,240,235,0.94);}
.ab-proof-item::before{content:"✦";position:absolute;inset-inline-start:0;top:0;
  color:var(--ab-gold);font-size:0.82em;}

.ab-forwhom{margin:22px auto 0;max-width:48ch;font-style:italic;color:rgba(241,240,235,0.86);}

/* KÖPRÜLER */
.ab-section--closing{border-top:1px solid rgba(90,182,183,0.14);}
.ab-bridges{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
.ab-bridge{display:inline-flex;align-items:center;justify-content:center;
  padding:13px 22px;border-radius:999px;text-decoration:none;
  font-size:clamp(1rem,0.7vw + 0.84rem,1.15rem);color:var(--ab-parch);
  border:1px solid rgba(240,187,61,0.38);background:rgba(8,16,30,0.5);
  transition:border-color 200ms,background 200ms;}
.ab-bridge:hover{border-color:var(--ab-gold);background:rgba(13,48,94,0.5);}

@media (prefers-reduced-motion: reduce){ .ab-reveal{opacity:1;transition:none;} }

/* VİDEO — self-host, poster + tıkla-oynat (preload="none") */
.ab-video-heading{margin:0 auto 22px;max-width:24ch;font-size:clamp(1.4rem,2.8vw,1.95rem);line-height:1.2;}
.ab-video{width:100%;max-width:760px;margin:0 auto;}
.ab-video-el{width:100%;aspect-ratio:16/9;border-radius:14px;background:#000;object-fit:cover;
  border:1px solid rgba(240,187,61,0.22);box-shadow:0 16px 44px rgba(0,0,0,0.5);}
.ab-video-note{margin:14px auto 0;text-align:center;font-family:"Inter",system-ui,sans-serif;
  font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(240,187,61,0.85);}