.octomap-hero-banner{position:relative;isolation:isolate;display:flex;min-height:var(--octomap-hero-min-height-mobile, 620px);overflow:hidden;color:var(--octomap-hero-text-color, #ffffff);background:rgb(var(--color-background))}.octomap-hero-banner__media,.octomap-hero-banner__picture,.octomap-hero-banner__image,.octomap-hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.octomap-hero-banner__media{z-index:-2}.octomap-hero-banner__image{display:block;object-fit:cover;object-position:var(--octomap-hero-mobile-focal-x, 50%) var(--octomap-hero-mobile-focal-y, 50%)}.octomap-hero-banner__placeholder{background:linear-gradient(135deg,#00baaae6,#3dbee3bf)}.octomap-hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgb(var(--octomap-hero-overlay-color, 0, 0, 0));opacity:var(--octomap-hero-overlay-opacity, .25);pointer-events:none}.octomap-hero-banner__content{display:flex;width:100%;min-height:inherit;padding:clamp(3.2rem,8vw,7.2rem) 2rem}.octomap-hero-banner__box{width:min(100%,var(--octomap-hero-max-width, 620px))}.octomap-hero-banner__eyebrow{margin:0 0 1.2rem;font-size:1.3rem;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:uppercase}.octomap-hero-banner__heading{margin:0;color:inherit;font-size:clamp(3.2rem,7vw,7.2rem);font-weight:700;line-height:.98;letter-spacing:0}.octomap-hero-banner__subheading{margin:1.8rem 0 0;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:500;line-height:1.45}.octomap-hero-banner__button{margin-top:2.8rem}.octomap-hero-banner--mobile-align-left .octomap-hero-banner__box{text-align:left}.octomap-hero-banner--mobile-align-center .octomap-hero-banner__box{text-align:center}.octomap-hero-banner--mobile-align-right .octomap-hero-banner__box{text-align:right}.octomap-hero-banner--mobile-top-left .octomap-hero-banner__content,.octomap-hero-banner--mobile-top-center .octomap-hero-banner__content,.octomap-hero-banner--mobile-top-right .octomap-hero-banner__content{align-items:flex-start}.octomap-hero-banner--mobile-middle-left .octomap-hero-banner__content,.octomap-hero-banner--mobile-middle-center .octomap-hero-banner__content,.octomap-hero-banner--mobile-middle-right .octomap-hero-banner__content{align-items:center}.octomap-hero-banner--mobile-bottom-left .octomap-hero-banner__content,.octomap-hero-banner--mobile-bottom-center .octomap-hero-banner__content,.octomap-hero-banner--mobile-bottom-right .octomap-hero-banner__content{align-items:flex-end}.octomap-hero-banner--mobile-top-left .octomap-hero-banner__content,.octomap-hero-banner--mobile-middle-left .octomap-hero-banner__content,.octomap-hero-banner--mobile-bottom-left .octomap-hero-banner__content{justify-content:flex-start}.octomap-hero-banner--mobile-top-center .octomap-hero-banner__content,.octomap-hero-banner--mobile-middle-center .octomap-hero-banner__content,.octomap-hero-banner--mobile-bottom-center .octomap-hero-banner__content{justify-content:center}.octomap-hero-banner--mobile-top-right .octomap-hero-banner__content,.octomap-hero-banner--mobile-middle-right .octomap-hero-banner__content,.octomap-hero-banner--mobile-bottom-right .octomap-hero-banner__content{justify-content:flex-end}@media screen and (min-width:750px){.octomap-hero-banner{min-height:var(--octomap-hero-min-height-desktop, 620px)}.octomap-hero-banner__content{padding:clamp(4.8rem,7vw,9.6rem) 5rem}.octomap-hero-banner__image{object-position:var(--octomap-hero-desktop-focal-x, 50%) var(--octomap-hero-desktop-focal-y, 50%)}.octomap-hero-banner--desktop-top-left .octomap-hero-banner__content,.octomap-hero-banner--desktop-top-center .octomap-hero-banner__content,.octomap-hero-banner--desktop-top-right .octomap-hero-banner__content{align-items:flex-start}.octomap-hero-banner--desktop-middle-left .octomap-hero-banner__content,.octomap-hero-banner--desktop-middle-center .octomap-hero-banner__content,.octomap-hero-banner--desktop-middle-right .octomap-hero-banner__content{align-items:center}.octomap-hero-banner--desktop-bottom-left .octomap-hero-banner__content,.octomap-hero-banner--desktop-bottom-center .octomap-hero-banner__content,.octomap-hero-banner--desktop-bottom-right .octomap-hero-banner__content{align-items:flex-end}.octomap-hero-banner--desktop-top-left .octomap-hero-banner__content,.octomap-hero-banner--desktop-middle-left .octomap-hero-banner__content,.octomap-hero-banner--desktop-bottom-left .octomap-hero-banner__content{justify-content:flex-start}.octomap-hero-banner--desktop-top-center .octomap-hero-banner__content,.octomap-hero-banner--desktop-middle-center .octomap-hero-banner__content,.octomap-hero-banner--desktop-bottom-center .octomap-hero-banner__content{justify-content:center}.octomap-hero-banner--desktop-top-right .octomap-hero-banner__content,.octomap-hero-banner--desktop-middle-right .octomap-hero-banner__content,.octomap-hero-banner--desktop-bottom-right .octomap-hero-banner__content{justify-content:flex-end}.octomap-hero-banner--align-left .octomap-hero-banner__box{text-align:left}.octomap-hero-banner--align-center .octomap-hero-banner__box{text-align:center}.octomap-hero-banner--align-right .octomap-hero-banner__box{text-align:right}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-octomap-hero-banner.css.map */