/* ============================================================
   Hero hikâye — kutu yok, tipografi ve ince ray
   ============================================================ */
html body .hero_scrollable-bottom-text{
  position:relative;max-width:min(34rem,520px);margin-left:auto;
  padding:0 0 0 1.75rem;background:none;border:0;box-shadow:none}
html body .hero_scrollable-bottom-text:before{
  content:"";position:absolute;left:0;top:.35rem;bottom:.35rem;width:2px;
  background:linear-gradient(180deg,var(--st-accent),transparent)}
html body .hero_scrollable-bottom-text:after{display:none}

html body .hero_scrollable-bottom-text > div:first-child{position:relative}
html body .hero_scrollable-bottom-text > div:first-child:before{
  content:var(--st-label,"Hikâye");position:absolute;top:-2rem;left:0;
  font-family:var(--font-mono,monospace);font-size:.6rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--st-accent)}

html body .hero_scrollable-bottom-text,
html body .hero_scrollable-bottom-text div{
  font-size:clamp(17px,1.45vw,22px);line-height:1.6;letter-spacing:-.005em}
html body .hero_scrollable-bottom-text strong{
  display:block;font-weight:600;font-size:clamp(21px,1.9vw,30px);line-height:1.25;margin-bottom:.15rem}

html[data-wipe-color="#00483c"]{--st-accent:#E9C58D}
html[data-wipe-color="#ae5175"]{--st-accent:#AE5175}

@media (max-width:900px){
  html body .hero_scrollable-bottom-text{margin:0;padding-left:1.25rem}
}

/* journey: son kart bir sonraki bölümün altında kalmasın */
html body .section_journey{padding-bottom:6rem}
@media (max-width:767px){html body .section_journey{padding-bottom:3rem}}