.nt-about-hero{--nt-hero-vw: min(100vw, 1920px);--nt-hero-spill: calc(var(--nt-hero-vw) * .37);position:relative;background:var(--nt-dark);color:var(--nt-ink);font-family:var(--nt-font-sans)}.nt-about-hero *{box-sizing:border-box}.nt-about-hero a{color:inherit}.nt-about-hero .nt-about-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.nt-about-hero .nt-about-hero__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.nt-about-hero .nt-about-hero__gradient{position:absolute;inset:0 0 auto;height:71%;background:linear-gradient(180deg,rgba(90,71,251,.8) 0%,var(--nt-dark) 100%)}.nt-about-hero .nt-about-hero__ellipse-clip{position:absolute;left:0;right:0;top:0;bottom:calc(var(--nt-hero-spill) * -1);z-index:0;overflow:hidden;pointer-events:none}.nt-about-hero .nt-about-hero__ellipse{position:absolute;left:50%;bottom:calc(var(--nt-hero-spill) - var(--nt-hero-vw) * .2398);width:calc(var(--nt-hero-vw) * 1.0154);height:calc(var(--nt-hero-vw) * .651);display:block;color:var(--nt-ink);opacity:.4;transform:translate(-50%) rotate(-15.31deg);pointer-events:none}.nt-about-hero .nt-about-hero__container{position:relative;z-index:1;max-width:var(--nt-page-max);margin-inline:auto;padding-inline:40px;padding-top:clamp(112px,10vw,152px)}.nt-about-hero .nt-about-hero__heading{font-family:var(--nt-font-sans);font-weight:200;font-size:clamp(48px,8vw,120px);line-height:1;letter-spacing:-.04em;margin:0}.nt-about-hero .nt-about-hero__heading em{font-family:var(--nt-font-display);font-style:italic;font-weight:400;letter-spacing:0;color:var(--nt-lime)}.nt-about-hero .nt-about-hero__row{display:flex;align-items:center;gap:24px;max-width:708px;margin-top:56px}.nt-about-hero .nt-about-hero__intro{margin-left:auto;width:max-content;max-width:100%;font-weight:300;font-size:16px;line-height:20px;letter-spacing:-.32px}.nt-about-hero .nt-about-hero__intro p{margin:0}.nt-about-hero .nt-about-hero__intro p+p{text-align:right}.nt-about-hero .nt-about-hero__intro strong{font-weight:500}.nt-about-hero .nt-chevron{flex:none;display:inline-block}.nt-about-hero .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-about-hero .nt-btn--primary{background:var(--nt-lime);color:var(--nt-dark)}.nt-about-hero .nt-about-hero__story{margin-top:clamp(64px,17.5vw,264px);display:grid;grid-template-columns:24.16% 1fr;grid-template-rows:auto 1fr;grid-template-areas:"media title" "media text";column-gap:9.57%;row-gap:clamp(48px,10.6vw,160px)}.nt-about-hero .nt-about-hero__story-title{grid-area:title;margin:0;font-family:var(--nt-font-display);font-weight:400;font-size:clamp(32px,3.7vw,56px);line-height:1;letter-spacing:-.04em;color:var(--nt-ink)}.nt-about-hero .nt-about-hero__media{grid-area:media;align-self:end;aspect-ratio:346 / 616;overflow:hidden}.nt-about-hero .nt-about-hero__video,.nt-about-hero .nt-about-hero__image{display:block;width:100%;height:100%;object-fit:cover}.nt-about-hero .nt-about-hero__story-text{grid-area:text;align-self:start;max-width:708px;font-family:var(--nt-font-sans);font-weight:200;font-size:20px;line-height:24px;letter-spacing:-.4px}.nt-about-hero .nt-about-hero__story-text p{margin:0}.nt-about-hero .nt-about-hero__story-text p+p{margin-top:32px}.nt-about-hero .nt-about-hero__story-text strong{font-weight:400}@media screen and (max-width:1024px){.nt-about-hero .nt-about-hero__story{column-gap:6%}}@media screen and (max-width:768px){.nt-about-hero .nt-about-hero__container{padding-inline:16px;padding-bottom:clamp(64px,16vw,120px)}.nt-about-hero .nt-about-hero__heading{font-size:52px}.nt-about-hero .nt-about-hero__row{flex-direction:column;align-items:stretch;max-width:none;margin-top:32px;gap:32px}.nt-about-hero .nt-btn{width:100%}.nt-about-hero .nt-about-hero__intro{margin-left:0;width:auto;max-width:none}.nt-about-hero .nt-about-hero__intro br{display:none}.nt-about-hero .nt-about-hero__intro p+p{text-align:left}.nt-about-hero .nt-about-hero__story{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"title" "media" "text";row-gap:32px}.nt-about-hero .nt-about-hero__media{aspect-ratio:3 / 4}.nt-about-hero .nt-about-hero__story-text{max-width:none;font-size:18px;line-height:1.35}.nt-about-hero .nt-about-hero__story-text p+p{margin-top:24px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/nt-about-hero.css.map */