.hero-breakout__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0}.hero-breakout__content{display:flex;flex-direction:column;gap:20px;padding-right:48px;padding-left:0}.hero-breakout--image-left .hero-breakout__content{padding-right:0;padding-left:48px;order:2}.hero-breakout--image-left .hero-breakout__media{order:1}.hero-breakout__subheading,.hero-breakout__heading,.hero-breakout__description,.hero-breakout__description p{margin:0}.hero-breakout__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.hero-breakout__media{position:relative}.hero-breakout--image-right .hero-breakout__media{margin-right:calc((100vw - 100%)/-2)}.hero-breakout--image-left .hero-breakout__media{margin-left:calc((100vw - 100%)/-2)}.hero-breakout__image-wrap{overflow:hidden;width:100%;height:100%}.hero-breakout__image-wrap{min-height:380px;max-height:450px}[data-image-height=small] .hero-breakout__image-wrap,.hero-breakout--height-small .hero-breakout__image-wrap{min-height:300px}.hero-breakout--height-large .hero-breakout__image-wrap{min-height:520px}.hero-breakout__image{width:100%;height:100%;object-fit:cover;display:block}.hero-breakout__image-wrap .placeholder-svg{width:100%;height:100%;min-height:380px;display:block}@media screen and (max-width:989px){.hero-breakout__inner{grid-template-columns:1fr 1fr;gap:0}.hero-breakout__content{padding-right:32px;gap:16px}.hero-breakout--image-left .hero-breakout__content{padding-right:0;padding-left:32px}.hero-breakout__image-wrap{min-height:300px;max-height:400px}}@media screen and (max-width:749px){.hero-breakout__inner{grid-template-columns:1fr}.hero-breakout__content{order:1!important;padding-right:0!important;padding-left:0!important;gap:16px}.hero-breakout__media{order:2!important;margin-top:20px}.hero-breakout--image-right .hero-breakout__media,.hero-breakout--image-left .hero-breakout__media{margin-right:calc((100vw - 100%)/-2);margin-left:calc((100vw - 100%)/-2)}.hero-breakout__image-wrap{border-radius:0!important;min-height:260px}.hero-breakout__buttons{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hero-breakout-image.css.map */
