.hero{position:relative;overflow:hidden;isolation:isolate;--k:.4;--pump:8px;--fade:0px}.hero__fig{display:contents}.hero__media{position:absolute;z-index:-1;margin:0;top:calc(var(--pump) - 762px * var(--k));left:calc(50% - 780px * var(--k));width:calc(1440px * var(--k));aspect-ratio:4 / 5}.hero__media img{display:block;width:100%;height:100%}.hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,transparent 0,transparent 78%,rgba(15,15,16,.85) 81.5%,var(--ground-black) 85%)}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:var(--section-tight);grid-template-rows:calc(var(--pump) + 653px * var(--k) + var(--fade)) repeat(7,auto);grid-template-areas:"." "eyebrow" "title" "sub" "cta" "usp" "quote" "chips"}.hero__eyebrow{grid-area:eyebrow}.hero__title{grid-area:title;margin-top:8px;color:var(--hampton)}.hero__sub{grid-area:sub;margin-top:8px;color:var(--bar-steel)}.hero__cta{grid-area:cta;margin-top:16px}.hero__usp{grid-area:usp;margin-top:8px}.hero__quote{grid-area:quote;margin:12px 0 0}.hero__chips{grid-area:chips;margin-top:12px}.hero__eyebrow{color:var(--bar-steel)}.hero__title{text-wrap:balance}.hero__usp{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;list-style:none;padding:0}.hero__usp-item{display:flex;align-items:center;gap:8px;white-space:nowrap;font:500 var(--text-micro) var(--font-body);color:var(--bar-ink)}.hero__usp-icon{width:16px;height:16px;flex:none;fill:none;stroke:var(--hampton);stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round}@media(max-width:1023.98px){.hero__eyebrow{margin-top:14px}}@media(max-width:749.98px){.hero__usp{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}.hero__usp-item{display:flex;position:relative;white-space:nowrap}.hero__usp-item+.hero__usp-item:before{content:"";position:absolute;left:-10px;top:2px;bottom:2px;width:1px;background:var(--line-media)}}.hero__chips{display:flex;flex-direction:column;gap:8px}.hero__chip{display:flex;align-items:center;font:400 var(--text-micro) var(--font-body);color:var(--bar-steel);white-space:nowrap}.hero__chip[data-state] .dualdot{width:24px;margin-right:8px;color:var(--bar-steel);background-size:10px 1px}.hero__chip[data-state] .dualdot:before,.hero__chip[data-state] .dualdot:after{width:6px;height:6px;top:1px;border-color:var(--bar-steel)}.hero__chip[data-state=onsen] .dualdot:before,.hero__chip[data-state=ofuro] .dualdot:after{background:var(--bar-steel)}@media(max-width:1023.98px){.hero__chips{margin-bottom:24px}}@media(min-width:600px)and (max-width:1023.98px){.hero__media{-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}.hero__grid>*{max-width:560px}}@media(min-width:1024px){.hero{min-height:calc(900px - var(--header-h))}.hero__media{top:0;bottom:0;left:50%;right:0;width:auto;aspect-ratio:auto;z-index:0}.hero__media img{object-fit:cover;object-position:50% 40%}.hero__media:after{display:none}.hero__grid{min-height:calc(900px - var(--header-h));align-content:center;padding-top:48px;padding-bottom:48px;grid-template-rows:none;grid-template-areas:"eyebrow" "title" "sub" "cta" "usp" "quote" "chips";grid-template-columns:minmax(0,min(520px,calc(50vw - var(--gut) - (100vw - min(100vw,var(--page) + 2 * var(--gut))) / 2 - 40px)))}.hero__usp{margin-top:12px}.hero__chips{margin-top:24px;gap:16px}.hero__sub{margin-top:12px}.hero__cta{margin-top:24px}}.hero__cta{width:100%;justify-self:stretch}@media(min-width:1024px){.hero__cta{min-width:0;align-self:auto}.hero__quote{margin-top:16px}}@media(max-width:1023.98px)and (max-height:760px){.hero{--k:.33}}@media(max-width:1023.98px)and (max-height:660px){.hero{--k:.19}.hero__title{font-size:34px;line-height:38px}.hero__media{-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}}@media(max-width:749.98px){.hero .hero__title{font-size:min(40px,9.6vw);line-height:1.1}}@media(max-width:749.98px)and (max-height:660px){.hero .hero__title{font-size:min(34px,9.6vw);line-height:1.12}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/noble-hero.css.map */