/* EditorialHero — statement block (KEREM .ehero). */
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero {
  width: 100%;
  /* Vertical spacing: prop value via --eh-mt/--eh-mb, falling back to the design
     section rhythm (separate mobile value) when the prop is unset. */
  padding-top: var(--eh-mt, clamp(64px, 9vw, 150px));
  padding-bottom: var(--eh-mb, clamp(64px, 9vw, 150px));
}

.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__grid {
  max-width: var(--maxw);
  margin: 0 auto;
  padding-inline: var(--gutter);
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: clamp(28px, 4vw, 72px);
  align-items: end;
}

/* --- Copy column --- */
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__copy {
  padding-bottom: clamp(8px, 2vw, 30px);
  /* force a vertical stack so the title sits under the eyebrow, never beside it */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
/* Type from the "Etiket" text-style token (see index.tsx); only the parts a token
   cannot express stay here. */
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__eyebrow {
  text-transform: uppercase;
  color: var(--eh-ac, var(--accent));
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__eyebrow::before {
  content: "";
  width: 24px;
  height: 1px;
  background: var(--eh-ac, var(--accent));
}

/* Type from the "Ekran" token; the fluid size keeps its ceiling in --ts-max. */
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__title {
  font-size: clamp(56px, 9vw, var(--ts-max, 168px));
  color: var(--eh-ink, var(--ink));
  /* em gap clears the sub-1 line-height overflow so big type stays tight under the
     eyebrow at any size (a px gap reads as overlap) */
  margin: 0.22em 0 0;
}
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__accent {
  color: var(--eh-ac, var(--accent));
}

.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__meta {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 36ch;
  margin-top: 24px;
}
/* Type from the "Öne Çıkan Gövde" token; size stays fluid. */
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__desc {
  margin: 0;
  font-size: clamp(16px, 1.3vw, var(--ts-max, 20px));
  color: var(--ink-2);
}

/* --- Stats row --- */
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__stats {
  display: flex;
  gap: clamp(24px, 3vw, 44px);
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
/* collapse the renderer wrappers so each StatItem is a flex item */
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__stats > *, .cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__stats > * > * {
  display: contents;
}

/* --- Image + panel --- */
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__stage {
  position: relative;
}
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__img--empty {
  background:
    repeating-linear-gradient(135deg, rgba(13, 13, 13, 0.04) 0 2px, transparent 2px 12px),
    var(--paper-3);
}

.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__panel {
  position: absolute;
  left: -28px;
  bottom: 36px;
  max-width: 300px;
  padding: 22px 26px;
  background: var(--paper);
  border-top: 2px solid var(--eh-ac, var(--accent));
  box-shadow: var(--shadow-soft);
}
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__panel-label {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--eh-ac, var(--accent));
}
/* Type from the "Başlık 3" token; size stays fluid. */
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__panel-title {
  font-size: clamp(22px, 2.2vw, var(--ts-max, 32px));
  color: var(--ink);
  margin: 8px 0 14px;
}
/* dark variant of the shared .btn-fill for the light panel */
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__panel-btn {
  --btn-fill: var(--eh-ac, var(--accent));
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}

@media (max-width: 860px) {
  .cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero {
    padding-top: var(--eh-mt, clamp(48px, 13vw, 80px));
    padding-bottom: var(--eh-mb, clamp(48px, 13vw, 80px));
  }
  .cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__stage {
    order: -1;
  }
  .cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero__panel {
    left: auto;
    right: 14px;
    bottom: 14px;
    max-width: 240px;
  }
}

/* Scroll reveal: copy flies from left, image stage from right */
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero[data-revealed] .editorial-hero__copy {
  animation: cc_oe6aXTYiT2_reveal-from-left 0.8s var(--ease) 0.15s both;
}
.cc_oe6aXTYiT2_qUiXXF0Ooy .editorial-hero[data-revealed] .editorial-hero__stage {
  animation: cc_oe6aXTYiT2_reveal-from-right 0.8s var(--ease) 0.3s both;
}