/*!
 * DS Branding and benefits
 *
 * Both layouts of sections/ds-branding-and-benefits.liquid, from Figma nodes
 * 1304:11438 (column) and 1304:11344 (row). The layout variant is a class on the
 * band, which picks the formatting context — a wrapping grid when stacked, a
 * single flex row otherwise — and sets the tokens each benefit reads.
 */.ds-benefits{gap:var(--sp-4) var(--ds-benefits-gap)}.ds-benefits--column{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.75rem,1fr));align-items:start;--ds-benefits-gap: var(--sp-4);--ds-benefit-icon-size: 2.875rem}.ds-benefits--row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;--ds-benefits-gap: clamp(var(--sp-6), 6vw, 9.375rem);--ds-benefit-icon-size: 2.1875rem}.ds-benefit{display:flex;min-width:0}.ds-benefits--column .ds-benefit{flex-direction:column;align-items:center;gap:var(--sp-3d5);text-align:center}.ds-benefits--row .ds-benefit{flex:1 1 0;align-items:center;justify-content:center;gap:var(--sp-2)}.ds-benefit__icon{flex:0 0 auto;width:var(--ds-benefit-icon-size)}.ds-benefit__icon img{display:block;width:100%;height:auto}.ds-benefit__content{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.ds-benefit__text{margin:0;font-size:var(--text-base);line-height:1.2}.ds-benefits--column .ds-benefit__text{text-transform:uppercase}.ds-benefits--row .ds-benefit__text{text-transform:none}.ds-benefit__subtext{margin:0;font-size:var(--text-sm);line-height:1.3;color:rgb(var(--color-foreground) / .7)}.ds-branding-text{min-width:0;font-size:clamp(1.25rem,1.944vw,1.75rem);line-height:1.36;text-transform:lowercase}.ds-branding-text.rte>*{margin-block:0}.ds-benefits--row .ds-branding-text{flex:1 1 0;padding-left:var(--sp-12)}@media screen and (max-width:767px){.ds-benefits--row{flex-wrap:wrap}.ds-benefits--row .ds-benefit{flex-basis:calc(100% / var(--ds-benefits-mobile-columns, 2) - var(--ds-benefits-gap));justify-content:start}.ds-benefits--column{grid-template-columns:repeat(var(--ds-benefits-mobile-columns, 2),minmax(0,1fr))}.ds-benefits--mobile-cols-3 .ds-benefit__text{font-size:.9rem}.ds-benefits--mobile-text .ds-benefit,.ds-benefits--mobile-icons .ds-branding-text{display:none}.ds-branding-text{grid-column:1 / -1;text-align:center;white-space:nowrap}.ds-benefits--row .ds-branding-text{flex-basis:100%;padding-left:unset}.ds-branding-text br{display:none}.ds-branding-text p{display:inline}}.shopify-section:has(.slideshow)+.ds-branding-and-benefits-section{position:relative;z-index:1;margin-block-start:calc(var(--ds-benefits-radius, 0px) * -1);overflow:hidden;border-start-start-radius:var(--ds-benefits-radius, 0px);border-start-end-radius:var(--ds-benefits-radius, 0px)}.shopify-section:has(.slideshow):has(+.ds-branding-and-benefits-section .section--rounded) .ds-slide-overlay{inset-block-end:var(--border-radius)}@media screen and (max-width:767px){.ds-branding-and-benefits-section .section--padding{padding-block-start:calc(var(--section-padding-top) * .5)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-branding-and-benefits.css.map */