/* MYKObyPRZ – port z salient-child/npz/npz2-hero.css (D-070). */
body.nprz-has-hero .nprz-header { position: fixed; left: 0; right: 0; top: 0; z-index: 120; transition: transform .7s var(--nprz-ease), background-color .35s var(--nprz-ease), box-shadow .3s var(--nprz-ease), border-color .3s; }
body.nprz-has-hero.admin-bar .nprz-header { top: 32px; }
body.nprz-has-hero .nprz-header.is-over, body.nprz-has-hero .nprz-header.is-over:not(.x) { background: transparent !important; background-color: transparent !important; border-bottom-color: transparent !important; box-shadow: none !important; }
body.nprz-has-hero .nprz-header.is-hidden { transform: translateY(-110%); }
body.nprz-has-hero .nprz-header.is-over:not(.is-light) .nprz-nav__list a, body.nprz-has-hero .nprz-header.is-over:not(.is-light) .nprz-tool, body.nprz-has-hero .nprz-header.is-over:not(.is-light) .nprz-lang__btn { color: var(--nprz-white); }
body.nprz-has-hero .nprz-header.is-over:not(.is-light) .nprz-tool:hover, body.nprz-has-hero .nprz-header.is-over:not(.is-light) .nprz-lang__btn:hover { color: var(--nprz-teal); }
body.nprz-has-hero .nprz-header.is-over:not(.is-light) .nprz-burger span:not(.nprz-sr) { background: var(--nprz-white); }
body.nprz-has-hero .nprz-header.is-over:not(.is-light) .nprz-nav__list a { text-shadow: 0 1px 14px rgba(20,41,39,.55); }
body.nprz-has-hero .nprz-root > section[id], body.nprz-has-hero .nprz-root [id].nprz-sec { scroll-margin-top: var(--nprz-header-h); }
.nprz-hs { position: relative; --p: 0; --mx: 0; --my: 0; --hs-top: calc(var(--nprz-header-h) + 8px); height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)); height: calc(100svh - var(--wp-admin--admin-bar--height, 0px)); min-height: 640px; overflow: hidden; background: var(--nprz-dark); color: var(--nprz-white); }
.nprz-hs__slides { position: absolute; inset: 0; }
.nprz-hs__slide { position: absolute; inset: 0; z-index: 0; visibility: hidden; overflow: hidden; background: var(--nprz-dark); clip-path: inset(0 0 0 100%); }
.nprz-hs[data-dir="-1"] .nprz-hs__slide:not(.is-active):not(.is-leaving) { clip-path: inset(0 100% 0 0); }
.nprz-hs__slide.is-active { visibility: visible; z-index: 2; clip-path: inset(0); }
.nprz-hs__slide.is-leaving { visibility: visible; z-index: 1; clip-path: inset(0); }
.nprz-hs.is-ready .nprz-hs__slide { transition: clip-path 1s cubic-bezier(.76, 0, .18, 1), visibility 0s linear 1s; }
.nprz-hs.is-ready .nprz-hs__slide.is-active { transition: clip-path 1s cubic-bezier(.76, 0, .18, 1), visibility 0s; }
.nprz-hs__bg { position: absolute; inset: 0; z-index: 0; transform: translateY(calc(var(--p) * 9%)) scale(calc(1.04 + var(--p) * .08)); will-change: transform; }
.nprz-hs__video { width: 100%; height: 100%; object-fit: cover; display: block; background: #0d1d1b; }
.nprz-hs__slide--video::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to top, rgba(20,41,39,.62) 0%, rgba(20,41,39,.34) 32%, rgba(20,41,39,0) 62%), linear-gradient(to right, rgba(20,41,39,.46) 0%, rgba(20,41,39,.18) 42%, rgba(20,41,39,0) 70%); }
.nprz-hs__slide--light { background: var(--nprz-white); color: var(--nprz-dark); }
.nprz-hs__ghost { position: absolute; inset: 0; z-index: 0; display: flex; align-items: center; overflow: hidden; pointer-events: none; transform: translateX(calc(var(--p) * -8%)); }
.nprz-hs__ghosttrack { display: flex; flex: none; white-space: nowrap; will-change: transform; font-family: var(--nprz-font-head); font-weight: 600; text-transform: uppercase; line-height: .82; font-size: clamp(220px, 46svh, 560px); color: var(--nprz-grey-light, #E6E2DC); letter-spacing: .01em; animation: nprz-hs-marquee 70s linear infinite; }
.nprz-hs__ghosttrack span { padding-right: .35em; }
.nprz-hs__ghosttrack span:nth-child(even) { color: transparent; -webkit-text-stroke: 1.5px var(--nprz-grey, #CFCCC3); }
@keyframes nprz-hs-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.nprz-hs__slide--light .nprz-hs__ghost { opacity: 0; transition: opacity 1.2s ease .3s; }
.nprz-hs__slide--light.is-active .nprz-hs__ghost { opacity: 1; }
.nprz-hs__stage { --ww: var(--wrap-w, min(var(--nprz-max, 1600px), calc(100vw - clamp(24px, 6vw, 120px) * 2))); --c: var(--grid-c, calc((var(--ww) - 20px) / 12)); --side: calc(var(--c) * 6); position: absolute; z-index: 2; left: calc((100% - var(--ww)) / 2); width: var(--ww); top: var(--hs-top); display: flex; justify-content: flex-start; gap: 0; transform: translateY(calc(var(--p) * -5vh)); opacity: calc(1 - var(--p) * 1.15); }
.nprz-hs__map { position: relative; width: var(--side); height: calc(var(--c) * var(--grid-rows, 5)); flex: none; container-type: inline-size; }
.nprz-hs__map::before { content: ""; position: absolute; inset: 0; z-index: 0; mix-blend-mode: multiply; background: url("../img/nprz-pattern-light-07.svg") no-repeat; background-size: calc(var(--side) * 2.2642) auto; background-position: calc(var(--side) * -.1179) calc(var(--side) * -.1356); }
.nprz-hs__map--photo::before { background-position: calc(var(--side) * -1.1462) calc(var(--side) * -.1356); }
.nprz-hs__map > * { position: relative; z-index: 1; }
.nprz-hs__map--copy { display: flex; align-items: flex-end; }
.nprz-hs__map .nprz-hs__copy { width: 100%; padding: 8cqw; text-shadow: none; max-width: none; pointer-events: auto; }
.nprz-hs__map--copy .nprz-eyebrow { display: block; margin-bottom: 1.4cqw; }
.nprz-hs__map--copy .nprz-hs__title { font-size: clamp(44px, 14.5cqw, 150px); line-height: .9; margin: 0 0 1.6cqw; color: var(--nprz-dark); }
.nprz-hs__map--copy .nprz-hs__sub { font-size: clamp(13px, 2.3cqw, 20px); margin: 0 0 2.6cqw; color: var(--nprz-teal); }
.nprz-hs__map--copy .nprz-hs__lead { font-size: clamp(16px, 3.3cqw, 26px); margin: 0 0 3.2cqw; color: var(--nprz-dark); max-width: 34ch; }
.nprz-hs__map--copy .nprz-hs__chips { margin-bottom: 3.2cqw; }
.nprz-hs__map--copy .nprz-hs__chips span { color: rgba(20,41,39,.65); }
.nprz-hs__map--copy .nprz-hs__price { font-size: clamp(34px, 7cqw, 64px); color: var(--nprz-dark); }
a.nprz-btn--ghost.nprz-hs__ghostbtn { color: var(--nprz-dark); }
.nprz-hs__slide--light a.nprz-btn--ghost { color: var(--nprz-dark); box-shadow: inset 0 0 0 1.5px var(--nprz-dark); }
.nprz-hs__slide--light a.nprz-btn--ghost:hover { background: var(--nprz-dark); color: var(--nprz-white); }
.nprz-hs__map--photo { overflow: visible; }
.nprz-hs__window { position: absolute; z-index: 2; }
.nprz-hs__window { box-sizing: border-box; padding: 0; }
.nprz-hs__window--a { z-index: 3; left: var(--c); top: 0; width: calc(var(--c) * 3); height: 100%; }
.nprz-hs__window--b { left: calc(var(--c) * 5); bottom: 0; width: calc(var(--c) * 2); height: calc(var(--c) * 3); }
.nprz-hs__window--c { left: 0; top: calc(var(--c) * 3); width: var(--c); height: var(--c); }
.nprz-hs__window--e { left: 0; top: calc(var(--c) * 4); width: var(--c); height: var(--c); }
.nprz-hs__window--f { left: calc(var(--c) * 3); top: 0; width: calc(var(--c) * 2); height: calc(var(--c) * 5); }
.nprz-hs__window--g { left: calc(var(--c) * 5); top: 0; width: calc(var(--c) * 2); height: calc(var(--c) * 5); }
.nprz-hs__window--f .nprz-hs__frame { transition-delay: .5s; }
.nprz-hs__window--g .nprz-hs__frame { transition-delay: .75s; }
.nprz-hs__window--b .nprz-hs__frame { transition-delay: .6s; }
.nprz-hs__window--c .nprz-hs__frame { transition-delay: .85s; }
.nprz-hs__window--e .nprz-hs__frame { transition-delay: 1.1s; }
.nprz-hs__frame.nprz-hs__frame--tile { background: var(--nprz-dark); display: flex; align-items: flex-end; padding: 10px; }
.nprz-hs__frame--tile span { font-family: var(--nprz-font-cap); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--nprz-white); }
.nprz-hs__spiral { position: absolute; z-index: 5; left: 0; top: 0; width: calc(var(--c) * 3); height: calc(var(--c) * 5); overflow: visible; pointer-events: none; }
.nprz-hs__spiral path { fill: none; stroke: var(--nprz-amber); stroke-width: .014; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 2.2s cubic-bezier(.5,0,.2,1) 1s; }
.nprz-hs__slide.is-active .nprz-hs__spiral path { stroke-dashoffset: 0; }
.nprz-hs__stamp { position: absolute; z-index: 4; right: calc(var(--c) * -.3); top: calc(var(--c) * -.3); width: calc(var(--c) * 1.15); height: auto; transform: rotate(-9deg); pointer-events: none; }
.nprz-body .nprz-hs__stamp, .nprz-body img.nprz-hs__stamp { max-width: none; }
.nprz-hs__map--copy::before { -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 22%, rgba(0,0,0,.24) 50%, rgba(0,0,0,.24) 100%); mask-image: linear-gradient(to bottom, #000 0, #000 22%, rgba(0,0,0,.24) 50%, rgba(0,0,0,.24) 100%); }
.nprz-hs__map--copy::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: repeating-linear-gradient(to right, var(--nprz-grey-light, #E6E2DC) 0 1px, transparent 1px var(--c)), repeating-linear-gradient(to bottom, var(--nprz-grey-light, #E6E2DC) 0 1px, transparent 1px var(--c)); }
@media (min-width: 1024px) {
.nprz-hs__map { container-type: size; }
.nprz-hs__map--copy { width: calc(var(--c) * 5); }
.nprz-hs__map--photo { width: calc(var(--c) * 7); }
.nprz-hs__map--photo::before { display: none; }
.nprz-hs__map .nprz-hs__copy { padding: 8cqmin; }
.nprz-hs__map--copy .nprz-eyebrow { margin-bottom: 1.4cqmin; }
.nprz-hs__map--copy .nprz-hs__title { font-size: clamp(44px, 14.5cqmin, 150px); margin-bottom: 1.6cqmin; }
.nprz-hs__map--copy .nprz-hs__sub { font-size: clamp(13px, 2.3cqmin, 20px); margin-bottom: 2.6cqmin; }
.nprz-hs__map--copy .nprz-hs__lead { font-size: clamp(16px, 3.3cqmin, 26px); margin-bottom: 3.2cqmin; }
.nprz-hs__map--copy .nprz-hs__chips { margin-bottom: 3.2cqmin; }
.nprz-hs__map--copy .nprz-hs__price { font-size: clamp(34px, 7cqmin, 64px); }
}
.nprz-hs__frame { position: relative; width: 100%; height: 100%; overflow: hidden; background: var(--nprz-grey-light, #E6E2DC); clip-path: inset(100% 0 0 0); transition: clip-path 1.2s cubic-bezier(.76,0,.18,1) .35s; box-shadow: 0 30px 70px rgba(20,41,39,.18); }
.nprz-hs__slide.is-active .nprz-hs__frame { clip-path: inset(0); }
.nprz-body .nprz-hs__frame img.nprz-hs__photo, .nprz-hs__photo { width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; display: block; max-width: none; transform: translate(calc(var(--mx) * -14px), calc(var(--my) * -10px)) scale(1.22); transition: transform 1.8s cubic-bezier(.2,.75,.2,1) .35s; }
.nprz-hs__slide.is-active .nprz-hs__photo { transform: translate(calc(var(--mx) * -14px), calc(var(--my) * -10px)) scale(1.06); }
.nprz-hs__code, .nprz-hs__badge { position: absolute; z-index: 3; font-family: var(--nprz-font-cap); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.nprz-hs__code { left: var(--c); top: -24px; color: rgba(20,41,39,.6); }
.nprz-hs__badge { right: 14px; top: 14px; padding: 6px 10px; background: var(--nprz-amber); color: #fff; }
.nprz-hs__inner { position: absolute; inset: 0; z-index: 3; display: flex; align-items: flex-end; padding: calc(var(--nprz-header-h) + 40px) clamp(20px, 7vw, 140px) clamp(88px, 12vh, 130px); transform: translateY(calc(var(--p) * -9vh)); opacity: calc(1 - var(--p) * 1.15); pointer-events: none; }
.nprz-hs__inner .nprz-hs__copy { max-width: min(980px, 68%); pointer-events: auto; text-shadow: 0 2px 28px rgba(20,41,39,.45); }
.nprz-hs__copy .nprz-eyebrow { display: block; margin-bottom: 14px; }
.nprz-hs__title { margin: 0 0 18px; font-family: var(--nprz-font-head); font-weight: 600; text-transform: uppercase; color: var(--nprz-white); font-size: clamp(44px, 4.9vw, 94px); line-height: .96; }
.nprz-hs__w { display: inline-block; overflow: hidden; vertical-align: top; padding: .04em 0 .08em; margin-bottom: -.08em; }
.nprz-hs__w > span { display: inline-block; transform: translateY(112%); transition: transform 1s cubic-bezier(.2,.75,.2,1) calc(.45s + var(--i) * .08s); }
.nprz-hs__slide.is-active .nprz-hs__w > span { transform: none; }
.nprz-hs__sub { margin: -6px 0 18px; font-family: var(--nprz-font-cap); font-size: clamp(14px, 1.1vw, 18px); letter-spacing: .14em; text-transform: uppercase; color: var(--nprz-teal); }
.nprz-hs__lead { margin: 0 0 28px; font-size: clamp(18px, 1.5vw, 24px); line-height: 1.45; color: rgba(247,245,241,.92); max-width: 44ch; }
.nprz-hs__chips { display: flex; flex-wrap: wrap; gap: 10px 28px; list-style: none; margin: 0 0 26px; padding: 0; }
.nprz-hs__chips li { display: flex; flex-direction: column; gap: 2px; padding-left: 14px; border-left: 2px solid var(--nprz-teal); }
.nprz-hs__chips span { font-family: var(--nprz-font-cap); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: rgba(207,204,195,.8); }
.nprz-hs__chips b { font-family: var(--nprz-font-cap); font-weight: 500; font-size: 20px; letter-spacing: .04em; }
.nprz-hs__buy { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.nprz-hs__price { font-family: var(--nprz-font-head); font-weight: 600; font-size: clamp(34px, 3vw, 52px); line-height: 1; margin-right: 8px; }
.nprz-hs__price .woocommerce-Price-currencySymbol { margin-right: 2px; }
.nprz-hs__copy .nprz-btnrow { margin: 0; }
.nprz-hs__fade { opacity: 0; transform: translateY(22px); transition: opacity .8s ease calc(.75s), transform .9s cubic-bezier(.2,.75,.2,1) calc(.75s); }
.nprz-hs__slide.is-active .nprz-hs__fade { opacity: 1; transform: none; }
.nprz-hs__copy > .nprz-hs__fade:nth-of-type(n+3) { transition-delay: .95s; }
.nprz-hs__copy .nprz-eyebrow.nprz-hs__fade { transition-delay: .3s; }
.nprz-hs__ui { position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 28px; padding: 0 clamp(20px, 7vw, 140px) 30px; pointer-events: none; opacity: calc(1 - var(--p) * 2); --ui: var(--nprz-white); --ui-dim: rgba(247,245,241,.3); }
.nprz-hs[data-tone="light"] .nprz-hs__ui { --ui: var(--nprz-dark); --ui-dim: rgba(20,41,39,.2); }
.nprz-hs__ui > * { pointer-events: auto; }
.nprz-hs__count { display: flex; align-items: center; gap: 10px; font-family: var(--nprz-font-cap); font-size: 13px; letter-spacing: .14em; color: var(--ui); }
.nprz-hs__sep { width: 28px; height: 1px; background: var(--ui); opacity: .55; }
.nprz-hs__bars { display: flex; gap: 8px; flex: 0 1 280px; }
.nprz-hs__bar { position: relative; flex: 1; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; }
.nprz-hs__bar::before { content: ""; position: absolute; left: 0; right: 0; top: 11px; height: 2px; background: var(--ui-dim); }
.nprz-hs__bar i { position: absolute; left: 0; top: 11px; height: 2px; width: 100%; background: var(--nprz-teal); transform: scaleX(0); transform-origin: 0 50%; }
.nprz-hs__bar.is-done i { transform: scaleX(1); }
.nprz-hs__bar.is-on i { animation: nprz-hs-fill var(--dur, 7500ms) linear forwards; }
.nprz-hs.is-paused .nprz-hs__bar.is-on i { animation-play-state: paused; }
@keyframes nprz-hs-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.nprz-hs__arrows { display: flex; gap: 8px; margin-left: auto; margin-right: clamp(0px, 3.2vw, 70px); }
.nprz-hs__arrow { width: 52px; height: 52px; padding: 0; border: 0; cursor: pointer; font-size: 20px; color: var(--ui); background: transparent; box-shadow: inset 0 0 0 1.5px var(--ui); transition: background-color .3s, color .3s; }
.nprz-hs__arrow:hover { background: var(--ui); color: var(--nprz-white); }
.nprz-hs[data-tone="light"] .nprz-hs__arrow:hover { color: var(--nprz-white); }
.nprz-hs__arrow:focus-visible, .nprz-hs__bar:focus-visible { outline: 2px solid var(--nprz-amber); outline-offset: 3px; }
.nprz-hs__scroll { display: none; }
@media (max-width: 1023px) {
.nprz-hs__stage { --side: calc(100vw - 32px); --c: calc(var(--side) / 6); left: 0; width: 100%; flex-direction: column; align-items: center; gap: 10px; top: calc(var(--nprz-header-h) + 4px); bottom: 124px; justify-content: flex-start; overflow: hidden; }
.nprz-hs__map { width: var(--side); height: auto; }
.nprz-hs__map--photo { order: -1; height: clamp(140px, 24svh, 260px); }
.nprz-hs__map--photo::before { display: none; }
.nprz-hs__window { left: 0; top: 0; width: 100%; height: 100%; aspect-ratio: auto; transform: none; }
.nprz-hs__window--b, .nprz-hs__window--c, .nprz-hs__window--e, .nprz-hs__window--f, .nprz-hs__window--g, .nprz-hs__spiral { display: none; }
.nprz-hs__window { padding: 0; }
.nprz-hs__stamp { right: 8px; top: 8px; width: 64px; }
.nprz-hs__code { left: 8px; top: 8px; z-index: 4; color: #fff; }
.nprz-hs__map--copy { min-height: 0; }
.nprz-hs__map--copy::before { background-position: calc(var(--side) * -.1179) calc(var(--side) * -.1356); }
.nprz-hs__map .nprz-hs__copy { padding: 18px; }
.nprz-hs__map--copy .nprz-hs__title { font-size: clamp(38px, 12vw, 64px); }
.nprz-hs__map--copy .nprz-hs__lead { font-size: 16px; margin-bottom: 14px; }
.nprz-hs__map--copy .nprz-hs__chips { margin-bottom: 14px; }
.nprz-hs__map--copy .nprz-hs__sub { font-size: 13px; margin-bottom: 12px; }
.nprz-hs__map--copy .nprz-hs__price { font-size: 34px; }
.nprz-hs__ghosttrack { font-size: clamp(160px, 34svh, 300px); }
.nprz-hs__inner { padding-bottom: 150px; }
.nprz-hs__inner .nprz-hs__copy { max-width: none; }
.nprz-hs__title { font-size: clamp(46px, 11vw, 84px); }
.nprz-hs__ui { gap: 16px; padding-bottom: 86px; }
.nprz-hs__bars { flex: 1 1 auto; }
.nprz-hs__arrow { width: 44px; height: 44px; }
}
@media (max-width: 599px) {
.nprz-hs { min-height: 600px; }
.nprz-hs__lead { font-size: 17px; margin-bottom: 20px; }
.nprz-hs__chips { gap: 8px 20px; }
.nprz-hs__chips b { font-size: 17px; }
.nprz-hs__arrows { display: none; }
.nprz-hs__map--photo { height: clamp(130px, 21svh, 200px); }
.nprz-hs__photo { object-position: 50% 40%; }
.nprz-hs__map .nprz-hs__copy { padding: 14px 16px; }
.nprz-hs__map--copy .nprz-hs__title { font-size: clamp(34px, 10vw, 52px); margin-bottom: 6px; }
.nprz-hs__map--copy .nprz-hs__chips { display: none; }
.nprz-hs__map--copy .nprz-hs__sub { margin-bottom: 8px; }
.nprz-hs__map--copy .nprz-hs__lead { margin-bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
.nprz-hs.is-ready .nprz-hs__slide, .nprz-hs__w > span, .nprz-hs__fade, .nprz-hs__frame, .nprz-hs__photo, .nprz-hs__slide--light .nprz-hs__ghost { transition: none !important; }
.nprz-hs__ghosttrack { animation: none; }
.nprz-hs__bg, .nprz-hs__inner, .nprz-hs__stage, .nprz-hs__ghost { transform: none !important; }
.nprz-hs__bar.is-on i { animation: none; transform: scaleX(1); }
}
.nprz-hs__play { position: absolute; z-index: 4; right: clamp(24px, 9vw, 190px); top: 50%; margin-top: -60px; width: 120px; height: 120px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; background: var(--nprz-teal); color: var(--nprz-white); display: flex; align-items: center; justify-content: center; opacity: calc(1 - var(--p) * 1.15); transition: background-color .25s var(--nprz-ease), transform .35s var(--nprz-ease); }
.nprz-hs__play svg { width: 34px; height: 34px; margin-left: 5px; fill: currentColor; position: relative; z-index: 1; }
.nprz-hs__play::before, .nprz-hs__play::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; border: 5px solid rgba(53,156,149,.55); animation: nprz-play-pulse 2.8s cubic-bezier(.2,.6,.3,1) infinite; pointer-events: none; }
.nprz-hs__play::after { animation-delay: 1.4s; }
@keyframes nprz-play-pulse { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(1.75); opacity: 0; } }
.nprz-hs__play:hover, .nprz-hs__play:focus-visible { background: var(--nprz-teal-hover); transform: scale(1.06); }
.nprz-hs__play:focus-visible { outline: 2px solid var(--nprz-white); outline-offset: 6px; }
.nprz-vbox { position: fixed; inset: 0; z-index: 100000; overflow: hidden; --ox: 50%; --oy: 50%; }
.nprz-vbox__dim { position: absolute; inset: 0; background: #050b0a; opacity: 0; transition: opacity 1.3s cubic-bezier(.4,0,.2,1); }
.nprz-vbox__stage { position: absolute; inset: 0; background: #000; clip-path: circle(0px at var(--ox) var(--oy)); transition: clip-path .95s cubic-bezier(.65,0,.25,1); }
.nprz-vbox.is-open .nprz-vbox__dim { opacity: .96; }
.nprz-vbox.is-open .nprz-vbox__stage { clip-path: circle(150vmax at var(--ox) var(--oy)); }
.nprz-vbox.is-closing .nprz-vbox__dim { transition-duration: .8s; }
.nprz-vbox.is-closing .nprz-vbox__stage { transition-duration: .7s; }
.nprz-vbox__video { width: 100%; height: 100%; object-fit: cover; display: block; background: #000; }
.nprz-vbox__btns { position: absolute; top: clamp(14px, 3vh, 28px); right: clamp(14px, 3vw, 32px); z-index: 2; display: flex; gap: 10px; opacity: 0; transition: opacity .5s .55s; }
.nprz-vbox.is-open .nprz-vbox__btns { opacity: 1; }
.nprz-vbox.is-closing .nprz-vbox__btns { opacity: 0; transition-delay: 0s; }
.nprz-vbox__btn { width: 44px; height: 44px; padding: 0; border-radius: 0; border: 1px solid rgba(247,245,241,.6); cursor: pointer; background: rgba(20,41,39,.55); color: var(--nprz-white); display: flex; align-items: center; justify-content: center; transition: background-color .2s, border-color .2s; }
.nprz-vbox__btn:hover, .nprz-vbox__btn:focus-visible { background: var(--nprz-teal); border-color: var(--nprz-teal); outline: none; }
.nprz-vbox__btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.nprz-vbox__btn .i-off { display: none; }
.nprz-vbox.is-muted .nprz-vbox__btn--mute .i-on { display: none; }
.nprz-vbox.is-muted .nprz-vbox__btn--mute .i-off { display: block; }
html.nprz-vbox-lock, html.nprz-vbox-lock body { overflow: hidden; }
@media (max-width: 899px) {
.nprz-hs__play { right: 20px; top: auto; bottom: 168px; margin-top: 0; width: 84px; height: 84px; }
.nprz-hs__play svg { width: 26px; height: 26px; }
}
@media (prefers-reduced-motion: reduce) {
.nprz-hs__play::before, .nprz-hs__play::after { animation: none; opacity: .5; }
.nprz-vbox__stage { clip-path: none; opacity: 0; transition: opacity .3s; }
.nprz-vbox.is-open .nprz-vbox__stage { opacity: 1; clip-path: none; }
.nprz-vbox__dim { transition-duration: .3s; }
}
.nprz-vbox__brand { position: absolute; z-index: 2; left: 50%; bottom: clamp(18px, 4.5vh, 44px); transform: translateX(-50%) translateY(26px); display: flex; align-items: stretch; max-width: calc(100vw - 32px); border: 1px solid rgba(247,245,241,.34); background: transparent; color: var(--nprz-white); opacity: 0; clip-path: inset(0 50% 0 50%); transition: opacity .35s ease, transform .45s cubic-bezier(.5,0,.75,0), clip-path .45s cubic-bezier(.5,0,.75,0); pointer-events: none; }
.nprz-vbox.is-open .nprz-vbox__brand { opacity: 1; transform: translateX(-50%); clip-path: inset(0); transition: opacity .6s ease .85s, transform .9s cubic-bezier(.2,.75,.2,1) .85s, clip-path 1s cubic-bezier(.2,.75,.2,1) .85s; }
.nprz-vbox__sign { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-right: 1px solid rgba(247,245,241,.34); }
.nprz-vbox__sign img { width: 30px; height: 30px; object-fit: contain; display: block; opacity: 0; transform: scale(.7); transition: opacity .3s, transform .3s; }
.nprz-vbox.is-open .nprz-vbox__sign img { opacity: 1; transform: none; transition: opacity .6s ease 1.3s, transform .8s cubic-bezier(.2,.75,.2,1) 1.3s; }
.nprz-vbox__tag { display: flex; align-items: center; padding: 0 22px; overflow: hidden; }
.nprz-vbox__tag span { display: block; font-family: var(--nprz-font-head); font-weight: 600; text-transform: uppercase; font-size: clamp(18px, 2.2vw, 26px); line-height: 1; letter-spacing: .02em; white-space: nowrap; transform: translateY(120%); transition: transform .35s cubic-bezier(.5,0,.75,0); }
.nprz-vbox.is-open .nprz-vbox__tag span { transform: none; transition: transform .8s cubic-bezier(.2,.75,.2,1) 1.45s; }
@media (max-width: 599px) {
.nprz-vbox__sign { width: 52px; height: 52px; }
.nprz-vbox__sign img { width: 24px; height: 24px; }
.nprz-vbox__tag { padding: 0 14px; }
}
@media (prefers-reduced-motion: reduce) {
.nprz-vbox__brand, .nprz-vbox.is-open .nprz-vbox__brand { transform: translateX(-50%); clip-path: none; transition: opacity .3s; }
.nprz-vbox__tag span, .nprz-vbox.is-open .nprz-vbox__tag span, .nprz-vbox__sign img, .nprz-vbox.is-open .nprz-vbox__sign img { transform: none; transition: none; opacity: 1; }
}
.nprz-hs__stage { transform: none; opacity: calc(1 - var(--p) * .75); }
.nprz-hs__ghost { transform: translate(calc(var(--p) * -8%), calc(var(--p) * 7vh)); }
.nprz-hs__map--copy .nprz-hs__copy { translate: calc(var(--mx) * -6px) calc(var(--p) * -7vh + var(--my) * -4px); will-change: translate; }
.nprz-hs__window { will-change: translate, transform; transform: perspective(1400px) rotateY(calc(var(--mx) * -1.6deg)) rotateX(calc(var(--my) * 1.2deg)); filter: drop-shadow(0 22px 26px rgba(20,41,39,.13)) drop-shadow(0 4px 8px rgba(20,41,39,.08)); }
.nprz-hs__window--a, .nprz-hs__window--f { translate: calc(var(--mx) * 8px) calc(var(--p) * -12vh + var(--my) * 5px); }
.nprz-hs__window--b, .nprz-hs__window--g { translate: calc(var(--mx) * 14px) calc(var(--p) * -19vh + var(--my) * 9px); }
.nprz-hs__window--c, .nprz-hs__window--e { translate: calc(var(--mx) * 12px) calc(var(--p) * -16vh); }
.nprz-hs__frame { animation: nprz-hs-float 7s ease-in-out infinite; }
.nprz-hs__window--g .nprz-hs__frame, .nprz-hs__window--b .nprz-hs__frame { animation-duration: 8.5s; animation-delay: -3s; }
@keyframes nprz-hs-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
.nprz-hs__photo { transform: translate(calc(var(--mx) * -14px), calc(var(--my) * -10px + var(--p) * 7%)) scale(1.22); }
.nprz-hs__slide.is-active .nprz-hs__photo { transform: translate(calc(var(--mx) * -14px), calc(var(--my) * -10px + var(--p) * 7%)) scale(1.1); }
.nprz-body .nprz-hs__frame img.nprz-hs__photo { transform: translate(calc(var(--mx) * -14px), calc(var(--my) * -10px + var(--p) * 7%)) scale(1.22); }
.nprz-body .nprz-hs__slide.is-active .nprz-hs__frame img.nprz-hs__photo { transform: translate(calc(var(--mx) * -14px), calc(var(--my) * -10px + var(--p) * 7%)) scale(1.1); }
.nprz-hs__stamp { translate: calc(var(--mx) * 8px) calc(var(--p) * -21vh + var(--my) * 5px); filter: drop-shadow(0 8px 8px rgba(20,41,39,.14)); will-change: translate; }
.nprz-hs__badge, .nprz-hs__code { translate: calc(var(--mx) * 8px) calc(var(--p) * -21vh + var(--my) * 5px); }
@media (max-width: 1023px) {
.nprz-hs__window { transform: none; filter: drop-shadow(0 10px 12px rgba(20,41,39,.12)); }
.nprz-hs__window--a, .nprz-hs__window--f { translate: 0 calc(var(--p) * -6vh); }
.nprz-hs__map--copy .nprz-hs__copy { translate: 0 calc(var(--p) * -3vh); }
.nprz-hs__stamp { translate: 0 calc(var(--p) * -9vh); }
}
@media (prefers-reduced-motion: reduce) {
.nprz-hs__frame { animation: none; }
.nprz-hs__window, .nprz-hs__stamp, .nprz-hs__badge, .nprz-hs__code, .nprz-hs__map--copy .nprz-hs__copy { translate: none; transform: none; }
.nprz-hs__stamp { transform: rotate(-9deg); }
}
.nprz-hs { --hs-top: calc(var(--nprz-header-h) + 36px); }
.nprz-hs__code { top: auto; bottom: calc(var(--c) * -.28); }
@keyframes nprz-hs-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }
@media (max-width: 1023px) {
.nprz-hs { --hs-top: calc(var(--nprz-header-h) + 8px); }
}
.nprz-body .nprz-hs__slide--light .nprz-hs__frame img.nprz-hs__photo, .nprz-hs__slide--light .nprz-hs__photo { filter: saturate(1.22) contrast(1.05) brightness(1.02); }
.nprz-body .nprz-hs__slide--light .nprz-hs__frame img.nprz-hs__photo[src*="enigma"] { filter: saturate(1.5) contrast(1.08) brightness(1.03); }
@media (min-width: 1024px) {
.nprz-hs__window--b { top: calc(var(--c) * 2); bottom: auto; }
.nprz-hs__window--a, .nprz-hs__window--b { transition: left 1.25s cubic-bezier(.76,0,.18,1), top 1.25s cubic-bezier(.76,0,.18,1), width 1.25s cubic-bezier(.76,0,.18,1), height 1.25s cubic-bezier(.76,0,.18,1); }
.nprz-hs__map--photo[data-swap="1"] .nprz-hs__window--a { left: calc(var(--c) * 5); top: calc(var(--c) * 2); width: calc(var(--c) * 2); height: calc(var(--c) * 3); }
.nprz-hs__map--photo[data-swap="1"] .nprz-hs__window--b { left: var(--c); top: 0; width: calc(var(--c) * 3); height: 100%; }
}
.nprz-hs__spark { position: absolute; z-index: 7; left: var(--sx, 50%); top: var(--sy, 50%); width: 48px; height: 48px; margin: -24px 0 0 -24px; padding: 0; border: 0; background: none; cursor: pointer; border-radius: 50%; opacity: 0; transform: scale(0); pointer-events: none; transition: opacity .7s ease, transform .8s cubic-bezier(.2,.9,.2,1.3); }
.nprz-hs__spark::before { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; background: var(--nprz-amber); box-shadow: 0 0 0 3px rgba(247,245,241,.85), 0 0 18px 4px rgba(210,105,24,.65); }
.nprz-hs__spark::after, .nprz-hs__spark i { content: ""; position: absolute; inset: 12px; border-radius: 50%; border: 2px solid rgba(247,245,241,.9); opacity: 0; }
.nprz-hs__spark.is-on { opacity: 1; transform: scale(1); pointer-events: auto; }
.nprz-hs__spark.is-on::after { animation: nprz-spark-ring 1.9s cubic-bezier(.2,.6,.3,1) infinite; }
.nprz-hs__spark.is-on i { animation: nprz-spark-ring 1.9s cubic-bezier(.2,.6,.3,1) .95s infinite; }
@keyframes nprz-spark-ring { 0% { transform: scale(.5); opacity: .95; } 100% { transform: scale(2.4); opacity: 0; } }
.nprz-hs__slide:not(.is-active) .nprz-hs__spark { opacity: 0; pointer-events: none; transform: scale(0); }
.nprz-hs__spark:focus-visible { outline: 2px solid var(--nprz-white); outline-offset: 4px; }
@media (max-width: 1023px) {
.nprz-hs__spark { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.nprz-hs__window--a, .nprz-hs__window--b { transition: none !important; }
.nprz-hs__spark.is-on::after, .nprz-hs__spark.is-on i { animation: none; opacity: .6; transform: scale(1.6); }
}
.nprz-body .nprz-hs__slide--light .nprz-hs__frame img.nprz-hs__photo { transition: transform 1.8s cubic-bezier(.2,.75,.2,1) .35s, scale 1.6s cubic-bezier(.3,.1,.2,1), translate 1.6s cubic-bezier(.3,.1,.2,1); }
@media (hover: hover) and (pointer: fine) {
.nprz-body .nprz-hs__slide--light .nprz-hs__window:hover .nprz-hs__frame img.nprz-hs__photo { scale: 1.17; translate: -1.6% -1.2%; transition: transform 1.8s cubic-bezier(.2,.75,.2,1) .35s, scale 9s cubic-bezier(.22,.5,.3,1), translate 9s cubic-bezier(.22,.5,.3,1); }
}
@media (prefers-reduced-motion: reduce) {
.nprz-body .nprz-hs__slide--light .nprz-hs__window:hover .nprz-hs__frame img.nprz-hs__photo { scale: none; translate: none; }
}
.nprz-body .nprz-b2b--ghost { position: relative; overflow: hidden; }
@keyframes nprz-b2bg-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* slider promowanych produktów na stronie sklepu: niższy niż hero strony głównej (D-081) */
.nprz-body .nprz-promo-shop .nprz-hs { height: min(78vh, 780px); min-height: 560px; }

/* etykieta slajdu produktu (New / Featured / On sale / Bestseller) z pulsującym punktem jak w FAQ */
.nprz-body .nprz-eyebrow--live { display: inline-flex; align-items: center; gap: 12px; }
.nprz-body .nprz-eyebrow--live::before { content: ""; flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: var(--nprz-amber); animation: nprz-live-pulse 2.4s infinite; }
@keyframes nprz-live-pulse { 0% { box-shadow: 0 0 0 0 rgba(210,105,24,.55); } 70% { box-shadow: 0 0 0 10px rgba(210,105,24,0); } 100% { box-shadow: 0 0 0 0 rgba(210,105,24,0); } }
@media (prefers-reduced-motion: reduce) { .nprz-body .nprz-eyebrow--live::before { animation: none; } }

/* znaczki (stempel, plakietka 360°) znikają przy zmianie slajdu i pojawiają się po wejściu zdjęcia */
.nprz-hs__stamp, .nprz-hs__badge { opacity: 0; transition: opacity .3s ease; }
.nprz-hs__slide.is-active .nprz-hs__stamp, .nprz-hs__slide.is-active .nprz-hs__badge { opacity: 1; transition: opacity .7s ease .95s; }
@media (prefers-reduced-motion: reduce) { .nprz-hs__stamp, .nprz-hs__badge { transition: none !important; } }

/* tytuł slajdu wideo w trzech liniach (Psilocybin / Mushroom / Grow kit): szerokość tytułu w em, więc układ się nie zmienia przy skalowaniu */
.nprz-hs__inner .nprz-hs__title { max-width: 5.7em; }