.ffco{--ffco-muted: rgb(var(--ffco-ink-rgb) / .7);--ffco-gap: 16px;--ffco-card-w: clamp(220px, 20vw, 300px);--ffco-radius: 16px;--ffco-h: calc(var(--ffco-card-w) * 16 / 9);position:relative;color:var(--ffco-ink);background-color:var(--ffco-bg, transparent)}.ffco__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;padding-bottom:28px}.ffco__titles{display:grid;gap:12px}.ffco .ff-eyebrow{font-family:var(--font-heading-family);color:inherit}.ffco__headline{margin:0;max-width:20ch;color:inherit;font-family:var(--font-heading-family);font-weight:700;line-height:var(--font-heading-line-height, 1);text-transform:uppercase;text-wrap:balance}.ffco__actions{display:flex;align-items:center;gap:20px}.ffco__more{color:inherit;font-weight:500;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;padding-bottom:2px;transition:background-size .2s ease}.ffco__more:hover{background-size:100% 2px}.ffco__arrows{display:flex;gap:8px}.ffco__arrows[hidden]{display:none}.ffco__arrow{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(var(--ffco-ink-rgb) / .2);border-radius:999px;background:transparent;color:inherit;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}.ffco__arrow:hover{border-color:rgb(var(--ffco-ink-rgb) / .6)}.ffco__arrow:disabled{opacity:.3;cursor:default}.ffco__arrow svg{width:20px;height:20px}.ffco__track{list-style:none;margin:0;padding:0 var(--page-padding) 4px;display:flex;gap:var(--ffco-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-padding);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ffco__track::-webkit-scrollbar{display:none}.ffco--r2-3{--ffco-card-w: clamp(240px, 22vw, 330px);--ffco-h: calc(var(--ffco-card-w) * 1.43)}.ffco--r3-4{--ffco-card-w: clamp(240px, 22vw, 330px);--ffco-h: calc(var(--ffco-card-w) * 4 / 3)}.ffco--r4-5{--ffco-card-w: clamp(240px, 22vw, 330px);--ffco-h: calc(var(--ffco-card-w) * 5 / 4)}.ffco__item{flex:0 0 var(--ffco-card-w);scroll-snap-align:start}.ffco__item--wide{flex-basis:calc(var(--ffco-card-w) * 2 + var(--ffco-gap))}.ffco__card{position:relative;height:var(--ffco-h);overflow:hidden;border-radius:var(--ffco-radius);background:#f7f7f7;isolation:isolate}.ffco--neutral .ffco__card{background:#f7f7f7}.ffco--seasalt .ffco__card{background:#fff}.ffco--dark .ffco__card{background:#3a3a3a}.ffco__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out, ease)}.ffco__placeholder{background:#ececec;fill:#2d2d2d40}.ffco__card:has(.ffco__link):hover .ffco__media{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){.ffco__card:has(.ffco__link):hover .ffco__media{transform:none}}.ffco__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit}.ffco__link:focus-visible{outline:2px solid #ffffff;outline-offset:-4px;box-shadow:inset 0 0 0 4px #2d2d2d}.ffco__caption{position:absolute;inset:auto 0 0 0;z-index:2;display:grid;gap:6px;padding:56px 18px 18px;color:#fff;background:linear-gradient(to top,rgb(0 0 0 / .62),rgb(0 0 0 / .38) 55%,transparent)}.ffco__kicker{margin:0;font-family:var(--font-heading-family);font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.ffco__title{margin:0;font-size:17px;font-weight:600;line-height:1.3;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ffco__chip{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--ffco-chip, #e8e8e8);color:#2d2d2d;font-family:var(--font-heading-family);font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}.ffco__play{position:absolute;top:12px;right:12px;z-index:4;display:inline-grid;place-items:center;width:44px;height:32px;padding:0;border:0;border-radius:999px;background:#1e1e1e52;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);color:#fff;cursor:pointer}.ffco__play svg{width:18px;height:18px}.ffco__play:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.ffco__icon-play{display:none}.ffco__play.is-paused .ffco__icon-play{display:block}.ffco__play.is-paused .ffco__icon-pause{display:none}.ffco__sound{right:64px}.ffco__icon-sound{display:none}.ffco__sound:not(.is-muted) .ffco__icon-sound{display:block}.ffco__sound:not(.is-muted) .ffco__icon-muted{display:none}.ffco__platform{position:absolute;top:12px;right:12px;z-index:2;display:block;width:32px;height:32px;color:#fff;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .45)) drop-shadow(0 0 1px rgb(0 0 0 / .3))}.ffco__platform svg{display:block;width:100%;height:100%}.ffco__card--video .ffco__platform{right:116px}.ffco__card--text .ffco__platform{color:#2d2d2d;filter:none}.ffco__card--tone-jetgrey .ffco__platform{color:#f7f7f7}.ffco__textcard{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:24px 22px;color:#2d2d2d}.ffco__quote{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.75rem,2.3vw,2.25rem);font-weight:700;line-height:1;text-transform:uppercase;text-wrap:balance}.ffco__byline{margin:0;font-size:14px}.ffco__card--tone-base{background:#87c0af!important}.ffco__card--tone-calm{background:#90bbd3!important}.ffco__card--tone-rise{background:#fff2ab!important}.ffco__card--tone-pulse{background:#ecc4bb!important}.ffco__card--tone-seasalt{background:#f7f7f7!important}.ffco__card--tone-jetgrey{background:#2d2d2d!important}.ffco__card--tone-jetgrey .ffco__textcard{color:#f7f7f7}@media screen and (max-width:767px){.ffco,.ffco--r2-3,.ffco--r3-4,.ffco--r4-5{--ffco-card-w: 62vw;--ffco-gap: 12px;--ffco-radius: 14px}.ffco--r2-3,.ffco--r3-4,.ffco--r4-5{--ffco-card-w: 70vw}.ffco__head{padding-bottom:20px}.ffco__arrows,.ffco__arrows[hidden]{display:none}.ffco__title{font-size:15px}.ffco__caption{padding:48px 14px 14px}.ffco__quote{font-size:1.625rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ff-content.css.map */