/* Gazenta — index ek scroll animasyonları */

/* 2) Manifesto (kelime kelime belirme) */
.statement{height:200vh;background:#252422;color:#dddcda;position:relative}
.statement-sticky{position:sticky;top:0;height:100vh;min-height:620px;display:grid;align-items:center;overflow:hidden}
.statement .wrap{max-width:1150px;position:relative;z-index:2}
.statement .eyebrow{color:#918d88}
.statement-text{margin:44px 0 0;font-size:clamp(24px,3.29vw,50px);font-weight:520;letter-spacing:-.045em;line-height:1.16}
.statement-text .st-word{display:inline-block;opacity:.12;transition:opacity .5s ease}
@media(prefers-reduced-motion:reduce){.statement{height:auto}.statement-sticky{position:relative;height:auto;min-height:0;padding:110px 0}.statement-text .st-word{opacity:1!important}}

/* 3) Paralaks görsel bandı */
.parallax-band{position:relative;height:80vh;min-height:520px;overflow:hidden}
.parallax-media{position:absolute;inset:-8% 0;overflow:hidden}
.parallax-media img{width:100%;height:100%;object-fit:cover;transform:translateY(var(--py,0)) scale(1.1);filter:saturate(.72)}
.parallax-band:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#151514ea,transparent 55%),linear-gradient(180deg,#15151466,transparent 30%)}
.parallax-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;width:min(100% - var(--gap)*2,1392px);margin:0 auto;padding-bottom:64px;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.parallax-caption span{font:9px monospace;letter-spacing:.18em;text-transform:uppercase;color:#ffb08a}
.parallax-caption h3{margin:0;font-size:clamp(28px,3.6vw,56px);font-weight:520;letter-spacing:-.045em;line-height:1.05;max-width:620px}
@media(max-width:700px){.parallax-band{height:72vh;min-height:460px}.parallax-caption{display:block;padding-bottom:48px}.parallax-caption h3{margin-top:14px}}
/* 4) Değerler (Gazenta farkı) */
.values{padding:120px 0;background:#252422}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.value-card{position:relative;display:flex;flex-direction:column;gap:16px;min-height:290px;padding:38px 30px;background:var(--paper);overflow:hidden;transition:background .45s var(--ease)}
.value-card:hover{background:#201f1d}
.value-no{font:10px monospace;letter-spacing:.18em;color:var(--orange)}
.value-card h3{margin:0;font-size:clamp(22px,2vw,27px);font-weight:520;letter-spacing:-.045em}
.value-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.value-card:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.value-card:hover:before{transform:scaleX(1)}
@media(max-width:1000px){.values{padding:85px 0}.value-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.value-grid{grid-template-columns:1fr}.value-card{min-height:0;padding:30px 24px}}

@media(prefers-reduced-motion:reduce){.value-card,.value-card:before{transition:none}.parallax-media img{transform:none}}