.ui-hero-banner{--ui-hero-min-height: 88lvh;--ui-hero-min-height-mobile: 450px;--ui-hero-overlay-color: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 30%, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, .6) 100%);--ui-hero-content-max-width: 56rem;--ui-hero-text-color: #ffffff;--ui-hero-button-bg: transparent;--ui-hero-button-border: rgba(255, 255, 255, .55);--ui-hero-button-color: #ffffff}.ui-hero-banner--main{min-height:var(--ui-hero-min-height)}.ui-hero-banner--section .ui-hero-banner__title{font-family:Manrope,sans-serif;font-style:normal;font-weight:600;font-size:32px;line-height:1;letter-spacing:-.035em}.ui-hero-banner--section .ui-hero-banner__desc{margin-block-start:var(--space-08)}@media(max-width:1023px){.ui-hero-banner--section .ui-hero-banner__title{font-family:Manrope,sans-serif;font-style:normal;font-weight:600;font-size:24px;line-height:1;letter-spacing:-.03em}.ui-hero-banner--section .ui-hero-banner__content{text-align:left!important}.ui-hero-banner--section .ui-hero-banner__desc{font-family:Manrope,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:1.4;letter-spacing:-.03em;margin-block-start:var(--space-08)}.ui-hero-banner--section .ui-hero-banner__actions{margin-block-start:var(--space-12)}}.ui-hero-banner{position:relative;isolation:isolate;display:block;min-height:var(--ui-hero-min-height);overflow:hidden}@media(max-width:1023px){.ui-hero-banner{min-height:var(--ui-hero-min-height-mobile)}}.ui-hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.ui-hero-banner__media-item{position:absolute;top:0;left:0;width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center;object-position:center;display:block}.ui-hero-banner__media--mobile{display:none}@media(max-width:1023px){.ui-hero-banner__media--mobile{display:block}}@media(max-width:1023px){.ui-hero-banner__media--desktop{display:none}}.ui-hero-banner__overlay{position:absolute;background:var(--ui-hero-overlay-color);z-index:1;pointer-events:none;height:194px;bottom:0;left:0;width:100%}.ui-hero-banner__inner{position:relative;z-index:2;min-height:inherit;padding:var(--space-40);display:flex}@media(max-width:1023px){.ui-hero-banner__inner{padding:var(--space-20) var(--space-12)}}.ui-hero-banner__content{width:min(100%,var(--ui-hero-content-max-width));color:var(--ui-hero-text-color)}.ui-hero-banner__eyebrow{margin:0 0 .8rem;font-size:1.4rem;line-height:1.2;opacity:.9}.ui-hero-banner__title{margin:0;font-family:Manrope,sans-serif;font-style:normal;font-weight:500;font-size:48px;line-height:1;letter-spacing:-.04em;color:var(--ui-hero-text-color)}@media(max-width:1023px){.ui-hero-banner__title{font-family:Manrope,sans-serif;font-style:normal;font-weight:500;font-size:48px;line-height:1;letter-spacing:-.04em}}.ui-hero-banner__title+.ui-hero-banner__actions{margin-block-start:var(--space-12)}.ui-hero-banner__desc{margin-block-start:var(--space-12);font-family:Manrope,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:1.4;letter-spacing:-.03em;opacity:.95}.ui-hero-banner__actions{margin-block-start:var(--space-20);flex-wrap:wrap;gap:1rem}.ui-hero-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.9rem 1.6rem;border:1px solid var(--ui-hero-button-border);background:var(--ui-hero-button-bg);color:var(--ui-hero-button-color);font-size:1.4rem;line-height:1;text-decoration:none;border-radius:999px;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.ui-hero-banner__button:hover,.ui-hero-banner__button:focus-visible{background:#fff;color:#111;border-color:#fff}.ui-hero-banner--v-top .ui-hero-banner__inner{align-items:flex-start}.ui-hero-banner--v-center .ui-hero-banner__inner{align-items:center}.ui-hero-banner--v-bottom .ui-hero-banner__inner{align-items:flex-end}.ui-hero-banner--h-left .ui-hero-banner__inner{justify-content:flex-start}.ui-hero-banner--h-left .ui-hero-banner__content{text-align:left}.ui-hero-banner--h-center .ui-hero-banner__inner{justify-content:center}.ui-hero-banner--h-center .ui-hero-banner__content{text-align:center}.ui-hero-banner--h-right .ui-hero-banner__inner{justify-content:flex-end}.ui-hero-banner--h-right .ui-hero-banner__content{text-align:right;margin-left:auto}.banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate;min-height:calc(770px - var(--h-header))}@media(max-width:1023px){.banner{min-height:calc(360px - var(--h-header));padding-top:380px}}.banner__image--mobile{display:none!important}@media(max-width:1023px){.banner__image--desktop{display:none!important}.banner__image--mobile{display:block!important}}.banner__media{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#0000}.banner__media img{width:100%;height:100%}.banner__content{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}@media(max-width:1023px){.banner__content{top:60%;left:calc(50% - 14px)}}.banner__content .banner__icon{position:absolute;top:100px;left:-20px}@media(max-width:1023px){.banner__content .banner__icon{top:50px;left:-10px}}.banner__content .banner__icon img{width:190.35px;height:166.05px;flex-shrink:0}@media(max-width:1023px){.banner__content .banner__icon img{height:auto;width:98px}}.banner__heading{color:var(--c-text-primary-dark);font-family:Manrope,sans-serif;font-weight:400;font-size:20px;line-height:1.4;letter-spacing:-.03em;font-size:97.2px;font-style:normal;font-weight:700;line-height:1.1;text-align:right;display:flex;flex-direction:column;align-items:end}@media(max-width:1023px){.banner__heading{font-size:48px;line-height:1.2}}.banner__heading-copy1{position:relative}.banner__heading-copy2{left:70px;position:relative}@media(max-width:1023px){.banner__heading-copy2{left:40px}}.banner__heading-copy3{position:relative}.banner__heading span{display:flex;width:-moz-max-content;width:max-content}.ui-hero-banner-wrapper{display:flex;flex-direction:column}.ui-hero-banner__products{padding-block:0;background-color:#fff}.ui-hero-banner__products slider-interface{display:block;position:relative}@media(min-width:1024px){.ui-hero-banner__products .ui-product-card__image{width:100%;height:310px;aspect-ratio:auto}}.ui-hero-banner__products .ui-product-card__image img{-o-object-fit:contain;object-fit:contain}.ui-hero-banner__products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-01, 1px);background-color:#fff}@media(max-width:1023px){.ui-hero-banner__products-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:1px}.ui-hero-banner__products-grid::-webkit-scrollbar{display:none}}.ui-hero-banner__products-item{background-color:#fff}@media(max-width:1023px){.ui-hero-banner__products-item{scroll-snap-align:start;flex:0 0 auto;width:calc((100% - 2px)*.4)!important}}[data-brand=skybags] .section-ui-hero-banner+.section-ui-category-slider{margin-block-start:0!important;padding-block-start:0!important}[data-brand=skybags] .ui-hero-banner__content{text-align:center!important;margin-inline:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}[data-brand=skybags] .ui-hero-banner__title{color:var(--text-icon-dark-primary, #FFF)!important;text-align:center!important;font-family:var(--Text-Properties-Family-H1-M, Manrope),sans-serif!important;font-size:var(--Size-48, 48px)!important;font-style:normal!important;font-weight:800!important;line-height:100%!important;letter-spacing:-1.92px!important;text-transform:uppercase!important}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__title{font-size:var(--Size-48, 48px)!important}}[data-brand=skybags] .ui-hero-banner__desc{color:var(--text-icon-dark-primary, #FFF)!important;text-align:center!important;font-family:var(--Text-Properties-Family-H5, Manrope),sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:500!important;line-height:120%!important;letter-spacing:-.48px!important;text-transform:none!important}@media(max-width:1023px){[data-brand=skybags] .ui-hero-banner__desc{font-size:16px!important}}[data-brand=skybags] .ui-hero-banner__actions{display:flex!important;justify-content:center!important;width:100%!important}[data-brand=skybags] .ui-hero-banner .m-btn{display:inline-flex!important;padding:10px 32px!important;align-items:center!important;justify-content:center!important;gap:2px!important;background:#fff!important;border:none!important;border-radius:999px!important;min-width:auto!important;min-height:auto!important;height:auto!important;box-shadow:none!important;text-decoration:none!important}[data-brand=skybags] .ui-hero-banner .m-btn:before,[data-brand=skybags] .ui-hero-banner .m-btn:after{display:none!important}[data-brand=skybags] .ui-hero-banner .m-btn .m-btn__text{color:var(--Text-Color-Primary, #212121)!important;text-align:center!important;font-family:Neue Haas Grotesk Display Pro,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:500!important;line-height:120%!important;text-transform:none!important}[data-brand=skybags] .ui-hero-banner .m-btn:hover,[data-brand=skybags] .ui-hero-banner .m-btn:focus-visible{background:#f1f1f1!important;color:#212121!important}[data-brand=skybags] .ui-hero-banner .m-btn:hover .m-btn__text,[data-brand=skybags] .ui-hero-banner .m-btn:focus-visible .m-btn__text{color:#212121!important}
/*# sourceMappingURL=/cdn/shop/t/9/assets/components-ui-hero-banner.css.map */