:root{--home-hero-height: 100dvh;--home-gutter: var(--gutter-mobile, 16px)}.home-container{width:100%;min-height:100vh;overflow-x:hidden}.hero-section{position:relative;width:100%;height:var(--home-hero-height);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden}.hero-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 10%}.hero-overlay-content{position:relative;z-index:10;padding:var(--spacing-8) var(--home-gutter);background:linear-gradient(to top,rgba(0,0,0,.4),transparent);width:100%}.hero-title{font-family:var(--font-family);font-size:var(--font-size-3xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-transform:uppercase;margin-bottom:var(--spacing-4);font-weight:var(--font-weight-medium)}.hero-cta{display:inline-block;padding:var(--spacing-3) var(--spacing-6);background-color:#fff;color:#000;text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);font-weight:var(--font-weight-bold);border:none;transition:background-color .3s ease}.categories-section{padding:var(--spacing-12) var(--home-gutter);margin:0 auto}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.section-title{font-family:var(--font-family);font-size:var(--font-size-lg);text-transform:uppercase;font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-tight);white-space:nowrap}.section-link{font-size:var(--font-size-xs);text-decoration:underline;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.bento-grid{display:flex;flex-direction:column;gap:var(--spacing-4)}.bento-featured,.bento-small{position:relative;display:block;overflow:hidden;aspect-ratio:4/5}.bento-img{width:100%;height:100%;object-fit:cover}@media(hover:hover){.bento-img{transition:transform .6s ease}}.bento-placeholder{width:100%;height:100%;background-color:var(--color-gray-100, #f3f3f3)}.bento-label{position:absolute;bottom:var(--spacing-4);left:var(--spacing-4);background-color:#fff;color:#000;padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase;font-size:var(--font-size-xs);font-weight:600;transition:background-color .3s ease,color .3s ease}@media(hover:hover){.bento-featured:hover .bento-img,.bento-small:hover .bento-img{transform:scale(1.05)}}.bento-featured:hover .bento-label,.bento-small:hover .bento-label{background-color:#000;color:#fff}.bento-small-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.trend-section{padding:var(--spacing-12) var(--home-gutter);background-color:var(--color-gray-50, #f9f9f9);margin:0 auto}.product-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--spacing-4);padding-bottom:var(--spacing-4);-webkit-overflow-scrolling:touch;margin-right:calc(-1 * var(--home-gutter));padding-right:var(--home-gutter)}.product-slide{flex:0 0 80%;scroll-snap-align:center;position:relative}@media(min-width:768px){:root{--home-gutter: var(--gutter-tablet, 32px)}.section-title{font-size:var(--font-size-xl)}.section-link{font-size:var(--font-size-sm)}.hero-title{font-size:var(--font-size-4xl)}.product-carousel-track{overflow-x:visible;flex-wrap:wrap;margin-right:0;padding-right:0;scroll-snap-type:none;display:grid;grid-template-columns:repeat(2,1fr)}.product-slide{flex:unset;width:auto;scroll-snap-align:none}}@media(min-width:1024px){:root{--home-gutter: var(--gutter-desktop, 64px)}.hero-title{font-size:var(--font-size-hero);max-width:800px}.bento-grid{flex-direction:row;align-items:stretch;max-height:600px}.bento-featured{flex:1;aspect-ratio:unset;max-height:600px}.bento-featured .bento-label{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-6)}.bento-small-grid{flex:1;max-height:600px}.bento-small{aspect-ratio:unset;height:100%}.product-carousel-track{grid-template-columns:repeat(4,1fr)}}@media(min-width:1440px){.hero-title{font-size:var(--font-size-hero)}}