.home-duffle{--duffle-ratio: 1.16;--duffle-picker-band: 104px;--duffle-control-width: min(80vw, 320px);--duffle-product-width: 560px;display:block;padding-block:var(--section-block)}.home-duffle__scene{inset:0 0 auto;height:calc(var(--section-block) + min(100vw - 2 * var(--page-gutter),var(--duffle-product-width)) / var(--duffle-ratio) + var(--duffle-picker-band))}.home-duffle__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-10);align-items:center}.home-duffle__stage{position:relative;order:-1}.home-duffle__product{display:flex;align-items:center;justify-content:center;width:min(100%,var(--duffle-product-width));aspect-ratio:var(--duffle-ratio) / 1;margin:0 auto;container-type:size}.home-duffle__product .embroidery-preview{width:min(100cqw,100cqh * var(--photo-ratio, 1))}.home-duffle__picker{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.home-duffle__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1)}.home-duffle__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.home-duffle__name{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.home-duffle__name .form-field{width:var(--duffle-control-width)}.home-duffle__note{order:-1;rotate:-2deg}.home-duffle__note .is-wide{display:none}.home-duffle__copy>.button{width:var(--duffle-control-width)}@media(min-width:1024px){.home-duffle{padding-bottom:calc(var(--section-block) + var(--space-10))}.home-duffle__scene{top:0;right:0;bottom:0;left:50%;height:auto}.home-duffle__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}.home-duffle__stage{order:0;translate:calc(25vw - (.25*min(var(--page-width),100vw)))}.home-duffle__picker{position:absolute;top:calc(100% + var(--space-2));right:0;left:0;margin:0}}@media(min-width:1280px){.home-duffle__name{flex-direction:row;align-items:center;gap:var(--space-4)}.home-duffle__note{order:0;rotate:-4deg}.home-duffle__note .is-wide{display:inline}.home-duffle__note .is-narrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-home-duffle.css.map */