.pnw-hero-pin{position:relative}.pnw-hero{position:fixed;top:0;left:0;width:100%;height:100vh;min-height:100vh;overflow:hidden;background:#111;display:flex;align-items:center;font-family:inherit;color:#fff;z-index:100}.pnw-hero--unpinned{position:absolute;bottom:0;top:auto}.pnw-hero__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;will-change:transform,opacity;transform-origin:center center}.pnw-hero__scroll-video{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center center}.pnw-hero__scroll-video::-webkit-media-controls{display:none!important}.pnw-hero__scroll-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.pnw-hero__scroll-video::-webkit-media-controls-panel{display:none!important}.pnw-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.2) 20%,transparent 40%,transparent 70%,rgba(0,0,0,.35) 100%)}.pnw-hero__transition{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:hidden}.pnw-hero__panel{position:absolute;top:-5%;bottom:-5%;will-change:transform}.pnw-hero__panel--left{left:-5%;width:56%;background:linear-gradient(100deg,#0a0a0a 75%,#161616);transform:translate(-110%) skew(-3deg)}.pnw-hero__panel--right{right:-5%;width:56%;background:linear-gradient(280deg,#0a0a0a 75%,#161616);transform:translate(110%) skew(-3deg)}.pnw-hero__transition--split .pnw-hero__panel--left{animation:pnwPanelSplitL 1.1s cubic-bezier(.76,0,.24,1) both}.pnw-hero__transition--split .pnw-hero__panel--right{animation:pnwPanelSplitR 1.1s cubic-bezier(.76,0,.24,1) both}@keyframes pnwPanelSplitL{0%{transform:translate(-110%) skew(-3deg)}40%{transform:translate(0) skew(-3deg)}60%{transform:translate(0) skew(-3deg)}to{transform:translate(-110%) skew(-3deg)}}@keyframes pnwPanelSplitR{0%{transform:translate(110%) skew(-3deg)}40%{transform:translate(0) skew(-3deg)}60%{transform:translate(0) skew(-3deg)}to{transform:translate(110%) skew(-3deg)}}.pnw-hero__transition--wipe-r .pnw-hero__panel--left{width:120%;animation:pnwWipeR 1.1s cubic-bezier(.76,0,.24,1) both}@keyframes pnwWipeR{0%{transform:translate(-110%) skew(-3deg)}40%{transform:translate(-5%) skew(-3deg)}60%{transform:translate(-5%) skew(-3deg)}to{transform:translate(110%) skew(-3deg)}}.pnw-hero__transition--wipe-l .pnw-hero__panel--right{width:120%;animation:pnwWipeL 1.1s cubic-bezier(.76,0,.24,1) both}@keyframes pnwWipeL{0%{transform:translate(110%) skew(-3deg)}40%{transform:translate(5%) skew(-3deg)}60%{transform:translate(5%) skew(-3deg)}to{transform:translate(-110%) skew(-3deg)}}.pnw-hero__slider{position:relative;z-index:3;width:100%;min-height:100vh;display:flex;align-items:center;will-change:transform,opacity}.pnw-hero__slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;opacity:0;pointer-events:none;z-index:1}.pnw-hero__slide--active{opacity:1;pointer-events:auto;z-index:2}.pnw-hero__inner{position:relative;z-index:3;display:flex;align-items:center;width:100%;padding-top:20px;padding-bottom:80px;overflow:visible}.pnw-hero__card{position:relative;max-width:520px;padding:48px 52px;background:#0000008c;border:1px solid rgba(255,255,255,.15);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.pnw-hero__slide--entering .pnw-hero__subtitle{animation:pnwFromLeft .65s cubic-bezier(.25,1,.5,1) .3s both}.pnw-hero__slide--entering .pnw-hero__heading{animation:pnwFromBelow .65s cubic-bezier(.25,1,.5,1) .4s both}.pnw-hero__slide--entering .pnw-hero__description{animation:pnwFromBelow .6s cubic-bezier(.25,1,.5,1) .5s both}.pnw-hero__slide--entering .pnw-hero__btn{animation:pnwPopIn .5s cubic-bezier(.34,1.56,.64,1) .6s both}@keyframes pnwFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pnwFromBelow{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes pnwPopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.pnw-hero__subtitle{display:inline-block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:#ffffffb3;margin-bottom:14px}.pnw-hero__heading{font-size:clamp(2.6rem,6vw,4.5rem);font-weight:800;line-height:1.08;color:#fff;margin:0 0 20px;letter-spacing:-.02em}.pnw-hero__description{font-size:1.6rem;line-height:1.7;color:#ffffffb3;margin:0 0 32px;max-width:420px}.pnw-hero__btn{display:inline-block;background:rgb(var(--color-base-accent-1));color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;padding:18px 48px;border-radius:50px;border:none;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.pnw-hero__btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--color-base-accent-1),.4);color:#fff}.pnw-hero__dots-nav{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:25;display:flex;gap:10px}.pnw-hero__dot-btn{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;padding:0;transition:all .35s ease}.pnw-hero__dot-btn--active{background:#fff;border-color:#fff;transform:scale(1.2);box-shadow:0 0 8px #fff6}.pnw-hero__nav{position:absolute;bottom:26px;left:5%;z-index:25}.pnw-hero__next{background:none;border:none;font-size:.85rem;font-weight:700;letter-spacing:.18em;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 0;transition:color .3s;text-transform:uppercase}.pnw-hero__next:hover{color:#fff}.pnw-hero__next-arrow{font-size:.75rem;transition:transform .3s}.pnw-hero__next:hover .pnw-hero__next-arrow{transform:translate(4px)}.pnw-hero__accent-line{position:absolute;bottom:0;left:10%;right:10%;height:1px;z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}@media(max-width:749px){.pnw-hero__slider{min-height:100svh}.pnw-hero__card{max-width:100%;padding:28px 24px;margin:0 16px}.pnw-hero__heading{font-size:2rem}.pnw-hero__description{font-size:1rem}.pnw-hero__btn{padding:16px 36px;font-size:.85rem}.pnw-hero__nav{bottom:16px;left:50%;transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/pnw-hero.css.map */