.ffx-tone--light{--tone:var(--ffx-red,#E0243A)}.ffx-tone--heat{--tone:var(--ffx-heat,#E8752A)}.ffx-tone--cold{--tone:var(--ffx-cold,#2F8FD8)}.ffx-tone--neutral{--tone:#1D1D1F}.ffx-hero.ffx-shop{min-height:0;display:block;padding-block:clamp(48px,6vw,88px) clamp(32px,3.5vw,56px)}.ffx-shop__in{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(28px,3.5vw,48px)}.ffx-shop__head{display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:960px}.ff .ffx-shop__h{font-family:var(--font-heading-family,inherit);font-weight:600;color:var(--ff-ink);font-size:clamp(4.8rem,8vw,11rem);line-height:.95;letter-spacing:-.05em;margin:0}.ff p.ffx-shop__sub{font-size:clamp(1.8rem,1.5vw,2.2rem);line-height:1.45;color:#424245;max-width:46ch}.ffx-shop .ffx-hero__glow{background:radial-gradient(45% 80% at 78% 40%,color-mix(in srgb,var(--ffx-hue) 14%,transparent),transparent 70%),linear-gradient(90deg,#ffffffeb,#ffffff80 45%,#fff0 70%)}.ffx-techs{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ffx-shop.is-ready .ffx-techs{display:grid}.ffx-tech{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;min-height:168px;padding:20px 20px 18px;border-radius:22px;cursor:pointer;font:inherit;color:var(--ff-ink);background:linear-gradient(155deg,color-mix(in srgb,var(--tone) 9%,#fff),#fff 62%);border:1px solid rgba(0,0,0,.07);box-shadow:0 1px 2px #0000000a;transition:transform .45s var(--ff-ease),box-shadow .45s var(--ff-ease),border-color .3s ease,opacity .3s ease}html.ffx .ffx-tech{opacity:0;transform:translateY(22px);animation:ffxTechIn .8s var(--ff-ease) forwards;animation-delay:calc(var(--i,0) * 80ms + .25s)}@keyframes ffxTechIn{to{opacity:1;transform:none}}.ffx-tech__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;margin-bottom:8px;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,#fff);transition:background .3s ease,color .3s ease,box-shadow .3s ease}.ffx-tech__ic svg{width:24px;height:24px}.ffx-tech__t{font-family:var(--font-heading-family,inherit);font-size:2.2rem;font-weight:600;letter-spacing:-.025em;line-height:1.1}.ffx-tech__d{font-size:1.4rem;line-height:1.4;color:#6e6e73}.ffx-tech__n{margin-top:auto;padding-top:10px;font-size:1.3rem;font-weight:500;color:#424245}@media(hover:hover)and (pointer:fine){.ffx-tech:hover{box-shadow:0 22px 44px -22px color-mix(in srgb,var(--tone) 55%,transparent)}}.ffx-tech.is-on{border-color:color-mix(in srgb,var(--tone) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--tone) 55%,transparent),0 24px 50px -24px color-mix(in srgb,var(--tone) 65%,transparent)}.ffx-tech.is-on .ffx-tech__ic{background:var(--tone);color:#fff;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--tone) 70%,transparent)}.ffx-shop.is-filtered .ffx-tech:not(.is-on){opacity:.62}.ffx-shop.is-filtered .ffx-tech:not(.is-on):hover{opacity:1}.ffx-tech:focus-visible{outline:2px solid #0071E3;outline-offset:3px}.ffx-catbar{position:fixed;left:0;right:0;top:0;z-index:55;background:#ffffffd6;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .35s ease,transform .35s var(--ff-ease),top .3s var(--ff-ease)}.ffx-catbar.is-on{opacity:1;transform:none;pointer-events:auto}.ffx-catbar__in{display:flex;align-items:center;gap:12px;max-width:var(--ff-max,1440px);margin:0 auto;padding:8px var(--ff-gut,24px)}.ffx-seg{flex:none;display:flex;gap:2px;padding:3px;border-radius:999px;background:#f0f0f2}.ffx-seg__b{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:4px 14px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:1.4rem;font-weight:500;color:#424245;cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease}.ffx-seg__b i{width:7px;height:7px;border-radius:50%;background:var(--tone)}.ffx-seg__b:hover{color:#1d1d1f}.ffx-seg__b.is-on{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px #0000001f}.ffx-seg__b:focus-visible{outline:2px solid #0071E3;outline-offset:1px}.ffx-catbar__sep{flex:none;width:1px;height:24px;background:#0000001f}.ffx-catbar__cats{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0}.ffx-catbar__cats::-webkit-scrollbar{display:none}.ffx-chip{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px 6px 11px;border-radius:999px;font-size:1.4rem;font-weight:500;color:#424245;text-decoration:none;white-space:nowrap;transition:background .25s ease,color .25s ease}.ffx-chip[hidden]{display:none}.ffx-chip i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--tone)}.ffx-chip:hover{background:#f5f5f7;color:#1d1d1f}.ffx-chip.is-on{background:#1d1d1f;color:#fff}.ffx-chip:focus-visible{outline:2px solid #0071E3;outline-offset:2px}@media(prefers-reduced-transparency:reduce){.ffx-catbar{background:#fff}}.ffx-cat{position:relative;isolation:isolate}.ffx-cat:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;left:-10%;width:70%;height:min(520px,70%);background:radial-gradient(50% 50% at 30% 30%,color-mix(in srgb,var(--tone) 10%,transparent),transparent 70%)}html .ffx-cat .ff-eyebrow:before{display:block;content:"";width:8px;height:8px;border-radius:50%;background:var(--tone);flex:none}.ffx-count{display:block;font-size:1.5rem;color:#6e6e73;letter-spacing:-.01em}html .ffx-cat .ff-d2{font-size:clamp(3.2rem,4.2vw,5.6rem)}@media(hover:hover)and (pointer:fine){html .ffx-cat .ff-card:hover .ff-card__media{box-shadow:0 24px 48px -22px color-mix(in srgb,var(--tone) 55%,transparent)}}.shopify-section.ffx-gone,html .ff-card.ffx-out{display:none}html.ffx .ff-card.ffx-pop{animation:ffxPop .6s var(--ff-ease) both;animation-delay:calc(var(--j,0) * 45ms)}@keyframes ffxPop{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:989px){.ffx-techs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.ffx-hero.ffx-shop{padding-block:36px 28px}.ffx-techs{gap:10px}.ffx-tech{min-height:150px;padding:16px;border-radius:18px}.ffx-tech__t{font-size:1.9rem}.ffx-tech__d{font-size:1.3rem}.ffx-catbar__in{flex-direction:column;align-items:stretch;gap:6px;padding-block:6px}.ffx-seg{align-self:flex-start}.ffx-catbar__sep{display:none}.ffx-chip,.ffx-seg__b{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.ffx-tech{opacity:1;transform:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/ff-shop.css.map */