.image-text{display:grid;gap:clamp(1.6rem,3.5vw,4rem);align-items:center}@media(min-width:750px){.image-text{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.image-text--flip .image-text__media-wrap{order:2}.image-text--flip .image-text__content{order:1}}.image-text__media-wrap{min-inline-size:0}.image-text__media{aspect-ratio:4 / 3;border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.image-text__media--logo{display:grid;place-items:center;background:var(--color-surface);padding:clamp(1.75rem,5vw,3.5rem)}.image-text__media--logo>img{position:static;inline-size:auto;block-size:auto;max-inline-size:min(250px,100%);max-block-size:100%;object-fit:contain}.image-text__media--badge>img{object-fit:contain;padding:clamp(.75rem,3%,1.75rem);padding-block-end:clamp(3.5rem,12%,5rem)}.image-text__badge{position:absolute;inset-block-end:clamp(.75rem,2.5%,1.25rem);inset-inline-start:clamp(.75rem,2.5%,1.25rem);display:flex;align-items:center;justify-content:center;max-inline-size:calc(100% - 1.5rem);padding:.55rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-sm)}.image-text__badge>img{inline-size:clamp(104px,24vw,128px);block-size:auto;max-inline-size:100%;object-fit:contain}.image-text__media--link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out)}.image-text__media--link:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.image-text__media--link:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-card)}@media(prefers-reduced-motion:reduce){.image-text__media--link:hover{transform:none}}.image-text__content{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;min-inline-size:0;max-inline-size:52ch}.image-text__content .text-eyebrow{margin-block-end:0}.image-text__heading{margin:0;text-wrap:balance}.image-text__text{color:var(--color-text)}.image-text__actions{margin-block-start:.55rem}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-image-with-text.css.map */
