.brand-feature{background:var(--color-white);padding:var(--section-padding-desktop) 0}.brand-feature__inner{display:grid;grid-template-columns:45% 55%;gap:0;max-width:1200px;margin:0 auto;min-height:480px}.brand-feature__image-side{position:relative;overflow:hidden;border-radius:16px;background:var(--color-cream);order:2}.brand-feature__image-side img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.brand-feature__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:320px}.brand-feature__placeholder-emoji{font-size:80px;line-height:1;-webkit-user-select:none;user-select:none;opacity:.5}.brand-feature__content-side{padding:var(--spacing-xl) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;order:1}.brand-feature__eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-variant:small-caps;color:var(--color-pink)}.brand-feature__heading{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;color:var(--color-dark);line-height:1.2}.brand-feature__body{font-size:1rem;color:var(--color-mid);line-height:1.7;max-width:52ch}.brand-feature__body p+p{margin-top:var(--spacing-sm)}.brand-feature__content-side .btn{display:inline-block;width:auto;align-self:flex-start;padding:14px 28px;background:var(--color-pink);color:var(--color-white);border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:15px;letter-spacing:.3px;text-decoration:none;border:none;cursor:pointer;transition:background .15s ease}.brand-feature__content-side .btn:hover{background:var(--color-pink-deep)}.brand-feature--image-left .brand-feature__image-side{order:1}.brand-feature--image-left .brand-feature__content-side{order:2}@media(min-width:1200px){.brand-feature__content-side{padding:var(--spacing-xl) 72px}}@media(max-width:767px){.brand-feature{padding:var(--section-padding-mobile) 0}.brand-feature__inner{grid-template-columns:1fr;min-height:auto}.brand-feature__image-side,.brand-feature--image-left .brand-feature__image-side{order:1;aspect-ratio:4 / 3;min-height:240px;position:relative}.brand-feature__content-side,.brand-feature--image-left .brand-feature__content-side{order:2;padding:24px 16px}.brand-feature__image-side{margin:0 16px}}.brand-feature__image-media{border-radius:16px;display:block;width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/42/assets/section-brand-feature.css.map */