.rq-split__grid{display:grid;gap:.6rem}.rq-split__grid--mobile-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.rq-split__grid--mobile-columns.rq-split__grid--3>:first-child{grid-column:1 / -1}.rq-split__grid--mobile-stack{grid-template-columns:1fr}.rq-split__tile{position:relative;display:block;overflow:hidden;aspect-ratio:3 / 4.4;color:#fff;text-decoration:none;isolation:isolate}.rq-split__grid--mobile-stack .rq-split__tile,.rq-split__grid--mobile-columns.rq-split__grid--3>:first-child,.rq-split__grid--1 .rq-split__tile{aspect-ratio:4 / 5}.rq-split__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.rq-split__media .rq-media__img{position:absolute;top:0;right:0;bottom:0;left:0}.rq-split__media .rq-example-badge{top:1.2rem;bottom:auto}.rq-split__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0000 45%,#0000008c);transition:opacity .6s var(--rq-ease)}.rq-split__body{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;padding:clamp(1.6rem,3vw,4.8rem);--color-foreground: 255, 255, 255}.rq-split__eyebrow{margin:0;color:#ffffffd9}.rq-split__title{display:block;color:#fff;font-size:clamp(3.4rem,7vw,11rem);line-height:.9}.rq-split__cta{margin-top:.4rem;color:#fff}.rq-split__count{position:absolute;top:clamp(1.2rem,2vw,2.8rem);right:clamp(1.2rem,2vw,2.8rem);font-size:1.05rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#ffffffd9}@media screen and (max-width:749px){.rq-split__grid--mobile-columns:not(.rq-split__grid--1) .rq-split__tile .rq-split__eyebrow{display:none}.rq-split__grid--mobile-columns .rq-split__cta{font-size:1rem;letter-spacing:.14em}.rq-split__count{display:none}}@media screen and (min-width:750px){.rq-split__grid{display:flex;gap:.8rem;height:min(94vh,104rem)}.rq-split__tile,.rq-split__grid--mobile-stack .rq-split__tile,.rq-split__grid--mobile-columns.rq-split__grid--3>:first-child,.rq-split__grid--1 .rq-split__tile{flex:1 1 0;min-width:0;aspect-ratio:auto;transition:flex-grow 1s var(--rq-ease)}.rq-split__grid:hover .rq-split__tile:hover{flex-grow:1.35}.rq-split__grid:hover .rq-split__tile:not(:hover) .rq-split__shade{background:linear-gradient(180deg,#00000026,#0009)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/rq-split.css.map */