.collage{gap:20px;overflow:hidden}@supports (overflow: clip){.collage{overflow-y:clip;overflow-x:visible}}@media screen and (min-width: 768px){.collage_section .collage .desktop_hidden{display:none}}@media screen and (min-width: 1024px){.collage{grid-template-columns:1fr 2fr}}.collage_section .grid{margin:0}.collage__item{border-radius:var(--rounded-block);cursor:pointer}.collage_section .collage .media>img{width:100%}.collage .banner__box{padding:var(--sp-6);height:100%;width:100%;min-width:unset;max-width:unset}img{display:block;vertical-align:middle;height:auto;max-width:100%}@media screen and (min-width: 1024px){.collage .banner__box{padding:28px 20px}}.collage .banner__box p{display:inline-block;max-width:200px;color:#fff;font-family:Arial;font-size:32px;font-style:normal;font-weight:700;line-height:34px;margin:0}.reversed-link,.rte a{--reversed-link-gap: min(100%, 1.35em);background:linear-gradient(to var(--transform-origin-end),currentColor,currentColor) 0 var(--reversed-link-gap) / 0 1px no-repeat;background-position-x:var(--transform-origin-end);transition:background-size var(--animation-primary)}.collage_section h2{font-size:26px;font-weight:700;color:#333;margin-bottom:0}.collage_section .subheading{font-size:16px;font-weight:400;color:#666;text-transform:none;margin-bottom:25px}.collage_section a.button{background:#ffdf00;height:56px;display:flex;border-radius:4px;align-items:center;justify-content:center;max-width:240px}.collage .title-wrapper{display:grid;margin-block-end:0;gap:25px}.collage .banner__box p a{color:#fff}.collage_section-2 .media--wide>:is(img,svg,video-media),.aspect-wide{aspect-ratio:9 / 11}.collage_section-2 .media--wide-right>:is(img,svg,video-media),.aspect-wide{aspect-ratio:16/9}.collage_section .collage__item:hover .media>img{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.collage_section .media>img{transform:scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media screen and (pointer: fine){.media>img{transition:var(--animation-primary);transition-property:opacity,transform}}.media>img{backface-visibility:hidden;object-fit:cover;object-position:center center}.collage_section-2 .subheading{color:#666;font-family:Arial;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0}@media screen and (max-width: 767px){.collage_section .subheading{margin-bottom:5px;font-size:14px}.collage .title-wrapper{gap:15px}.collage_section a.button{font-size:12px;height:40px}.collage_section .collage .media>img{aspect-ratio:1}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/collage.css.map */
