@scope(.noel-page){.hero-banner{--hero-header-safe-area: 0px;position:relative;display:grid;min-height:680px;background:var(--color-background-gradient, var(--color-background));color:var(--color-foreground);isolation:isolate;overflow:hidden}.hero-banner__stage{position:relative;display:grid;min-height:inherit;overflow:hidden;isolation:isolate}.hero-banner--height-slim{min-height:320px}.hero-banner--height-compact{min-height:520px}.hero-banner--height-medium{min-height:620px}.hero-banner--height-large{min-height:min(780px,88svh)}.hero-banner--height-full{min-height:calc(100svh - var(--site-header-offset, 0px))}:scope:has(.store-header--transparent) .hero-banner{--hero-header-safe-area: var(--header-rendered-height, var(--header-desktop-height, 70px))}:scope:has(.store-header--transparent) .hero-banner--height-full{min-height:calc(100svh - var(--announcement-desktop-height, 0px))}.hero-banner__media,.hero-banner__media picture,.hero-banner__overlay,.hero-banner__content-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__media{z-index:-3;background:var(--color-background-secondary)}.hero-banner__media picture{display:block}.hero-banner__image{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__placeholder{color:var(--color-muted)}.hero-banner__split{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-banner__panel{position:relative;min-width:0;min-height:inherit;overflow:hidden;isolation:isolate}.hero-banner__panel--no-media .hero-banner__media{opacity:.35}.hero-banner__overlay{z-index:-2;background:var(--hero-overlay-color);opacity:var(--hero-overlay-opacity);pointer-events:none}.hero-banner--scroll-cinematic.is-scroll-enhanced .hero-banner__overlay{opacity:var(--hero-scroll-overlay-opacity, var(--hero-overlay-opacity))}.hero-banner--scroll-cinematic.is-scroll-enhanced .hero-banner__content-wrap{opacity:var(--hero-scroll-content-opacity, 1);transform:translate3d(0,var(--hero-scroll-content-y, 0),0);will-change:opacity,transform}@media(min-width:750px){.hero-banner--scroll-cinematic.is-scroll-enhanced:not(.hero-banner--layout-split) .hero-banner__media--fixed-parallax{background-image:var(--hero-parallax-image-desktop);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.hero-banner--scroll-cinematic.is-scroll-enhanced:not(.hero-banner--layout-split) .hero-banner__media--fixed-parallax :is(picture,.hero-banner__image){opacity:0}}.hero-banner__content-wrap{z-index:1;display:flex;width:min(100% - (var(--page-margin) * 2),var(--page-width));height:100%;margin-inline:auto;padding-top:calc(var(--hero-padding-top) + var(--hero-header-safe-area));padding-bottom:var(--hero-padding-bottom);pointer-events:none}.hero-banner--vertical-top .hero-banner__content-wrap{align-items:flex-start}.hero-banner--vertical-middle .hero-banner__content-wrap{align-items:center}.hero-banner--vertical-bottom .hero-banner__content-wrap{align-items:flex-end}.hero-banner--horizontal-left .hero-banner__content-wrap{justify-content:flex-start}.hero-banner--horizontal-center .hero-banner__content-wrap{justify-content:center}.hero-banner--horizontal-right .hero-banner__content-wrap{justify-content:flex-end}.hero-banner__content-grid{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:clamp(var(--space-8),6vw,var(--space-20));pointer-events:none}.hero-banner--layout-dual .hero-banner__content-wrap{justify-content:stretch}.hero-banner--layout-split .hero-banner__panel--left .hero-banner__content-wrap{justify-content:flex-start}.hero-banner--layout-split .hero-banner__panel--right .hero-banner__content-wrap{justify-content:flex-end}.hero-banner__content{display:grid;width:min(100%,var(--hero-content-width));justify-items:start;gap:var(--space-4);pointer-events:auto}.hero-banner--layout-single .hero-banner__content{width:100%}.hero-banner--layout-single .hero-banner__text{width:min(100%,var(--hero-content-width))}.hero-banner--horizontal-center .hero-banner__content{justify-items:center;text-align:center}.hero-banner--horizontal-right .hero-banner__content{justify-items:end;text-align:right}.hero-banner__content--right{justify-self:end;justify-items:end;text-align:right}.hero-banner--desktop-align-left .hero-banner__content{justify-self:start;justify-items:start;text-align:left}.hero-banner--desktop-align-center .hero-banner__content{justify-self:center;justify-items:center;text-align:center}.hero-banner--desktop-align-right .hero-banner__content{justify-self:end;justify-items:end;text-align:right}.hero-banner--desktop-align-center.hero-banner--layout-split .hero-banner__content-wrap{justify-content:center}.hero-banner--desktop-align-left .hero-banner__actions{justify-content:flex-start}.hero-banner--desktop-align-center .hero-banner__actions{justify-content:center}.hero-banner--desktop-align-right .hero-banner__actions{justify-content:flex-end}.hero-banner__eyebrow,.hero-banner__heading,.hero-banner__text :is(p,ul,ol){margin:0}.hero-banner__eyebrow{display:inline-flex;width:fit-content;font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line-height);letter-spacing:var(--type-label-letter-spacing);align-items:center;gap:var(--space-2);text-transform:var(--type-label-transform)}.hero-banner__eyebrow--line:before,.hero-banner__eyebrow--rules:before,.hero-banner__eyebrow--rules:after{width:28px;height:var(--border-width-hairline);background:currentcolor;content:""}.hero-banner__eyebrow--frame{position:relative;padding:7px var(--space-3)}.hero-banner__eyebrow--frame:before,.hero-banner__eyebrow--frame:after{position:absolute;right:0;left:0;height:7px;border-inline:var(--border-width-hairline) solid currentcolor;content:""}.hero-banner__eyebrow--frame:before{top:0;border-top:var(--border-width-hairline) solid currentcolor;border-radius:var(--style-border-radius-small) var(--style-border-radius-small) 0 0}.hero-banner__eyebrow--frame:after{bottom:0;border-bottom:var(--border-width-hairline) solid currentcolor;border-radius:0 0 var(--style-border-radius-small) var(--style-border-radius-small)}.hero-banner__text{max-width:56ch;font-size:var(--type-body-large-size);font-weight:var(--type-body-weight);line-height:var(--type-body-large-line-height);letter-spacing:var(--type-body-large-letter-spacing)}.hero-banner__text :is(ul,ol){padding-inline-start:1.25em}.hero-banner__actions{display:flex;margin-top:var(--space-2);flex-wrap:wrap;gap:var(--space-3)}.hero-banner__button{min-width:180px}.hero-banner--no-media .hero-banner__media{opacity:.35}.hero-banner--no-media .hero-banner__content-wrap{position:relative;min-height:inherit}@media(max-width:749px){.hero-banner{--hero-header-safe-area: 0px;min-height:600px}.hero-banner--mobile-height-slim{min-height:320px}.hero-banner--mobile-height-compact{min-height:440px}.hero-banner--mobile-height-medium{min-height:520px}.hero-banner--mobile-height-large{min-height:min(680px,88svh)}.hero-banner--mobile-height-full{min-height:calc(100svh - var(--site-header-offset, 0px))}:scope:has(.store-header--transparent) .hero-banner{--hero-header-safe-area: var(--header-mobile-height, 62px)}:scope:has(.store-header--transparent) .hero-banner--mobile-height-full{min-height:calc(100svh - var(--announcement-mobile-height, 0px))}.hero-banner__content-wrap{width:calc(100% - (var(--page-margin) * 2));padding-top:calc(var(--hero-padding-top-mobile) + var(--hero-header-safe-area));padding-bottom:var(--hero-padding-bottom-mobile)}.hero-banner--layout-dual .hero-banner__content-wrap{position:relative;min-height:inherit;height:auto}.hero-banner__content-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.hero-banner--layout-split{min-height:0}.hero-banner--layout-split .hero-banner__split{position:relative;grid-template-columns:minmax(0,1fr)}.hero-banner--layout-split.hero-banner--mobile-height-compact .hero-banner__panel{min-height:440px}.hero-banner--layout-split.hero-banner--mobile-height-medium .hero-banner__panel{min-height:520px}.hero-banner--layout-split.hero-banner--mobile-height-large .hero-banner__panel{min-height:min(680px,88svh)}.hero-banner--layout-split.hero-banner--mobile-height-full .hero-banner__panel{min-height:100svh}:scope:has(.store-header--transparent) .hero-banner--layout-split.hero-banner--mobile-height-full .hero-banner__panel:first-child{min-height:calc(100svh - var(--announcement-mobile-height, 0px))}.hero-banner--layout-split .hero-banner__panel--right .hero-banner__content-wrap{--hero-header-safe-area: 0px}.hero-banner__content{width:100%;gap:var(--space-3)}.hero-banner--mobile-align-left .hero-banner__content{justify-items:start;text-align:left}.hero-banner--mobile-align-center .hero-banner__content{justify-items:center;text-align:center}.hero-banner--mobile-align-left .hero-banner__content--right,.hero-banner--mobile-align-center .hero-banner__content--right{justify-self:stretch}.hero-banner__actions{width:100%;gap:var(--space-2)}.hero-banner--mobile-align-left .hero-banner__actions{justify-content:flex-start}.hero-banner--mobile-align-center .hero-banner__actions{justify-content:center}.hero-banner__button{min-width:min(100%,164px);flex:0 1 auto}}@media(prefers-reduced-motion:reduce){.hero-banner__image{animation:none}.hero-banner--scroll-cinematic .hero-banner__content-wrap{transform:none;will-change:auto}}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/noel-component-hero-banner.css.map */