/* ============================================================
   AFYON YAZILIM — sections.css
   Bölüm stilleri: hero, yatay showcase, blog makale okuyucu
   ============================================================ */

/* ---- Hero başlık ---- */
.hero-title {
  font-size: clamp(2.2rem, 10.5vw, 10rem);
  line-height: 1.0;
  letter-spacing: -0.04em;
  font-weight: 600;
}
.section-title { font-size: clamp(1.9rem, 6vw, 5.4rem); line-height: 1.04; letter-spacing: -0.03em; font-weight: 600; }

/* ---- Yatay Showcase (pin + yatay kaydırma) ---- */
.h-pin { position: relative; height: 100vh; overflow: hidden; }
.h-track { display: flex; width: max-content; height: 100vh; will-change: transform; }
.h-panel { position: relative; display: flex; align-items: center; width: 100vw; height: 100vh; flex-shrink: 0; }
.h-num {
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.16);
  color: transparent;
  line-height: 0.8;
}

/* ---- Blog makale okuyucu ---- */
.article-title { font-size: 1.95rem; line-height: 1.15; letter-spacing: -0.02em; }
.article-shell { scrollbar-width: thin; scrollbar-color: #2a2a31 transparent; }
.article-body h2 { font-family: 'Space Grotesk', sans-serif; font-size: 1.5rem; font-weight: 600; letter-spacing: -0.02em; margin: 2.5rem 0 1rem; }
.article-body h3 { font-family: 'Space Grotesk', sans-serif; font-size: 1.18rem; font-weight: 600; margin: 2rem 0 0.7rem; }
.article-body p { color: #b6b6bf; line-height: 1.85; margin-bottom: 1.3rem; }
.article-body ul, .article-body ol { color: #b6b6bf; line-height: 1.85; margin: 0 0 1.3rem 1.4rem; }
.article-body ul { list-style: disc; }
.article-body ol { list-style: decimal; }
.article-body li { margin-bottom: 0.55rem; }
.article-body li::marker { color: #818cf8; }
.article-body blockquote { border-left: 2px solid #818cf8; padding: 0.2rem 0 0.2rem 1.4rem; font-style: italic; color: #d8d8dd; margin: 1.6rem 0; font-size: 1.12rem; line-height: 1.7; }
.article-body strong { color: #fff; font-weight: 600; }
.article-body a { color: #a5b4fc; text-decoration: underline; text-underline-offset: 3px; }
.article-body .a-lead { font-size: 1.22rem; color: #c7c7cc; line-height: 1.7; }