.nt-hero-banner{--nt-muted: rgba(255, 255, 255, .6);position:relative;overflow:hidden;background:var(--nt-dark);color:var(--nt-ink);font-family:var(--nt-font-sans);padding-bottom:var(--nt-hero-banner-pb, 0)}.nt-hero-banner *{box-sizing:border-box}.nt-hero-banner a{color:inherit}.nt-hero-banner .nt-hero-banner__top{position:relative;padding-top:var(--nt-hero-banner-pt, 136px)}.nt-hero-banner .nt-hero-banner__top--extend{padding-bottom:clamp(20px,5vw,80px)}.nt-hero-banner .nt-hero-banner__top--pad-bottom{padding-bottom:clamp(48px,8vw,91px)}.nt-hero-banner .nt-hero-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.nt-hero-banner .nt-hero-banner__bg--hidden{display:none}.nt-hero-banner .nt-hero-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:blur(28px)}.nt-hero-banner .nt-hero-banner__blob{position:absolute;top:-35%;right:-20%;width:90%;height:170%;background:linear-gradient(100deg,var(--nt-dark) 0%,var(--nt-purple-2) 100%);filter:blur(80px);opacity:.9}.nt-hero-banner .nt-hero-banner__gradient{position:absolute;top:0;right:0;bottom:0;left:0}.nt-hero-banner .nt-hero-banner__gradient--purple{background:linear-gradient(180deg,#5a47fb99,#1b1f2699)}.nt-hero-banner .nt-hero-banner__gradient--fade{background:linear-gradient(180deg,#1b1f26,#1b1f2600)}.nt-hero-banner .nt-hero-banner__container{position:relative;z-index:1;max-width:var(--nt-page-max);margin-inline:auto;padding-inline:40px;display:flex;flex-direction:column}.nt-hero-banner h1{max-width:1200px;font-family:var(--nt-font-sans);font-weight:200;font-size:clamp(38px,6.75vw,120px);line-height:1;letter-spacing:-.04em;margin:0}.nt-hero-banner--title-big h1{font-size:clamp(50px,9vw,160px)}.nt-hero-banner h1 em{font-family:var(--nt-font-display);font-style:italic;font-weight:400;letter-spacing:0;color:var(--nt-lime)}.nt-hero-banner .nt-hero-banner__subheading{position:relative;z-index:1;max-width:661px;margin:24px 0 0;font-family:var(--nt-font-sans);font-weight:300;font-size:18px;line-height:1.22;letter-spacing:-.36px;color:var(--nt-ink)}.nt-hero-banner .nt-hero-banner__subheading em{font-style:normal;color:var(--nt-lime);font-weight:500}.nt-hero-banner .nt-hero-banner__row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:40px}.nt-hero-banner h1+.nt-hero-banner__row{margin-top:76px}.nt-hero-banner .nt-hero-banner__subheading+.nt-hero-banner__row{margin-top:40px}.nt-hero-banner .nt-hero-banner__ctas{display:flex;flex-wrap:wrap;gap:12px}.nt-hero-banner .nt-chevron{flex:none;display:inline-block}.nt-hero-banner .nt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:64px;padding:21px 28px 21px 32px;border-radius:999px;font-family:var(--nt-font-ui);font-weight:500;font-size:18px;line-height:22px;letter-spacing:-1.08px;text-decoration:none;white-space:nowrap}.nt-hero-banner .nt-btn--primary{background:var(--nt-lime);color:var(--nt-dark)}.nt-hero-banner .nt-btn--secondary{border:.5px solid rgba(255,255,255,.6);color:var(--nt-ink)}.nt-hero-banner .nt-hero-banner__side{display:flex;flex-direction:column;gap:64px;max-width:587px}.nt-hero-banner .nt-hero-banner__rating{display:flex;align-items:center;gap:4px}.nt-hero-banner .nt-hero-banner__stars{flex:none;width:88px;height:30px;display:block}.nt-hero-banner .nt-hero-banner__rating-value{font-family:var(--nt-font-ui);font-weight:400;font-size:40px;line-height:1.22}.nt-hero-banner .nt-hero-banner__rating-copy{font-family:var(--nt-font-sans);font-size:15px;line-height:1.19;letter-spacing:-.36px;color:var(--nt-muted);margin-left:8px}.nt-hero-banner .nt-hero-banner__rating-copy a{text-decoration:underline}.nt-hero-banner .nt-hero-banner__copy{font-family:var(--nt-font-sans);font-weight:300;font-size:18px;line-height:22px;letter-spacing:-.36px;color:var(--nt-ink)}.nt-hero-banner .nt-hero-banner__copy p{margin:0}.nt-hero-banner .nt-hero-banner__copy p+p{margin-top:16px}@media screen and (max-width:959px){.nt-hero-banner .nt-hero-banner__row{flex-direction:column}.nt-hero-banner .nt-hero-banner__side{max-width:none}}@media screen and (max-width:768px){.nt-hero-banner{padding-bottom:calc(var(--nt-hero-banner-pb, 0px) * .4)}.nt-hero-banner .nt-hero-banner__top{padding-top:calc(var(--nt-hero-banner-pt, 136px) * .8)}.nt-hero-banner h1{font-size:40px}.nt-hero-banner--title-big h1{font-size:52px}.nt-hero-banner .nt-btn{width:100%}.nt-hero-banner .nt-hero-banner__container{padding-inline:16px}}.nt-hero-banner .nt-hero-banner__brands{position:relative;z-index:1;margin-top:clamp(48px,8vw,91px);overflow:hidden}.nt-hero-banner .nt-hero-banner__brands-viewport{opacity:.5}.nt-hero-banner .nt-hero-banner__brands-track{display:flex;align-items:center;width:max-content;gap:16px;padding:24px 40px;animation:nt-hero-banner-brands-scroll var(--nt-brands-speed, 28s) linear infinite}.nt-hero-banner .nt-hero-banner__brands:hover .nt-hero-banner__brands-track{animation-play-state:var(--nt-brands-hover-state, running)}.nt-hero-banner .nt-hero-banner__brands-logo{flex:none;width:225.33px;height:96px;display:flex;align-items:center;justify-content:center}.nt-hero-banner .nt-hero-banner__brands-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.9}@keyframes nt-hero-banner-brands-scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% / var(--nt-brands-copies, 2)))}}@media(prefers-reduced-motion:reduce){.nt-hero-banner .nt-hero-banner__brands-track{animation:none}}.nt-hero-banner .nt-hero-banner__closing{position:relative;z-index:1;max-width:var(--nt-page-max);margin-inline:auto;padding-inline:40px;margin-top:clamp(20px,5vw,80px)}.nt-hero-banner .nt-hero-banner__closing-inner{max-width:587px;margin-left:auto;font-family:var(--nt-font-sans);font-weight:200;font-size:clamp(24px,3vw,40px);line-height:1.2;letter-spacing:-.02em;color:var(--nt-ink);padding-bottom:clamp(48px,16.4vw,248px)}.nt-hero-banner .nt-hero-banner__closing-inner p{margin:0 0 24px}.nt-hero-banner .nt-hero-banner__closing-inner p:last-child{margin-bottom:0}@media screen and (max-width:768px){.nt-hero-banner .nt-hero-banner__closing{padding-inline:16px}.nt-hero-banner .nt-hero-banner__closing-inner{max-width:none;margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/nt-hero-banner.css.map */