/* PRZ from joost.pl for MYKOLAB – https://joost.pl */
/* MYKObyPRZ – About: sekcja „Why / Today” z portretem właściciela animowanym przewijaniem (D-253, ciemna wersja przywrócona D-256). Klasy: nprz-owner, nprz-owner__stage/bg/fg. */
.nprz-body .nprz-owner { position: relative; background: var(--nprz-dark); color: var(--nprz-white); overflow: clip; }
.nprz-body .nprz-owner .nprz-sec__inner { position: relative; z-index: 1; }
.nprz-body .nprz-owner.nprz-sec { padding-top: 0; }

/* scena przyklejona do ekranu, treść przewija się nad nią */
.nprz-owner__stage { position: sticky; top: 0; z-index: 0; height: 100vh; height: 100svh; margin: 0 0 -100vh calc(50% - 50vw) !important; margin-bottom: -100svh !important; width: 100vw; max-width: none; overflow: hidden; pointer-events: none; will-change: opacity, filter; }
.nprz-owner__stage canvas { position: absolute; display: block; }
/* tło: ta sama klatka mocno rozmyta – bursztynowa poświata regałów laboratorium */
.nprz-owner__bg { left: -10%; top: -10%; width: 120%; height: 120%; filter: blur(48px) saturate(1.15); opacity: .4; }
/* ostry portret po prawej, krawędzie wtapiają się w tło */
.nprz-owner__fg { right: 0; top: 0; height: min(112.2%, 1700px); width: auto; aspect-ratio: 1260 / 1523; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24%), linear-gradient(180deg, transparent 0, #000 7%); -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent 0, #000 24%), linear-gradient(180deg, transparent 0, #000 7%); mask-composite: intersect; }
/* welon: ciemny od lewej (czytelność tekstu), jasny przy twarzy */
.nprz-owner__stage::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20, 41, 39, .98) 0, rgba(20, 41, 39, .95) 26%, rgba(20, 41, 39, .55) 42%, rgba(20, 41, 39, 0) 54%), linear-gradient(180deg, var(--nprz-dark) 0, transparent 14%, transparent 80%, var(--nprz-dark) 100%); }

/* oś „Why / Today” na ciemnym tle */
.nprz-body .nprz-owner .nprz-tl__item { padding-bottom: clamp(120px, 22vh, 260px); min-height: 80vh; }
.nprz-body .nprz-owner .nprz-tl__item:last-child { padding-bottom: 0; min-height: 110vh; }
/* „Why” zaczyna się na wysokości ramion, w trakcie przewijania unosi się do góry */
.nprz-body .nprz-owner .nprz-tl__item:first-child { padding-top: 46vh; }
.nprz-body .nprz-owner .nprz-tl__item::before { background: rgba(247, 245, 241, .28); }
.nprz-body .nprz-owner .nprz-tl__item:last-child::before { background: linear-gradient(rgba(247, 245, 241, .28), transparent); }
/* początek osi wyłania się z przezroczystości (tak jak koniec osi w etapie 500 m²) */
.nprz-body .nprz-owner .nprz-tl__item:first-child::before { background: linear-gradient(180deg, transparent 0, rgba(247, 245, 241, .28) 160px); }
.nprz-body .nprz-owner .nprz-tl__tag::after { background: var(--nprz-dark); }
.nprz-body .nprz-owner .nprz-tl__body { max-width: min(58ch, 100%); }
.nprz-body .nprz-owner .nprz-tl__body h2 { color: var(--nprz-white); }
.nprz-body .nprz-owner .nprz-tl__body p { color: var(--nprz-white); opacity: .9; }
.nprz-body .nprz-owner .nprz-tl__body p.nprz-tl__pull { color: var(--nprz-teal); opacity: 1; }

@media (max-width: 1024px) {
	/* telefon i tablet: portret przyklejony u góry (ok. 40% ekranu), tekst przewija się pod nim (D-270) */
	.nprz-owner__stage { width: 100vw; height: clamp(300px, 64svh, 760px); margin: 0 0 0 calc(50% - 50vw) !important; z-index: 3; background: var(--nprz-dark); }
	.nprz-owner__stage::after { z-index: 1; background: linear-gradient(180deg, rgba(20, 41, 39, .6) 0, transparent 26%), linear-gradient(0deg, var(--nprz-dark) 0, rgba(20, 41, 39, .6) 36%, transparent 74%); }
	.nprz-owner__bg { display: none; }
	.nprz-owner__fg { left: 0; right: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 50% 10%; opacity: 1; -webkit-mask-image: none; mask-image: none; }
	.nprz-body .nprz-owner .nprz-tl__item:first-child { padding-top: 22px; }
	.nprz-body .nprz-owner .nprz-tl__item { min-height: 0; padding-bottom: 64px; }
	.nprz-body .nprz-owner .nprz-tl__item:last-child { min-height: 0; padding-bottom: 96px; }
	.nprz-body .nprz-owner .nprz-tl__body { max-width: none; }
}

@media (max-width: 1024px) and (orientation: landscape) and (max-height: 620px) {
	.nprz-owner__stage { height: 56svh; }
}

/* sekcja „Our vision” na tej podstronie na jasnym tle (D-257) */
.nprz-body .nprz-manifest.nprz-sec--light h2, .nprz-body .nprz-manifest.nprz-sec--light p.nprz-manifest__lead, .nprz-body .nprz-manifest.nprz-sec--light p.nprz-manifest__text { color: var(--nprz-dark); }
.nprz-body .nprz-manifest.nprz-sec--light p.nprz-manifest__lead { opacity: .92; }
.nprz-body .nprz-manifest.nprz-sec--light p.nprz-manifest__text { opacity: .8; }