.ds-section{--ds-section-col-gap: var(--space-4);box-sizing:border-box;inline-size:100%;padding-block:var(--ds-section-y);padding-inline:max(var(--ds-section-gutter),calc((100% - var(--ds-section-max)) / 2));background-color:var(--surface-primary);color:var(--text-primary)}@media screen and (min-width:990px){.ds-section{--ds-section-col-gap: 80px}}.ds-section--brand{background-color:var(--surface-brand);color:var(--text-on-brand)}.ds-section--secondary{background-color:var(--surface-secondary)}.ds-section--cta{padding-block:var(--ds-cta-y);background-color:var(--background-cta);color:var(--text-on-brand)}.ds-section--wide{--ds-section-inline: var(--space-4);padding-inline:var(--ds-section-inline);padding-block:var(--space-8)}@media screen and (min-width:990px){.ds-section--wide{padding-inline:max(var(--space-8),calc((100% - var(--ds-section-max-wide)) / 2))}}.ds-section--brand .ds-eyebrow{color:var(--accent-blue)}.ds-section--brand .ds-eyebrow__rule{opacity:.35}.ds-section--cta .ds-eyebrow{color:var(--text-on-brand)}.ds-section--brand .ds-text{color:color-mix(in srgb,currentColor 82%,transparent)}.ds-section--bleed{padding:0;container-type:inline-size}.ds-section--bleed>.shopify-block>.ds-group{gap:0}.ds-section--bleed>.shopify-block>.ds-group>.shopify-block>.ds-image{position:relative;aspect-ratio:388 / 300}.ds-section--bleed>.shopify-block>.ds-group>.shopify-block>.ds-image .ds-image__img{position:absolute;top:0;right:0;bottom:0;left:0}.ds-section--bleed>.shopify-block>.ds-group>.shopify-block:not(:has(>.ds-image)){box-sizing:border-box;padding:var(--space-8) var(--space-4)}@media screen and (min-width:990px){.ds-section--bleed{--ds-section-bleed-gutter: max(var(--space-8), calc((100cqi - var(--ds-section-max)) / 2))}.ds-section--bleed>.shopify-block>.ds-group{align-items:stretch;min-block-size:520px}.ds-section--bleed>.shopify-block>.ds-group>.shopify-block{flex:1 1 0;min-inline-size:0}.ds-section--bleed>.shopify-block>.ds-group>.shopify-block>.ds-image{aspect-ratio:auto;block-size:100%}.ds-section--bleed>.shopify-block>.ds-group>.shopify-block:not(:has(>.ds-image)){align-self:center;padding-block:var(--space-8);padding-inline:calc(var(--space-8) * 2) var(--ds-section-bleed-gutter)}.ds-section--bleed>.shopify-block>.ds-group>.shopify-block:not(:has(>.ds-image)):first-child{padding-inline:var(--ds-section-bleed-gutter) calc(var(--space-8) * 2)}}@media screen and (max-width:989px){.ds-section--mobile-image-first>.shopify-block>.ds-group>.shopify-block:has(.ds-image){order:-1}.ds-section--mobile-text-first>.shopify-block>.ds-group>.shopify-block:has(.ds-image){order:1}}.ds-section--banner{padding:0}.ds-section--banner>.shopify-block>.ds-group>.shopify-block>.ds-image{position:relative}.ds-section--banner>.shopify-block>.ds-group>.shopify-block>.ds-image .ds-image__img{position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (max-width:989px){.ds-section--banner>.shopify-block>.ds-group{gap:0}.ds-section--banner>.shopify-block>.ds-group>.shopify-block>.ds-image{aspect-ratio:3 / 2}.ds-section--banner>.shopify-block>.ds-group>.shopify-block:not(:has(.ds-image)){box-sizing:border-box;padding:var(--space-7) var(--space-5) var(--space-8)}.ds-section--banner>.shopify-block>.ds-group>.shopify-block:not(:has(.ds-image)) :is(.shopify-block:has(.ds-button),.ds-button){width:100%}}@media screen and (min-width:990px){.ds-section--banner>.shopify-block>.ds-group{justify-content:center;align-items:center;gap:var(--space-4);min-block-size:480px}.ds-section--banner>.shopify-block>.ds-group>.shopify-block{width:auto;flex:0 1 auto}.ds-section--banner>.shopify-block>.ds-group>.shopify-block:has(.ds-image){flex:0 0 auto}.ds-section--banner>.shopify-block>.ds-group>.shopify-block>.ds-image{aspect-ratio:auto;inline-size:320px;block-size:480px}.ds-section--banner>.shopify-block>.ds-group>.shopify-block>.ds-image .ds-image__img{object-fit:cover;object-position:center}.ds-section--banner>.shopify-block>.ds-group>.shopify-block:not(:has(.ds-image)){text-align:right}.ds-section--banner>.shopify-block>.ds-group>.shopify-block:not(:has(.ds-image)) .ds-group{align-items:flex-end}.ds-section--banner>.shopify-block>.ds-group>.shopify-block:not(:has(.ds-image)) .ds-eyebrow{justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ds-section.css.map */