/* =============================================================================
   Rising Scroll Story — kaydırdıkça bölüm değişen sabit sahne
   Masaüstünde sticky sahne, mobilde sade alt alta akış.
   ============================================================================= */
.rsc{
	--rsc-ink:#16181A;
	--rsc-mut:#6E7378;
	--rsc-line:rgba(22,24,26,.16);
	--rsc-accent:#16181A;
	--rsc-num:rgba(22,24,26,.20);
	--rsc-media-bg:#E7E9EC;
	--rsc-radius:4px;
	--rsc-ratio:4/5;
	--rsc-top:0px;
	--rsc-e:cubic-bezier(.22,.61,.36,1);
	--rsc-font:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;

	width:100%;
	font-family:var(--rsc-font);
	color:var(--rsc-ink);
	box-sizing:border-box;
}
.rsc *,.rsc *::before,.rsc *::after{box-sizing:border-box}

/* ---------- üstte kalan başlık (kaydırınca geçip gider) ---------- */
.rsc__head{margin:0 0 clamp(26px,3.6vw,52px);max-width:720px}
.rsc__eyebrow{
	margin:0 0 12px;font-size:11px;font-weight:500;letter-spacing:.26em;
	text-transform:uppercase;color:var(--rsc-mut);
}
.rsc__heading{
	margin:0;font-size:clamp(30px,4.4vw,56px);font-weight:300;line-height:1.08;
	letter-spacing:-.03em;text-wrap:balance;
}

/* ---------- sabit sahne ---------- */
.rsc__sticky{
	position:sticky;top:var(--rsc-top);
	height:calc(100vh - var(--rsc-top));
	display:flex;align-items:center;
	overflow:hidden;
}
.rsc__stage{position:relative;width:100%;height:clamp(420px,76vh,760px)}

.rsc__chapter{
	position:absolute;inset:0;margin:0;
	display:grid;grid-template-columns:42fr 58fr;
	gap:clamp(30px,5vw,88px);align-items:center;
	opacity:0;visibility:hidden;
	transition:opacity .62s var(--rsc-e),visibility 0s linear .62s;
}
.rsc__chapter.is-active{
	opacity:1;visibility:visible;
	transition:opacity .62s var(--rsc-e),visibility 0s;
}

/* ---------- metin ---------- */
.rsc__text{
	position:relative;padding-left:clamp(20px,3vw,44px);
	min-width:0;
}
.rsc__text::before{
	content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--rsc-line);
}
.rsc__num{
	display:block;margin:0 0 6px;
	font-size:clamp(48px,6vw,92px);font-weight:200;line-height:.92;letter-spacing:-.04em;
	color:transparent;-webkit-text-stroke:1px var(--rsc-num);
	font-variant-numeric:tabular-nums;
}
.rsc__label{
	margin:0 0 14px;font-size:10.5px;font-weight:500;letter-spacing:.24em;
	text-transform:uppercase;color:var(--rsc-mut);
}
.rsc__title{
	margin:0 0 16px;font-size:clamp(24px,3.1vw,42px);font-weight:300;line-height:1.14;
	letter-spacing:-.03em;color:var(--rsc-ink);text-wrap:balance;
}
.rsc__body{
	margin:0;max-width:46ch;
	font-size:clamp(13.5px,1.05vw,15.5px);font-weight:300;line-height:1.78;color:var(--rsc-mut);
}
.rsc__more{
	display:inline-flex;align-items:center;gap:11px;margin-top:26px;
	font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
	color:var(--rsc-ink);text-decoration:none;
	padding-bottom:6px;border-bottom:1px solid var(--rsc-line);
	transition:border-color .35s var(--rsc-e)
}
.rsc__more svg{width:20px;height:9px;transition:transform .4s var(--rsc-e)}
.rsc__more svg path{fill:none;stroke:currentColor;stroke-width:1.3}
.rsc__more:hover{border-color:var(--rsc-ink)}
.rsc__more:hover svg{transform:translateX(5px)}

/* metin parçaları görselden hafif gecikmeli gelsin */
.rsc__text > *{
	opacity:0;transform:translateY(14px);
	transition:opacity .55s var(--rsc-e),transform .7s var(--rsc-e);
}
.rsc__chapter.is-active .rsc__text > *{opacity:1;transform:none}
.rsc__chapter.is-active .rsc__num  {transition-delay:.10s}
.rsc__chapter.is-active .rsc__label{transition-delay:.16s}
.rsc__chapter.is-active .rsc__title{transition-delay:.22s}
.rsc__chapter.is-active .rsc__body {transition-delay:.28s}
.rsc__chapter.is-active .rsc__more {transition-delay:.34s}

/* ---------- görsel ---------- */
.rsc__media{
	position:relative;margin:0;width:100%;height:100%;
	border-radius:var(--rsc-radius);overflow:hidden;background:var(--rsc-media-bg);
}
.rsc__media picture{display:block;width:100%;height:100%}
.rsc__media img{
	width:100%;height:100%;object-fit:cover;display:block;border:0;
	transform:scale(1.06);transition:transform 1.5s var(--rsc-e);
}
.rsc__chapter.is-active .rsc__media img{transform:scale(1)}

/* ---------- ilerleme + sayaç ---------- */
.rsc__rail{
	position:absolute;left:0;top:50%;transform:translateY(-50%);
	width:1px;height:clamp(120px,22vh,220px);background:var(--rsc-line);z-index:2;
}
.rsc__rail i{
	display:block;width:100%;height:100%;background:var(--rsc-accent);
	transform:scaleY(0);transform-origin:top;
}
.rsc__count{
	position:absolute;left:0;bottom:0;margin:0;z-index:2;
	font-size:10.5px;font-weight:500;letter-spacing:.2em;color:var(--rsc-mut);
	font-variant-numeric:tabular-nums;
}
.rsc__count b{color:var(--rsc-ink);font-weight:600}

/* ---------- mobil: sticky yok, sade akış ---------- */
@media (max-width:900px){
	.rsc__track{height:auto !important}
	.rsc__sticky{position:static;height:auto;display:block;overflow:visible}
	.rsc__stage{height:auto;display:flex;flex-direction:column;gap:clamp(44px,9vw,72px)}
	.rsc__chapter{
		position:relative;inset:auto;
		grid-template-columns:1fr;gap:22px;
		opacity:1;visibility:visible;transition:none;
	}
	.rsc__media{aspect-ratio:var(--rsc-ratio);height:auto;order:-1}
	.rsc__chapter .rsc__media img{transform:none}
	.rsc__text > *{opacity:1;transform:none;transition:none}
	.rsc__rail,.rsc__count{display:none}
	.rsc__num{font-size:clamp(40px,12vw,58px)}
}

@media (prefers-reduced-motion:reduce){
	.rsc__chapter,.rsc__text > *,.rsc__media img{transition-duration:.01ms !important}
}