.hero{position:relative;max-width:var(--container);margin-inline:auto;padding:var(--sp-3) var(--gutter) var(--sp-4)}.hero__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:8px}.hero__track::-webkit-scrollbar{display:none}.hero__slide{position:relative;flex:0 0 100%;aspect-ratio:4 / 5;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:var(--bg-soft)}@media (min-width:768px){.hero__slide{aspect-ratio:32 / 15}}.hero__media{position:absolute;inset:0}.hero__media picture{display:block;width:100%;height:100%}.hero__image,.hero__video{width:100%;height:100%;object-fit:cover}.hero__media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgb(20 20 20 / .7) 0%,#fff0 55%)}.hero__content{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:var(--sp-4) var(--sp-5) var(--sp-6);color:#FFF}.hero__title{max-width:16ch;color:#FFF;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.01em}@media (min-width:768px){.hero__title{font-size:var(--fs-4xl)}}.hero__cta{margin-top:var(--sp-3)}.hero__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink);background:rgb(255 255 255 / .9);border-radius:50%;box-shadow:0 4px 16px rgb(20 20 20 / .16);opacity:0;transform:translateY(-50%);transition:background var(--ease),opacity var(--ease)}.hero:hover .hero__arrow,.hero__arrow:focus-visible{opacity:1}@media (hover:none){.hero__arrow{opacity:1}}.hero__arrow:hover{background:#FFF}.hero__arrow svg{width:20px;height:20px}.hero__arrow--prev{left:var(--sp-2)}.hero__arrow--next{right:var(--sp-2)}.hero__controls{position:absolute;right:var(--sp-2);bottom:var(--sp-3);z-index:2;display:flex;align-items:center;gap:var(--sp-2)}.hero__toggle{padding:.5rem .875rem;font-size:var(--fs-xs);font-weight:600;color:#FFF;background:rgb(20 20 20 / .55);border-radius:999px;white-space:nowrap;transition:background var(--ease)}.hero__toggle:hover{background:rgb(20 20 20 / .75)}.hero__dots{display:flex;gap:var(--sp-1)}.hero__dot{width:8px;height:8px;padding:0;background:rgb(255 255 255 / .5);border-radius:50%;transition:background var(--ease),transform var(--ease)}.hero__dot.is-active{background:#FFF;transform:scale(1.3)}@media (prefers-reduced-motion:reduce){.hero__track{scroll-behavior:auto}}.device-selector{padding-block:var(--sp-3)}.device-selector__card{position:relative;overflow:hidden;padding:var(--sp-4) var(--sp-3);background:var(--ink);border-radius:8px;box-shadow:0 28px 64px rgb(20 20 20 / .22)}@media (min-width:768px){.device-selector{padding-block:var(--sp-4)}.device-selector__card{padding:var(--sp-5) var(--sp-6)}}.device-selector__glow{position:absolute;inset:-30%;background:radial-gradient(circle at 18% 25%,rgb(255 255 255 / .12),transparent 42%),radial-gradient(circle at 82% 78%,rgb(255 255 255 / .07),transparent 46%);animation:hoco-drift 20s ease-in-out infinite alternate;pointer-events:none}@keyframes hoco-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(4%,-3%) scale(1.1)}}.device-selector__panel{position:relative;max-width:960px;margin-inline:auto;text-align:center}.device-selector__intro{margin-bottom:var(--sp-3)}.device-selector__icon,.device-selector__title,.device-selector__subtitle,.device-selector__form,.device-selector__quick{opacity:0;transform:translateY(18px);transition:opacity 0.7s var(--ease-out),transform 0.7s var(--ease-out)}.device-selector__panel.is-visible .device-selector__icon{transition-delay:0s}.device-selector__panel.is-visible .device-selector__title{transition-delay:0.08s}.device-selector__panel.is-visible .device-selector__subtitle{transition-delay:0.16s}.device-selector__panel.is-visible .device-selector__form{transition-delay:0.24s}.device-selector__panel.is-visible .device-selector__quick{transition-delay:0.32s}.device-selector__panel.is-visible .device-selector__icon,.device-selector__panel.is-visible .device-selector__title,.device-selector__panel.is-visible .device-selector__subtitle,.device-selector__panel.is-visible .device-selector__form,.device-selector__panel.is-visible .device-selector__quick{opacity:1;transform:translateY(0)}.device-selector__icon{display:none;width:40px;height:30px;margin-bottom:var(--sp-2);color:rgb(255 255 255 / .55);animation:hoco-float 3.5s ease-in-out infinite}@media (min-width:640px){.device-selector__icon{display:inline-block}}@keyframes hoco-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.device-selector__title{margin-bottom:var(--sp-1);font-family:'Space Grotesk',var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.01em;color:#FFF}.device-selector__subtitle{color:rgb(255 255 255 / .6);font-size:var(--fs-sm)}.device-selector__form{display:grid;gap:var(--sp-2);padding:var(--sp-2);background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .14);border-radius:8px;text-align:left;backdrop-filter:blur(12px)}.device-selector__field label{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:rgb(255 255 255 / .75);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.device-selector__field-badge{padding:1px 6px;background:rgb(255 255 255 / .12);color:rgb(255 255 255 / .7);font-size:10px;font-weight:600;text-transform:none;letter-spacing:normal;border-radius:999px}.device-selector__field--disabled .device-selector__select-wrap select{color:rgb(255 255 255 / .4);cursor:not-allowed}.device-selector__select-wrap{position:relative}.device-selector__select-wrap select{width:100%;padding:.625rem 2.5rem .625rem 1rem;appearance:none;color:#FFF;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .18);border-radius:8px;transition:border-color var(--ease),background var(--ease-out),box-shadow var(--ease-out)}.device-selector__select-wrap select:hover{background:rgb(255 255 255 / .12)}.device-selector__select-wrap select:focus{background:rgb(255 255 255 / .12);border-color:#FFF;box-shadow:0 0 0 4px rgb(255 255 255 / .12);outline:none}.device-selector__select-wrap select option{color:var(--ink)}.device-selector__chevron{position:absolute;top:50%;right:.875rem;width:16px;height:16px;color:rgb(255 255 255 / .6);transform:translateY(-50%);transition:transform var(--ease-out);pointer-events:none}.device-selector__select-wrap select:focus~.device-selector__chevron{transform:translateY(-50%) rotate(180deg)}.device-selector__submit{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;overflow:hidden}.device-selector__submit-arrow{width:16px;height:16px;transition:transform var(--ease-out)}.device-selector__submit:hover:not([disabled]) .device-selector__submit-arrow{transform:translateX(4px)}.device-selector__submit[disabled]{opacity:.4;pointer-events:none}@media (min-width:768px){.device-selector__title{font-size:var(--fs-3xl)}.device-selector__form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;padding:var(--sp-3)}.device-selector__submit{width:auto;padding-inline:var(--sp-5);white-space:nowrap}}.device-selector__quick{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-3)}.device-selector__quick-label{display:inline-flex;align-items:center;gap:6px;color:rgb(255 255 255 / .55);font-size:var(--fs-sm);font-weight:500;white-space:nowrap}.device-selector__quick-label svg{width:14px;height:14px}.device-selector__quick-divider{display:none;width:1px;height:20px;background:rgb(255 255 255 / .16)}@media (min-width:640px){.device-selector__quick-divider{display:block}}.device-selector__quick-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-1)}.device-selector__pill{display:inline-flex;padding:.45rem .9rem;color:rgb(255 255 255 / .85);background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .14);border-radius:999px;font-size:var(--fs-sm);transition:background var(--ease),border-color var(--ease)}.device-selector__pill:hover{background:rgb(255 255 255 / .14);border-color:rgb(255 255 255 / .3);text-decoration:none}@media (prefers-reduced-motion:reduce){.device-selector__glow,.device-selector__icon{animation:none}.device-selector__icon,.device-selector__title,.device-selector__subtitle,.device-selector__form,.device-selector__quick{opacity:1;transform:none;transition:none}}.category-cards{padding-block:var(--sp-4)}.category-cards__viewport{position:relative}.slider-arrow{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:50%;box-shadow:0 8px 20px rgb(20 20 20 / .14);transform:translateY(-50%);transition:background var(--ease),opacity var(--ease-out),transform var(--ease-out)}.slider-arrow:hover{background:var(--bg-soft)}.slider-arrow svg{width:20px;height:20px}.slider-arrow[disabled]{opacity:0;pointer-events:none}.slider-arrow--prev{left:var(--sp-1)}.slider-arrow--next{right:var(--sp-1)}@media (min-width:768px){.slider-arrow--prev{left:var(--sp-2)}.slider-arrow--next{right:var(--sp-2)}}@media (hover:none){.slider-arrow{display:none}}.category-cards__track{display:flex;gap:var(--sp-2);padding-block:4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.category-cards__track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}.category-cards__track.is-dragging .category-card{pointer-events:none}.category-cards__track::-webkit-scrollbar{display:none}.category-card{position:relative;flex:0 0 clamp(132px, 38vw, 220px);aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;scroll-snap-align:start;background:var(--bg-soft);color:#FFF;transition:transform var(--ease-out),box-shadow var(--ease-out)}.category-card:hover,.category-card:focus-visible{text-decoration:none;transform:translateY(-6px);box-shadow:0 20px 36px rgb(20 20 20 / .2)}.category-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--ease-out)}.category-card:hover .category-card__image,.category-card:focus-visible .category-card__image{transform:scale(1.05)}.category-card__scrim{position:absolute;inset:0;background:linear-gradient(180deg,#fff0 45%,rgb(20 20 20 / .8) 100%);transition:opacity var(--ease-out)}.category-card:hover .category-card__scrim,.category-card:focus-visible .category-card__scrim{opacity:.9}.category-card__body{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:2px;padding:var(--sp-2);transition:transform var(--ease-out)}.category-card:hover .category-card__body,.category-card:focus-visible .category-card__body{transform:translateY(-2px)}.category-card__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);line-height:var(--lh-tight);color:#FFF}@media (min-width:480px){.category-card__title{font-size:var(--fs-base)}}@media (min-width:768px){.category-card{flex-basis:240px}.category-card__body{padding:var(--sp-3)}.category-card__title{font-size:var(--fs-lg)}}@media (min-width:1024px){.category-card{flex-basis:260px}}@media (prefers-reduced-motion:reduce){.category-card,.category-card__image,.category-card__scrim,.category-card__body{transition:none}}.video-showcase__inner{display:grid;justify-items:center;gap:var(--sp-4);text-align:center}.video-showcase__media{width:100%}.video-showcase__video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--bg-soft);border-radius:8px;box-shadow:0 24px 48px rgb(20 20 20 / .16)}.video-showcase__eyebrow{display:block;margin-bottom:var(--sp-1);font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.video-showcase__title{margin-bottom:var(--sp-2)}.video-showcase__text{max-width:50ch;margin-bottom:var(--sp-3);color:var(--muted)}@media (min-width:1024px){.video-showcase__inner{grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:center;gap:var(--sp-6);text-align:left}.video-showcase__text{margin-inline:0}}.brand-story__inner{display:grid;gap:var(--sp-4)}.brand-story__media{aspect-ratio:1 / 1;max-width:360px;margin-inline:auto;overflow:hidden;border-radius:8px}.brand-story__image{width:100%;height:100%;object-fit:cover}.brand-story__body{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-2)}.brand-story__eyebrow{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.brand-story__heading{max-width:14ch;margin-bottom:var(--sp-1);font-size:var(--fs-2xl);line-height:var(--lh-tight)}.brand-story__text{margin-bottom:var(--sp-2);color:var(--muted);font-size:var(--fs-lg);line-height:var(--lh-snug)}.brand-story__text a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.brand-story__text a:hover{color:var(--accent)}.brand-story__link{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:.875rem 1.75rem;color:var(--ink);font-weight:600;border:1px solid var(--ink);border-radius:999px;transition:background var(--ease),color var(--ease)}.brand-story__link svg{width:16px;height:16px;transition:transform var(--ease-out)}.brand-story__link:hover{color:#FFF;background:var(--ink);text-decoration:none}.brand-story__link:hover svg{transform:translateX(3px)}@media (min-width:768px){.brand-story__heading{font-size:var(--fs-3xl)}}@media (min-width:768px){.brand-story__inner{grid-template-columns:minmax(0,1fr) minmax(0,320px);align-items:center;gap:var(--sp-6)}.brand-story__media{order:2;max-width:none;margin-inline:0}.brand-story__body{order:1}}.daily-spotlight__card{position:relative;overflow:hidden;padding:var(--sp-5) var(--sp-3);background:var(--ink);border-radius:8px;box-shadow:0 28px 64px rgb(20 20 20 / .22)}@media (min-width:768px){.daily-spotlight__card{padding:var(--sp-7) var(--sp-6)}}.daily-spotlight__glow{position:absolute;inset:-30%;background:radial-gradient(circle at 20% 30%,rgb(255 255 255 / .1),transparent 45%),radial-gradient(circle at 85% 70%,rgb(255 255 255 / .06),transparent 45%);animation:hoco-drift 22s ease-in-out infinite alternate;pointer-events:none}.daily-spotlight__inner{position:relative;display:grid;gap:var(--sp-4);opacity:0;transform:translateY(18px);transition:opacity 0.7s var(--ease-out),transform 0.7s var(--ease-out)}.daily-spotlight__inner.is-visible{opacity:1;transform:translateY(0)}.daily-spotlight__media{position:relative;aspect-ratio:1 / 1;max-width:400px;margin-inline:auto;overflow:hidden;background:#FFF;border-radius:8px;box-shadow:0 24px 48px rgb(0 0 0 / .35)}.daily-spotlight__media a{display:block;width:100%;height:100%}.daily-spotlight__image{position:relative;width:100%;height:100%;padding:var(--sp-4);object-fit:contain;transition:transform var(--ease-out)}.daily-spotlight__media a:hover .daily-spotlight__image{transform:scale(1.03)}.daily-spotlight__badge{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:1;padding:.3rem .75rem;background:var(--accent);color:#FFF;font-size:var(--fs-xs);font-weight:600;border-radius:8px}.daily-spotlight__body{color:#FFF;text-align:center}.daily-spotlight__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:var(--sp-2);color:rgb(255 255 255 / .75);font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.daily-spotlight__dot{width:8px;height:8px;background:#4ADE80;border-radius:50%;box-shadow:0 0 0 4px rgb(74 222 128 / .2);animation:hoco-pulse 2s ease-in-out infinite}@keyframes hoco-pulse{0%,100%{opacity:1}50%{opacity:.4}}.daily-spotlight__title{margin-bottom:var(--sp-2);font-size:var(--fs-2xl)}.daily-spotlight__title a{color:#FFF}.daily-spotlight__title a:hover{color:rgb(255 255 255 / .8)}.daily-spotlight__price{display:block;margin-bottom:var(--sp-3);color:#FFF;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700}.daily-spotlight__price del{margin-right:8px;color:rgb(255 255 255 / .5);font-size:var(--fs-base);font-weight:400;text-decoration:line-through}.daily-spotlight__price ins{text-decoration:none}.daily-spotlight__link{display:inline-flex;align-items:center;gap:8px}.daily-spotlight__link svg{width:16px;height:16px;transition:transform var(--ease-out)}.daily-spotlight__link:hover svg{transform:translateX(3px)}.daily-spotlight__note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--sp-3);color:rgb(255 255 255 / .4);font-size:var(--fs-xs)}.daily-spotlight__note svg{flex-shrink:0;width:14px;height:14px}@media (min-width:768px){.daily-spotlight__note{justify-content:flex-start}}@media (min-width:768px){.daily-spotlight__inner{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:center;gap:var(--sp-6);text-align:left}.daily-spotlight__body{text-align:left}.daily-spotlight__media{max-width:none;margin-inline:0}.daily-spotlight__title{font-size:var(--fs-3xl)}}@media (prefers-reduced-motion:reduce){.daily-spotlight__glow,.daily-spotlight__dot{animation:none}.daily-spotlight__inner{opacity:1;transform:none;transition:none}}.featured-product__eyebrow{margin-bottom:var(--sp-3);font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.best-sellers__title{margin-bottom:var(--sp-3)}.best-sellers__viewport{position:relative}.best-sellers__tablist{display:flex;flex-wrap:nowrap;gap:var(--sp-3);padding-inline:var(--sp-6);margin-bottom:var(--sp-4);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.best-sellers__tablist::-webkit-scrollbar{display:none}@media (hover:none){.best-sellers__tablist{padding-inline:0}}.best-sellers__tab{flex-shrink:0;margin-bottom:-1px;padding-block:var(--sp-2);font-weight:600;color:var(--muted);white-space:nowrap;border-bottom:2px solid #fff0}.best-sellers__tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}.best-sellers__panel[hidden]{display:none}.blog-feed__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-3)}.blog-feed__title{margin-bottom:0}.blog-feed__all{font-size:var(--fs-sm);font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.blog-feed__all:hover{color:var(--muted)}.blog-feed__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media (min-width:768px){.blog-feed__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}