.storefront-home{overflow:hidden}.home-status{padding-block:var(--space-3);color:var(--color-text-muted)}[data-home-artwork]{--home-banner-gap:var(--space-3)}[data-home-artwork]:not(:empty),.home-artwork--main,.home-artwork--promos{margin-bottom:var(--space-8);display:flow-root}[data-home-artwork]{--art-width:calc(min(100vw, var(--storefront-container-max)) - 2 * var(--container-pad));--art-main:0;--art-promos:0;--art-extra:0rem;min-height:calc(var(--art-width) * (var(--art-main) + var(--art-promos)) + var(--art-extra))}[data-home-artwork]:not(:empty){min-height:0}.home-artwork--main{--art-main:.4;--art-extra:2rem}.home-artwork--promos{--art-promos:calc(.25 + (var(--art-promo-rows) - 1) * .5);--art-extra:calc(var(--art-promo-rows) * 4rem + 2rem)}@media (width>=768px){.home-artwork--promos{--art-promos:.25;--art-extra:6rem}}[data-home-artwork]>:last-child{margin-bottom:0}.storefront-home .home-category-circles:not([hidden]){padding-top:var(--space-4)}[data-home-artwork]:is(:not(:empty),.home-artwork--main,.home-artwork--promos):has(+.home-category-circles:not([hidden])){margin-bottom:var(--space-6)}[data-home-artwork]:is(:not(:empty),.home-artwork--main,.home-artwork--promos)+.home-category-circles:not([hidden]){padding-top:0}.home-category-circles .catalog-quick-links{margin-bottom:0}.home-category-circles:not([hidden])~.home-products>.carousel:first-child,.home-category-circles:not([hidden])~.home-products>[data-home-collection]:first-child>.carousel{padding-top:var(--space-6)}.home-hero{margin-top:var(--space-4);margin-bottom:var(--home-banner-gap)}.home-hero__link{border:1px solid var(--color-primary-100,var(--color-border));border-radius:var(--radius-lg);display:block;overflow:hidden}.home-hero__img{aspect-ratio:2500/1000;object-fit:cover;width:100%;height:auto;display:block}.home-hero__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.home-promos__grid{gap:var(--home-banner-gap);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.home-promos .promo-tile{display:flex}.home-promos .promo-tile__link{gap:var(--space-2);width:100%;color:var(--color-heading);font-weight:var(--font-weight-bold);flex-direction:column;line-height:1.25;display:flex}.home-promos .promo-tile__media{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-gray-50);display:block;overflow:hidden}@media (width<=767px){.home-promos__grid>li:nth-child(-n+2) .promo-tile__media{aspect-ratio:2}}.home-promos .promo-tile__media img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.home-promos .promo-tile__link:hover .promo-tile__media img{transform:scale(1.03)}.home-promos .promo-tile__title{font-size:var(--font-size-sm);text-align:center}@media (width>=768px){[data-home-artwork].home-artwork--main.home-artwork--promos{gap:var(--home-banner-gap);width:100%;max-width:var(--storefront-container-max,var(--container-max));padding:var(--space-4) var(--container-pad) 0;grid-template-columns:minmax(0,3fr) minmax(0,1fr);margin-inline:auto;display:grid}[data-home-artwork].home-artwork--main.home-artwork--promos>.container{max-width:none;margin:0;padding:0}.home-artwork--main.home-artwork--promos .home-hero{aspect-ratio:2500/1000;margin:0}.home-artwork--main.home-artwork--promos .home-hero__link,.home-artwork--main.home-artwork--promos .home-hero__img{height:100%}.home-artwork--main.home-artwork--promos .home-promos{position:relative}.home-artwork--main.home-artwork--promos .home-promos__grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;inset:0}.home-artwork--main.home-artwork--promos .home-promos__grid>li{min-width:0;min-height:0;display:flex}.home-artwork--main.home-artwork--promos .home-promos__grid>li:nth-child(-n+2){grid-column:1/-1}.home-artwork--main.home-artwork--promos .promo-tile,.home-artwork--main.home-artwork--promos .promo-tile__link,.home-artwork--main.home-artwork--promos .promo-tile__media{width:100%;height:100%;min-height:0}.home-artwork--main.home-artwork--promos .promo-tile__media{aspect-ratio:auto;border-radius:var(--radius-lg)}.home-artwork--main.home-artwork--promos .promo-tile__title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.home-products__loading,.home-products__empty{padding-block:var(--space-10);text-align:center;color:var(--color-text-muted,var(--color-gray-500))}.home-products__empty{border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.carousel{padding-block:var(--space-8)}.carousel__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.carousel__title{font-size:var(--font-size-2xl);color:var(--color-heading);margin:0}.carousel__see-all{color:var(--color-primary-500);font-weight:var(--font-weight-bold);white-space:nowrap;flex:none}.carousel__viewport{position:relative}.carousel__track{grid-auto-flow:column;grid-auto-columns:calc((100% - var(--space-4)) / 2);gap:var(--space-4);padding:var(--space-1) 0;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;list-style:none;display:grid;overflow-x:auto}.carousel__track::-webkit-scrollbar{display:none}.carousel__item{scroll-snap-align:start;min-width:0}.carousel__arrow{top:calc(50% - var(--space-8));z-index:2;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-white);width:2.75rem;height:2.75rem;color:var(--color-heading);box-shadow:var(--shadow-md);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:2rem;line-height:1;display:none;position:absolute;transform:translateY(-50%)}.carousel__arrow--prev{inset-inline-start:var(--space-1)}.carousel__arrow--next{inset-inline-end:var(--space-1)}.carousel__arrow:disabled{opacity:.35;cursor:default}@media (width>=640px){.carousel__track{grid-auto-columns:calc((100% - 2 * var(--space-4)) / 3)}}@media (width>=768px){[data-home-artwork]{--home-banner-gap:var(--space-4)}.home-promos__grid{grid-template-columns:repeat(4,1fr)}.home-promos .promo-tile__title{font-size:var(--font-size-base)}.carousel.is-scrollable .carousel__arrow{display:inline-flex}}@media (width>=1024px){.carousel__track{grid-auto-columns:calc((100% - 3 * var(--space-4)) / 4)}}
