.ry-banner{position:relative;min-height:60vh;display:flex;justify-content:var(--ry-cx, flex-start);align-items:var(--ry-cy, flex-start);overflow:hidden;border-bottom:var(--ry-hairline-width) solid var(--ry-hairline)}@media screen and (min-width:990px){.ry-banner{min-height:96rem}}.ry-banner.is-dx-left{--ry-cx: flex-start}.ry-banner.is-dx-center{--ry-cx: center}.ry-banner.is-dx-right{--ry-cx: flex-end}.ry-banner.is-dy-top{--ry-cy: flex-start}.ry-banner.is-dy-middle{--ry-cy: center}.ry-banner.is-dy-bottom{--ry-cy: flex-end}.ry-banner.is-da-left{--ry-ta: left;--ry-ti: flex-start}.ry-banner.is-da-center{--ry-ta: center;--ry-ti: center}.ry-banner.is-da-right{--ry-ta: right;--ry-ti: flex-end}.ry-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.ry-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:var(--ry-ti, flex-start);text-align:var(--ry-ta, left);max-width:62rem;padding:var(--ry-cpt, var(--ry-textbox-pad-top)) var(--ry-page-inline) 8rem}.ry-banner.is-dy-middle,.ry-banner.is-dy-bottom{--ry-cpt: 8rem}.ry-banner--text-dark .ry-banner__content{color:rgb(var(--color-ink))}.ry-banner--text-light .ry-banner__content{color:#fff}.ry-banner__heading{margin:0;color:inherit;font-weight:600;letter-spacing:-.06rem;line-height:1.3}.ry-banner__heading--regular{font-size:clamp(2.8rem,3.2vw,4rem)}.ry-banner__heading--large{font-size:clamp(3.6rem,3.2vw,6rem)}.ry-banner__text{margin-top:1.4rem;max-width:47rem;font-size:clamp(1.6rem,2vw,2rem);line-height:1.5}.ry-banner--text-dark .ry-banner__text{color:rgb(var(--color-readable))}.ry-banner__button{margin-top:2.8rem;font-family:"IBM Plex Mono",var(--font-ui-family);font-size:1.3rem}@media screen and (max-width:749px){.ry-banner{min-height:var(--ry-banner-mh-mobile, 0);aspect-ratio:var(--ry-banner-ar-mobile, 4 / 5)}.ry-banner__content{padding:4rem var(--ry-page-inline)}.ry-banner.is-mx-left{--ry-cx: flex-start}.ry-banner.is-mx-center{--ry-cx: center}.ry-banner.is-mx-right{--ry-cx: flex-end}.ry-banner.is-my-top{--ry-cy: flex-start}.ry-banner.is-my-middle{--ry-cy: center}.ry-banner.is-my-bottom{--ry-cy: flex-end}.ry-banner.is-ma-left{--ry-ta: left;--ry-ti: flex-start}.ry-banner.is-ma-center{--ry-ta: center;--ry-ti: center}.ry-banner.is-ma-right{--ry-ta: right;--ry-ti: flex-end}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-ry-image-banner.css.map */