/* Czytelność tekstu przy zachowaniu naturalnej jasności wizualizacji. */
.hero-shade{background:linear-gradient(90deg,rgba(10,22,17,.43),rgba(10,22,17,.10) 53%,transparent 78%),linear-gradient(0deg,rgba(0,0,0,.19),transparent 24%)}
.hero-content h1,.hero-content>p,.hero-content .text-link{text-shadow:0 2px 15px #0005}
.cinematic{height:240vh;position:relative;background:#17261f;isolation:isolate}
.cinematic-stage{position:sticky;top:94px;height:calc(100svh - 94px);overflow:hidden;min-height:450px}
.cinematic-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;transform:scale(var(--scene-scale,1.13)) translateY(var(--scene-shift,2%));will-change:transform}
.cinematic-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101d16a6,transparent 65%),linear-gradient(90deg,#101d1640,transparent 75%)}
.cinematic-copy{position:absolute;left:8%;right:8%;bottom:15%;color:white;opacity:var(--copy-opacity,1);transform:translateY(var(--copy-shift,0px));will-change:opacity,transform;pointer-events:none}
.cinematic-copy h2{font-size:clamp(48px,6vw,92px);max-width:900px;text-shadow:0 2px 18px #0004;margin-bottom:20px}
.cinematic-copy p:last-child{font-size:15px;max-width:420px;text-shadow:0 1px 8px #0008}
.cinematic-copy-secondary{opacity:var(--second-opacity,0);transform:translateY(var(--second-shift,30px))}
.cinematic-copy em{color:#e2ce8b}
.cinematic-indicator{position:absolute;bottom:32px;left:8%;right:8%;display:flex;justify-content:space-between;color:white;font-size:9px;letter-spacing:2px}
.cinematic-track{position:absolute;bottom:0;height:3px;background:#ffffff35;left:0;right:0}
.cinematic-track::after{content:'';display:block;height:100%;width:var(--scene-progress,0%);background:var(--gold)}
@media(max-width:760px){.hero-shade{background:linear-gradient(90deg,#10201966,#1020191a),linear-gradient(0deg,#10201933,transparent 70%)}.cinematic{height:210vh}.cinematic-stage{top:76px;height:calc(100svh - 76px);min-height:400px}.cinematic-copy{left:7%;right:7%;bottom:17%}.cinematic-copy h2{font-size:clamp(44px,9vw,68px)}.cinematic-image{object-position:54% center}.cinematic-copy p:last-child{font-size:13px}}
@media(prefers-reduced-motion:reduce){.cinematic{height:auto}.cinematic-stage{position:relative;top:0;height:75svh}.cinematic-image{transform:none;will-change:auto}.cinematic-copy{opacity:1;transform:none;will-change:auto}.cinematic-copy-secondary{display:none}.cinematic-indicator{display:none}}