.duo-image-banner{display:flex;flex-direction:column;align-items:center;gap:calc(var(--grid-spacing) * 1.5);overflow-x:clip}.duo-image-banner__content{order:2;width:100%}.duo-image-banner__media{order:1;position:relative;width:100%}.duo-image-banner__eyebrow{margin:0 0 var(--spacing-3)}.duo-image-banner__heading{margin:0 0 var(--spacing-4)}.duo-image-banner__heading em{font-style:italic}.duo-image-banner__text{margin:0 0 var(--spacing-5);color:rgba(var(--color-foreground),.75)}.duo-image-banner__link{display:inline-flex;align-items:center;gap:var(--spacing-2)}.duo-image-banner__link .icon{width:1.4rem;height:1.4rem;transition:transform var(--duration-long)}@media(hover:hover){.duo-image-banner__link:hover .icon{transform:translate(.3rem)}}.duo-image-banner__media-primary{position:relative;aspect-ratio:4 / 4.6;max-height:52rem;overflow:hidden;border-radius:var(--card-corner-radius)}.duo-image-banner__media-primary img,.duo-image-banner__media-primary svg{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long)}.duo-image-banner__media-secondary{position:absolute;inset-inline-end:-8%;inset-block-end:-13%;width:46%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--card-corner-radius);border:.6rem solid rgb(var(--color-background));box-shadow:0 .2rem 1.2rem #00000014}.duo-image-banner__media-secondary img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long)}@media(hover:hover){.duo-image-banner__media:hover .duo-image-banner__media-primary img,.duo-image-banner__media:hover .duo-image-banner__media-secondary img{transform:scale(1.05)}}@media screen and (max-width:749px){.duo-image-banner__media-secondary{width:46%;inset-inline-end:-4%;inset-block-end:-10%;border-width:.4rem}}@media screen and (min-width:750px){.duo-image-banner{flex-direction:row;justify-content:center}.duo-image-banner__content{width:auto;flex:3 1 0;max-width:58rem}.duo-image-banner__media{width:auto;flex:2 1 0;max-width:58rem}.duo-image-banner--media-end .duo-image-banner__content{order:1}.duo-image-banner--media-end .duo-image-banner__media,.duo-image-banner--media-start .duo-image-banner__content{order:2}.duo-image-banner--media-start .duo-image-banner__media{order:1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-duo-image-banner.css.map */