.nv-hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;overflow:hidden;margin-top:calc(-1 * var(--header-height, 64px));padding-top:var(--header-height, 64px);--nv-hero-progress: 0;background-color:rgb(var(--color-background));background-image:linear-gradient(to right,var(--nv-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--nv-grid-line) 1px,transparent 1px);background-size:var(--nv-cell) var(--nv-cell);background-position:left bottom}.nv-hero__gradient-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background-color:#4a1b40;transform:scale(calc(1 - var(--nv-hero-progress) * .08));transform-origin:50% 0;will-change:transform}.nv-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.nv-hero__gradient{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;opacity:0;filter:blur(24px);transition:opacity 2.4s ease-in-out;will-change:opacity;display:block!important}.nv-hero__texture{display:block!important}.nv-hero__gradient.is-active{opacity:var(--nv-hero-gradient-opacity, 1)}.nv-hero__gradient--strawberry{background:radial-gradient(ellipse 55% 50% at 78% 28%,rgba(238,168,188,.55) 0%,transparent 50%),radial-gradient(ellipse 50% 45% at 60% 58%,rgba(220,80,128,.7) 0%,transparent 55%),radial-gradient(ellipse 45% 40% at 92% 82%,rgba(196,27,74,.75) 0%,transparent 55%),radial-gradient(ellipse 60% 70% at 0% 50%,rgba(18,6,20,.55) 0%,transparent 55%),#4a1b40}.nv-hero__gradient--lychee{background:radial-gradient(ellipse 55% 50% at 80% 22%,rgba(228,168,210,.55) 0%,transparent 50%),radial-gradient(ellipse 50% 45% at 58% 58%,rgba(190,90,178,.7) 0%,transparent 55%),radial-gradient(ellipse 50% 45% at 55% 92%,rgba(170,65,152,.75) 0%,transparent 55%),radial-gradient(ellipse 35% 32% at 92% 22%,rgba(150,200,220,.3) 0%,transparent 50%),radial-gradient(ellipse 60% 70% at 0% 50%,rgba(18,6,20,.55) 0%,transparent 55%),#4a1b40}.nv-hero__gradient--lemon{background:radial-gradient(ellipse 55% 50% at 78% 20%,rgba(252,232,140,.55) 0%,transparent 50%),radial-gradient(ellipse 50% 45% at 60% 54%,rgba(232,194,60,.7) 0%,transparent 55%),radial-gradient(ellipse 45% 40% at 88% 84%,rgba(201,168,16,.75) 0%,transparent 55%),radial-gradient(ellipse 60% 70% at 0% 50%,rgba(18,6,20,.55) 0%,transparent 55%),#4a1b40}@keyframes nvHeroDrift{0%{transform:translate(0)}25%{transform:translate(-20px,10px)}50%{transform:translate(10px,20px)}75%{transform:translate(20px,-10px)}to{transform:translate(0)}}.nv-hero__gradient.is-active{animation:nvHeroDrift 18s ease-in-out infinite}.nv-hero__texture{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fcf9f60a,#3d132208);mix-blend-mode:soft-light}.nv-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:calc(var(--header-height, 64px) + 96px);background:linear-gradient(to bottom,#1206146b,#12061400);opacity:calc(1 - var(--nv-hero-progress));z-index:1;pointer-events:none}.nv-hero .page-width{max-width:none;margin:0;padding:0 clamp(24px,5vw,80px)}.nv-hero__content{position:relative;z-index:2;max-width:640px;opacity:calc(1 - var(--nv-hero-progress) * .9);transform:translateY(calc(var(--nv-hero-progress) * -48px))}.nv-hero__eyebrow{margin:0 0 24px;color:#fcf9f680;opacity:0;transform:translateY(8px);animation:nvHeroReveal .8s var(--nv-ease) calc(var(--nv-intro-delay, 0s) + .3s) forwards}.nv-hero__headline{font-family:LEMONMILK,Georgia,serif;font-weight:500;font-size:clamp(48px,9vw,112px);line-height:.96;letter-spacing:-.03em;color:#fcf9f6;margin:0 0 28px}.nv-hero__headline-line{display:block;overflow:hidden;padding:.08em 0;margin:-.08em 0}.nv-hero__headline-line-inner{display:block;transform:translateY(110%);animation:nvHeroLineUp 1.05s var(--nv-ease) forwards}.nv-hero__headline-line:nth-child(1) .nv-hero__headline-line-inner{animation-delay:calc(var(--nv-intro-delay, 0s) + .5s)}.nv-hero__headline-line:nth-child(2) .nv-hero__headline-line-inner{animation-delay:calc(var(--nv-intro-delay, 0s) + .7s)}.nv-hero__headline-line:nth-child(3) .nv-hero__headline-line-inner{animation-delay:calc(var(--nv-intro-delay, 0s) + .9s)}@keyframes nvHeroLineUp{to{transform:translateY(0)}}.nv-hero__body{font-family:JetBrains Mono,Courier New,monospace;font-size:clamp(14px,1.4vw,18px);line-height:1.6;color:#fcf9f699;max-width:420px;margin:0 0 40px;opacity:0;transform:translateY(10px);animation:nvHeroReveal .8s var(--nv-ease) calc(var(--nv-intro-delay, 0s) + 1.1s) forwards}.nv-hero__cta{display:inline-flex;align-items:center;gap:8px;padding:1.4rem 2.8rem;color:#fcf9f6;text-decoration:none;border:1px solid rgba(252,249,246,.45);border-radius:2rem;background:#fcf9f60a;transition:border-color .3s var(--nv-ease),background-color .3s var(--nv-ease);opacity:0;transform:translateY(10px);animation:nvHeroReveal .8s var(--nv-ease) calc(var(--nv-intro-delay, 0s) + 1.3s) forwards}.nv-hero__cta:hover{border-color:#fcf9f6;background:#fcf9f61a}.nv-hero__cta-arrow{display:inline-block;transition:transform .3s var(--nv-ease)}.nv-hero__cta:hover .nv-hero__cta-arrow{transform:translate(5px)}@keyframes nvHeroReveal{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.nv-hero__gradient,.nv-hero__gradient.is-active{animation:none!important;transition:none!important}.nv-hero__gradient--strawberry{opacity:var(--nv-hero-gradient-opacity, 1)}.nv-hero__eyebrow,.nv-hero__body,.nv-hero__cta{opacity:1;transform:none;animation:none}.nv-hero__headline-line-inner{transform:none;animation:none}}@property --nv-holo{syntax: "<number>"; inherits: true; initial-value: 0;}.nv-hero{--mx: 50%;--my: 50%;transition:--nv-holo .7s var(--nv-ease)}.nv-hero.is-holo-live{transition:--nv-holo .12s linear}.nv-hero__sheen,.nv-hero__sheen-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.nv-hero__sheen{z-index:0;-webkit-mask:radial-gradient(circle calc(var(--nv-holo) * 300px) at var(--mx) var(--my),#000,transparent);mask:radial-gradient(circle calc(var(--nv-holo) * 300px) at var(--mx) var(--my),#000,transparent)}.nv-hero__sheen-lines{background:linear-gradient(115deg,#3fd8ff,#ff4fb8 35%,#ffd84a 65%,#a57bff) fixed;background-size:100vw 100vh;-webkit-mask:linear-gradient(to right,#000 1px,transparent 1px) left bottom / var(--nv-cell) var(--nv-cell),linear-gradient(to bottom,#000 1px,transparent 1px) left bottom / var(--nv-cell) var(--nv-cell);mask:linear-gradient(to right,#000 1px,transparent 1px) left bottom / var(--nv-cell) var(--nv-cell),linear-gradient(to bottom,#000 1px,transparent 1px) left bottom / var(--nv-cell) var(--nv-cell)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/nutravey-gradient-hero.css.map */