ncf-hero{display:block;position:relative;height:calc(478 * var(--ncf-px));overflow:hidden;background:rgb(var(--ncf-plum));color:rgb(var(--ncf-plum));--ncf-hero-inset: calc(14 * var(--ncf-px))}.ncf-hero__slides,.ncf-hero__slide,.ncf-hero__media,.ncf-hero__media-link,.ncf-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0}.ncf-hero__media img{width:100%;height:100%;object-fit:cover}.ncf-hero__slide{opacity:0;visibility:hidden;transition:opacity 1.15s ease-in-out,visibility 0s linear 1.15s}.ncf-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity 1.15s ease-in-out,visibility 0s linear 0s}.ncf-hero__box{position:absolute;z-index:1;left:var(--ncf-hero-inset);right:var(--ncf-hero-inset);bottom:var(--ncf-hero-inset);padding:calc(18 * var(--ncf-px)) calc(18 * var(--ncf-px)) calc(20 * var(--ncf-px));border:3px solid rgb(var(--ncf-plum));color:rgb(var(--color-foreground))}.ncf-hero__box--clear{background:rgba(var(--ncf-cream),.5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:rgb(var(--ncf-plum))}.ncf-hero__slide--top-left .ncf-hero__box,.ncf-hero__slide--top-right .ncf-hero__box{top:var(--ncf-hero-inset);bottom:auto}.ncf-hero__slide--center .ncf-hero__box{top:50%;bottom:auto;transform:translateY(-50%)}.ncf-hero__title{margin:0 0 calc(16 * var(--ncf-px));font:700 calc(27 * var(--ncf-px))/1.16 var(--ncf-font-brandon);letter-spacing:0;text-transform:none;color:inherit;background:none;-webkit-text-fill-color:currentColor;text-wrap:pretty}.ncf-hero__box--clear .ncf-hero__title{color:rgb(var(--ncf-plum))}.ncf-hero__box:not(.ncf-hero__box--clear) .ncf-hero__title{color:rgb(var(--color-heading))}.ncf-hero__line{display:block}.ncf-hero__kicker{margin:0 0 calc(10 * var(--ncf-px));font:700 calc(10.5 * var(--ncf-px))/1.2 var(--ncf-font-brandon);letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--ncf-red))}.ncf-hero__box:not(.ncf-hero__box--clear) .ncf-hero__kicker{color:rgb(var(--color-foreground))}ncf-hero.ncf-hero--landing,ncf-hero.ncf-hero--page{height:calc(420 * var(--ncf-px));--ncf-hero-inset: calc(16 * var(--ncf-px))}ncf-hero.ncf-hero--page{height:calc(280 * var(--ncf-px))}:is(.ncf-hero--landing,.ncf-hero--page) .ncf-hero__box{padding:calc(20 * var(--ncf-px)) calc(22 * var(--ncf-px))}:is(.ncf-hero--landing,.ncf-hero--page) .ncf-hero__title{font-size:calc(29 * var(--ncf-px));line-height:1.14}.ncf-hero__slide--center .ncf-hero__box,.ncf-hero__box--center{text-align:center}.ncf-hero__slide--center .ncf-hero__text ul,.ncf-hero__box--center .ncf-hero__text ul{display:inline-block;text-align:left}.ncf-hero__box--compact .ncf-hero__title{font-size:calc(24 * var(--ncf-px))}.ncf-hero__text ul{margin:0;padding-left:1.2em}.ncf-hero__text li+li{margin-top:.35em}:is(.ncf-hero--landing,.ncf-hero--page) .ncf-hero__box--clear{background:rgba(var(--ncf-cream),.85)}ncf-hero.ncf-hero--static{display:grid;min-height:calc(478 * var(--ncf-px));height:auto}ncf-hero.ncf-hero--static.ncf-hero--landing{min-height:calc(420 * var(--ncf-px))}ncf-hero.ncf-hero--static.ncf-hero--page{min-height:calc(280 * var(--ncf-px))}.ncf-hero--static .ncf-hero__slides,.ncf-hero--static .ncf-hero__slide{position:relative;inset:auto;display:grid}.ncf-hero--static .ncf-hero__slide{padding:var(--ncf-hero-inset);align-items:end;justify-items:stretch}.ncf-hero--static .ncf-hero__slide .ncf-hero__box{position:relative;inset:auto;transform:none}.ncf-hero--static .ncf-hero__slide--top-left,.ncf-hero--static .ncf-hero__slide--top-right{align-items:start}.ncf-hero--static .ncf-hero__slide--center{align-items:center}@media(forced-colors:active){.ncf-hero__box--clear{background:Canvas}}.ncf-hero__text{margin:0 0 calc(16 * var(--ncf-px));font:400 calc(17 * var(--ncf-px))/1.5 var(--ncf-font-brandon)}.ncf-hero__text>:first-child{margin-top:0}ncf-hero.ncf-hero--static:is(.ncf-hero--landing,.ncf-hero--page) .ncf-hero__text{font-size:calc(18 * var(--ncf-px))}.ncf-hero__text>:last-child{margin-bottom:0}.ncf-hero__box>:last-child{margin-bottom:0}.ncf-hero__button{display:flex;width:100%;padding:calc(16 * var(--ncf-px)) calc(18 * var(--ncf-px));font-size:calc(13 * var(--ncf-px))}.ncf-hero__controls{position:absolute;z-index:5;left:0;right:0;top:calc(16 * var(--ncf-px) - 7px);display:flex;justify-content:center;align-items:center}.ncf-hero__dot,.ncf-hero__pause{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:rgb(var(--ncf-cream));cursor:pointer}.ncf-hero__dot:before{content:"";width:9px;height:9px;border-radius:50%;background:rgba(var(--ncf-cream),.4);box-shadow:0 0 0 1px rgba(var(--ncf-plum),.5)}.ncf-hero__dot.is-active:before{background:rgb(var(--ncf-cream))}.ncf-hero__pause svg{filter:drop-shadow(0 0 1px rgba(var(--ncf-plum),.8))}.ncf-hero__play-icon,ncf-hero.is-paused .ncf-hero__pause-icon{display:none}ncf-hero.is-paused .ncf-hero__play-icon{display:block}.ncf-hero__dot:focus-visible,.ncf-hero__pause:focus-visible,.ncf-hero__button:focus-visible{outline:2px solid rgb(var(--ncf-cream));outline-offset:0;box-shadow:0 0 0 4px rgb(var(--ncf-plum))}@media screen and (min-width:750px){ncf-hero{height:calc(640 * var(--ncf-px));--ncf-hero-inset: calc(56 * var(--ncf-px))}.ncf-hero__box{right:auto;width:fit-content;max-width:min(calc(620 * var(--ncf-px)),calc(100% - 2 * var(--ncf-hero-inset)));padding:calc(28 * var(--ncf-px)) calc(32 * var(--ncf-px))}.ncf-hero__slide--top-right .ncf-hero__box,.ncf-hero__slide--bottom-right .ncf-hero__box{left:auto;right:var(--ncf-hero-inset)}.ncf-hero__slide--center .ncf-hero__box{left:50%;transform:translate(-50%,-50%)}.ncf-hero__title{margin-bottom:0;font-size:calc(40 * var(--ncf-px));line-height:1.12}h1.ncf-hero__title{font-size:calc(42 * var(--ncf-px))}ncf-hero.ncf-hero--landing,ncf-hero.ncf-hero--page{height:calc(560 * var(--ncf-px));--ncf-hero-inset: calc(56 * var(--ncf-px))}ncf-hero.ncf-hero--page{height:calc(400 * var(--ncf-px));--ncf-hero-inset: calc(40 * var(--ncf-px))}ncf-hero.ncf-hero--static{min-height:calc(640 * var(--ncf-px))}ncf-hero.ncf-hero--static.ncf-hero--landing{min-height:calc(560 * var(--ncf-px))}ncf-hero.ncf-hero--static.ncf-hero--page{min-height:calc(400 * var(--ncf-px))}.ncf-hero--static .ncf-hero__slide{justify-items:start}.ncf-hero--static .ncf-hero__slide--top-right,.ncf-hero--static .ncf-hero__slide--bottom-right{justify-items:end}.ncf-hero--static .ncf-hero__slide--center{justify-items:center}.ncf-hero--static .ncf-hero__slide .ncf-hero__box{max-width:min(calc(620 * var(--ncf-px)),100%)}:is(.ncf-hero--landing,.ncf-hero--page) .ncf-hero__box{padding:calc(28 * var(--ncf-px)) calc(32 * var(--ncf-px))}:is(.ncf-hero--landing,.ncf-hero--page) .ncf-hero__title,:is(.ncf-hero--landing,.ncf-hero--page) h1.ncf-hero__title{font-size:clamp(calc(30 * var(--ncf-px)),4.4vw,calc(44 * var(--ncf-px)));line-height:1.12}.ncf-hero__kicker{margin-bottom:calc(13 * var(--ncf-px));font-size:calc(12.5 * var(--ncf-px));letter-spacing:.26em}.ncf-hero__text{margin:calc(16 * var(--ncf-px)) 0 0}ncf-hero.ncf-hero--static:is(.ncf-hero--landing,.ncf-hero--page) .ncf-hero__text{font-size:calc(20 * var(--ncf-px));line-height:1.45}.ncf-hero__button{display:inline-flex;width:auto;margin-top:calc(24 * var(--ncf-px));padding:calc(16 * var(--ncf-px)) calc(32 * var(--ncf-px));font-size:calc(13.5 * var(--ncf-px))}.ncf-hero__controls{top:auto;bottom:calc(30 * var(--ncf-px) - 7px)}.ncf-hero__dot:before{width:10px;height:10px;background:rgba(var(--ncf-cream),.35);box-shadow:0 0 0 1px rgba(var(--ncf-plum),.65)}.ncf-hero__dot.is-active:before{background:rgb(var(--ncf-cream))}ncf-hero .ncf-hero__box.ncf-hero__box--compact{max-width:min(calc(480 * var(--ncf-px)),calc(100% - 2 * var(--ncf-hero-inset)));padding:calc(22 * var(--ncf-px)) calc(26 * var(--ncf-px))}.ncf-hero--static .ncf-hero__slide .ncf-hero__box.ncf-hero__box--compact{max-width:min(calc(480 * var(--ncf-px)),100%)}ncf-hero .ncf-hero__box.ncf-hero__box--compact .ncf-hero__title{font-size:calc(32 * var(--ncf-px));line-height:1.14}.ncf-hero__box--compact .ncf-hero__button{margin-top:calc(18 * var(--ncf-px))}}@media(prefers-reduced-motion:reduce){.ncf-hero__slide,.ncf-hero__slide.is-active{transition:none}}.ncf-hero--static.ncf-hero--landing:not(.ncf-hero--below) .ncf-hero__slide--bottom-left,.ncf-hero--static.ncf-hero--landing:not(.ncf-hero--below) .ncf-hero__slide--bottom-right{padding-bottom:0}.ncf-hero--static.ncf-hero--landing:not(.ncf-hero--below) .ncf-hero__slide--bottom-left .ncf-hero__box{justify-self:start}.ncf-hero--static.ncf-hero--landing:not(.ncf-hero--below) .ncf-hero__slide--bottom-right .ncf-hero__box{justify-self:end}.ncf-hero--static.ncf-hero--landing:not(.ncf-hero--below) :is(.ncf-hero__slide--bottom-left,.ncf-hero__slide--bottom-right) .ncf-hero__box{border:0}.ncf-hero--static.ncf-hero--landing:not(.ncf-hero--below) :is(.ncf-hero__slide--bottom-left,.ncf-hero__slide--bottom-right) .ncf-hero__box--clear{background:rgb(var(--ncf-cream));-webkit-backdrop-filter:none;backdrop-filter:none}@media screen and (max-width:749.98px){ncf-hero.ncf-hero--static.ncf-hero--below{min-height:0;background:none}.ncf-hero--below .ncf-hero__slide{display:block;padding:0}.ncf-hero--below .ncf-hero__media{position:relative;height:calc(260 * var(--ncf-px))}.ncf-hero--below .ncf-hero__slide .ncf-hero__box{border:0;padding-inline:var(--ncf-gutter-mobile, calc(20 * var(--ncf-px)));background:rgb(var(--color-background));-webkit-backdrop-filter:none;backdrop-filter:none}}.ncf-hero--home :is(.ncf-hero__slide--bottom-left,.ncf-hero__slide--bottom-right) .ncf-hero__box{bottom:0;border:0}.ncf-hero--home :is(.ncf-hero__slide--bottom-left,.ncf-hero__slide--bottom-right) .ncf-hero__box--clear{background:rgb(var(--ncf-cream));-webkit-backdrop-filter:none;backdrop-filter:none}.ncf-hero--home .ncf-hero__controls{left:50%;right:auto;transform:translate(-50%);padding:2px 6px;border-radius:999px;background:rgb(var(--ncf-plum))}.ncf-hero--home .ncf-hero__controls .ncf-hero__dot:before{box-sizing:border-box;border:1.5px solid rgb(var(--ncf-cream));background:transparent;box-shadow:none}.ncf-hero--home .ncf-hero__controls .ncf-hero__dot.is-active:before{background:rgb(var(--ncf-cream))}.ncf-hero--home .ncf-hero__controls .ncf-hero__pause svg{filter:none}.ncf-hero--fairwater .ncf-hero__title{font-family:var(--ncf-font-fairwater)}.ncf-hero__title{overflow-wrap:break-word}@media(forced-colors:active){.ncf-hero--home :is(.ncf-hero__slide--bottom-left,.ncf-hero__slide--bottom-right) .ncf-hero__box,.ncf-hero--static.ncf-hero--landing:not(.ncf-hero--below) :is(.ncf-hero__slide--bottom-left,.ncf-hero__slide--bottom-right) .ncf-hero__box{border:1px solid CanvasText}.ncf-hero--home .ncf-hero__controls .ncf-hero__dot.is-active:before{forced-color-adjust:none;border-color:CanvasText;background:CanvasText}}@media screen and (min-width:750px){.ncf-hero--home .ncf-hero__controls{left:auto;right:var(--ncf-hero-inset);transform:none}ncf-hero.ncf-hero--home:not(.ncf-hero--static) .ncf-hero__box{max-width:min(calc(620 * var(--ncf-px)),calc(100% - 2 * var(--ncf-hero-inset) - var(--ncf-hero-controls, 96px) - 28px))}ncf-hero.ncf-hero--home:not(.ncf-hero--static) .ncf-hero__box.ncf-hero__box--compact{max-width:min(calc(480 * var(--ncf-px)),calc(100% - 2 * var(--ncf-hero-inset) - var(--ncf-hero-controls, 96px) - 28px))}.ncf-hero--home:not(.ncf-hero--static) .ncf-hero__slide--bottom-right .ncf-hero__box{right:calc(var(--ncf-hero-inset) + var(--ncf-hero-controls, 96px) + 28px)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-ncf-hero.css.map */