.ro-split-banner{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:34% 1fr;aspect-ratio:2.2 / 1;max-height:240px}.ro-split-banner--standard{aspect-ratio:2 / 1;max-height:260px}.ro-split-banner--tall{aspect-ratio:1.8 / 1;max-height:280px}@media screen and (min-width:750px){.ro-split-banner{grid-template-columns:22% 78%;grid-template-rows:1fr;aspect-ratio:4.4 / 1;max-height:300px}.ro-split-banner--standard{aspect-ratio:3.6 / 1;max-height:340px}.ro-split-banner--tall{aspect-ratio:3 / 1;max-height:360px}}.ro-split-banner__tile{position:relative;overflow:hidden;background:var(--ro-black)}.ro-split-banner__tile .media{height:100%}@media screen and (max-width:749px){.ro-split-banner--solo-mobile{grid-template-rows:1fr;aspect-ratio:3 / 1;max-height:180px}.ro-split-banner--solo-mobile.ro-split-banner--standard{aspect-ratio:2.7 / 1;max-height:200px}.ro-split-banner--solo-mobile.ro-split-banner--tall{aspect-ratio:2.4 / 1;max-height:220px}.ro-split-banner--solo-mobile .ro-split-banner__tile--logo{display:none}}.ro-split-banner__tile--logo{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;border-bottom:var(--ro-bar-thin) solid var(--ro-red)}@media screen and (min-width:750px){.ro-split-banner__tile--logo{min-height:100%;border-bottom:0;border-right:var(--ro-bar-thin) solid var(--ro-red)}}.ro-split-banner__logo-media{width:100%;flex:1 1 auto;min-height:0;padding:.6rem 1.6rem}@media screen and (min-width:750px){.ro-split-banner__logo-media{padding:1.6rem 2.4rem}}.ro-split-banner__logo-media img{object-fit:contain;max-height:100%}.ro-split-banner__logo-fallback{display:flex;flex-direction:column;width:100%;height:100%;background:var(--ro-black)}.ro-split-banner__logo-fallback-bar{flex:0 0 auto;width:100%;height:var(--ro-bar-thick);background:var(--ro-red)}.ro-split-banner__logo-fallback-bar--angled{height:var(--ro-bar-thin);clip-path:polygon(0 0,calc(100% - var(--ro-bar-cut)) 0,100% 100%,0 100%)}.ro-split-banner__logo-fallback-text-wrap{display:flex;flex:1 1 auto;min-height:0;align-items:center;justify-content:center;padding:.4rem 1.2rem;text-align:center}@media screen and (min-width:750px){.ro-split-banner__logo-fallback-text-wrap{padding:1.2rem 1.6rem}}.ro-split-banner__logo-fallback-text{font-size:clamp(1.6rem,5vw,var(--ro-type-lg));line-height:1.05;overflow-wrap:break-word}.ro-split-banner__tile--banner{min-height:0}@media screen and (min-width:750px){.ro-split-banner__tile--banner{min-height:100%}}.ro-split-banner__collage{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.2rem;width:100%;height:100%}.ro-split-banner__collage-tile{position:relative;overflow:hidden;background:var(--ro-steel)}.ro-split-banner__collage-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ro-split-banner__overlay-heading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:1.2rem 1.6rem;background:linear-gradient(0deg,rgba(var(--ro-black-rgb),.8),rgba(var(--ro-black-rgb),0) 50%);pointer-events:none}@media screen and (min-width:750px){.ro-split-banner__overlay-heading{padding:2rem 2.4rem}}.ro-split-banner__overlay-heading .ro-stencil{margin:0;overflow-wrap:anywhere;font-size:clamp(1.8rem,4vw,3.2rem)}.ro-split-banner__hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;pointer-events:auto}.ro-split-banner__hero-copy--center{align-items:center}.ro-split-banner__hero-copy .ro-follow-btn{font-size:.85rem;padding:.4rem .8rem .35rem}@media screen and (min-width:750px){.ro-split-banner__hero-copy .ro-follow-btn{font-size:1rem;padding:.5rem 1rem .45rem}}.ro-split-banner__gradient-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1.2rem 1.6rem;text-align:center;background:radial-gradient(120% 120% at 15% 15%,var(--ro-red-dark) 0%,var(--ro-black) 65%)}@media screen and (min-width:750px){.ro-split-banner__gradient-fallback{padding:2rem 2.4rem}}.ro-split-banner__gradient-fallback .ro-stencil{margin:0;font-size:clamp(2rem,4.5vw,3.6rem)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-rockoff-split-banner.css.map */