:root{--foss-radius-xs: 8px;--foss-radius-sm: 12px;--foss-radius-md: 18px;--foss-radius-card: 24px;--foss-radius-lg: 32px;--foss-radius-hero: 28px;--foss-radius-pill: 999px;--foss-space-2xs: 4px;--foss-space-xs: 8px;--foss-space-sm: 12px;--foss-space-md: 16px;--foss-space-lg: 24px;--foss-space-xl: 32px;--foss-space-2xl: 48px;--foss-space-3xl: 64px;--foss-space-4xl: 80px;--foss-space-5xl: 104px;--foss-page-gutter-mobile: 20px;--foss-page-gutter-tablet: 32px;--foss-page-gutter-desktop: 48px;--foss-card-padding-mobile: 20px;--foss-card-padding-desktop: 32px;--foss-page-width: 1440px;--foss-content-width: 1120px;--foss-narrow-width: 760px;--foss-font-title: "FOSS Title", sans-serif;--foss-font-body: "FOSS Body", sans-serif;--foss-font-tech: "FOSS Technical", monospace;--foss-font-size-hero-mobile: clamp(40px, 11vw, 58px);--foss-font-size-section-mobile: clamp(30px, 8vw, 42px);--foss-font-size-card-title: 18px;--foss-font-size-body: 16px;--foss-font-size-small: 14px;--foss-font-size-xs: 12px;--foss-font-size-tech: 12px;--foss-font-size-hero-desktop: clamp(64px, 7vw, 104px);--foss-font-size-section-desktop: clamp(42px, 4vw, 72px);--foss-line-height-tight: .95;--foss-line-height-title: 1.05;--foss-line-height-body: 1.45;--foss-line-height-tech: 1.25;--foss-letter-spacing-title: -.035em;--foss-letter-spacing-body: -.01em;--foss-letter-spacing-tech: .04em;--foss-letter-spacing-eyebrow: .11em;--foss-color-text: #111111;--foss-color-muted: rgba(0, 0, 0, .48);--foss-color-subtle: rgba(0, 0, 0, .64);--foss-color-background: #ffffff;--foss-color-soft: #f4f2ee;--foss-color-soft-alt: #ebe9e4;--foss-color-cream: #faf8f3;--foss-color-white: #ffffff;--foss-color-black: #111111;--foss-color-border: rgba(0, 0, 0, .08);--foss-color-border-strong: rgba(0, 0, 0, .16);--foss-color-glass: rgba(255, 255, 255, .52);--foss-color-glass-strong: rgba(255, 255, 255, .72);--foss-color-glass-dark: rgba(17, 17, 17, .08);--foss-shadow-soft: 0 16px 40px rgba(0, 0, 0, .06);--foss-shadow-card: 0 10px 28px rgba(0, 0, 0, .05);--foss-shadow-glass: 0 8px 24px rgba(0, 0, 0, .06);--foss-transition-fast: .16s ease;--foss-transition-base: .22s ease;--foss-transition-slow: .36s ease}.foss-surface{color:var(--foss-color-text);background:var(--foss-color-background)}.foss-surface--soft{background:var(--foss-color-soft)}.foss-surface--cream{background:var(--foss-color-cream)}.foss-surface--dark{color:var(--foss-color-white);background:var(--foss-color-black)}.foss-isolate{isolation:isolate}.foss-overflow-hidden{overflow:hidden}.foss-page-width{width:100%;max-width:var(--foss-page-width);margin-inline:auto;padding-inline:var(--foss-page-gutter-mobile)}.foss-content-width{width:100%;max-width:var(--foss-content-width);margin-inline:auto;padding-inline:var(--foss-page-gutter-mobile)}.foss-narrow-width{width:100%;max-width:var(--foss-narrow-width);margin-inline:auto;padding-inline:var(--foss-page-gutter-mobile)}.foss-section{padding-block:var(--foss-space-2xl)}.foss-section--compact{padding-block:var(--foss-space-xl)}.foss-section--spacious{padding-block:var(--foss-space-3xl)}.foss-section--flush-top{padding-top:0}.foss-section--flush-bottom{padding-bottom:0}.foss-title-font{font-family:var(--foss-font-title)}.foss-body-font{font-family:var(--foss-font-body)}.foss-tech-font{font-family:var(--foss-font-tech)}.foss-eyebrow{margin:0;font-family:var(--foss-font-tech);font-size:var(--foss-font-size-tech);font-weight:700;line-height:var(--foss-line-height-tech);letter-spacing:var(--foss-letter-spacing-eyebrow);text-transform:uppercase}.foss-hero-title{margin:0;font-family:var(--foss-font-title);font-size:var(--foss-font-size-hero-mobile);font-weight:700;line-height:var(--foss-line-height-tight);letter-spacing:var(--foss-letter-spacing-title);color:currentColor}.foss-section-title{margin:0;font-family:var(--foss-font-title);font-size:var(--foss-font-size-section-mobile);font-weight:700;line-height:var(--foss-line-height-title);letter-spacing:var(--foss-letter-spacing-title);color:currentColor}.foss-card-title{margin:0;font-family:var(--foss-font-title);font-size:var(--foss-font-size-card-title);font-weight:700;line-height:1.15;letter-spacing:var(--foss-letter-spacing-title);color:currentColor}.foss-body-copy{margin:0;font-family:var(--foss-font-body);font-size:var(--foss-font-size-body);font-weight:400;line-height:var(--foss-line-height-body);letter-spacing:var(--foss-letter-spacing-body);color:currentColor}.foss-small-copy{margin:0;font-family:var(--foss-font-body);font-size:var(--foss-font-size-small);font-weight:400;line-height:1.35;letter-spacing:var(--foss-letter-spacing-body);color:currentColor}.foss-technical-label{margin:0;font-family:var(--foss-font-tech);font-size:var(--foss-font-size-tech);font-weight:700;line-height:var(--foss-line-height-tech);letter-spacing:var(--foss-letter-spacing-tech);text-transform:uppercase;color:currentColor}.foss-technical-value{margin:0;font-family:var(--foss-font-tech);font-size:var(--foss-font-size-tech);font-weight:400;line-height:var(--foss-line-height-tech);letter-spacing:.01em;color:currentColor}.foss-product-spec{margin:0;font-family:var(--foss-font-tech);font-size:var(--foss-font-size-tech);font-weight:600;line-height:var(--foss-line-height-tech);letter-spacing:var(--foss-letter-spacing-tech);color:currentColor}.foss-ingredient-name{margin:0;font-family:var(--foss-font-tech);font-size:var(--foss-font-size-tech);font-weight:600;line-height:var(--foss-line-height-tech);letter-spacing:.02em;color:currentColor}.foss-muted{color:var(--foss-color-muted)}.foss-subtle{color:var(--foss-color-subtle)}.foss-text-center{text-align:center}.foss-text-balance{text-wrap:balance}.foss-card{position:relative;overflow:hidden;border-radius:var(--foss-radius-card);background:var(--foss-color-soft)}.foss-card--media{aspect-ratio:1 / 1}.foss-card--soft{background:var(--foss-color-soft)}.foss-card--white{background:var(--foss-color-white);box-shadow:var(--foss-shadow-card)}.foss-card--padded{padding:var(--foss-card-padding-mobile)}.foss-media-frame{position:relative;display:block;overflow:hidden;border-radius:var(--foss-radius-card);background:var(--foss-color-soft)}.foss-media-frame--hero{border-radius:var(--foss-radius-hero)}.foss-media-frame--soft{background:var(--foss-color-soft)}.foss-media-frame--square{aspect-ratio:1 / 1}.foss-media-frame--portrait{aspect-ratio:4 / 5}.foss-media-frame--landscape{aspect-ratio:16 / 10}.foss-media-frame--hero-ratio{aspect-ratio:4 / 5}.foss-media-frame img,.foss-media-frame video,.foss-card--media img,.foss-card--media video,.foss-product-card__media img,.foss-product-card__media video{display:block;width:100%;height:100%;object-fit:cover}.foss-button{--foss-button-bg: var(--foss-color-black);--foss-button-color: var(--foss-color-white);--foss-button-border: var(--foss-color-black);display:inline-flex;align-items:center;justify-content:center;gap:var(--foss-space-xs);min-height:44px;padding:.9rem 1.8rem;border:1px solid var(--foss-button-border);border-radius:var(--foss-radius-pill);background:var(--foss-button-bg);color:var(--foss-button-color);font-family:var(--foss-font-body);font-size:var(--foss-font-size-small);font-weight:700;line-height:1;letter-spacing:.01em;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color var(--foss-transition-base),color var(--foss-transition-base),border-color var(--foss-transition-base),transform var(--foss-transition-base),opacity var(--foss-transition-base)}.foss-button--dark{--foss-button-bg: var(--foss-color-black);--foss-button-color: var(--foss-color-white);--foss-button-border: var(--foss-color-black)}.foss-button--light{--foss-button-bg: var(--foss-color-white);--foss-button-color: var(--foss-color-black);--foss-button-border: var(--foss-color-white)}.foss-button--outline{--foss-button-bg: transparent;--foss-button-color: var(--foss-color-black);--foss-button-border: var(--foss-color-border-strong)}.foss-button--glass{--foss-button-bg: var(--foss-color-glass);--foss-button-color: var(--foss-color-black);--foss-button-border: rgba(255, 255, 255, .38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.foss-button--full{width:100%}.foss-button--small{min-height:40px;padding:.75rem 1.35rem;font-size:var(--foss-font-size-xs)}.foss-button--large{min-height:52px;padding:1.1rem 2.2rem;font-size:var(--foss-font-size-body)}.foss-button[disabled],.foss-button.is-disabled,.foss-button[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.foss-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.foss-pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.8rem 1.4rem;border:1px solid var(--foss-color-border);border-radius:var(--foss-radius-pill);background:var(--foss-color-white);color:var(--foss-color-black);font-family:var(--foss-font-body);font-size:var(--foss-font-size-small);font-weight:600;line-height:1;text-decoration:none;white-space:nowrap}.foss-product-card{position:relative;display:flex;flex-direction:column;min-width:0}.foss-product-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:1 / 1.16;border-radius:var(--foss-radius-card);background:var(--foss-color-soft);text-decoration:none}.foss-product-card__media img{transition:transform var(--foss-transition-slow)}.foss-product-card__badge{position:absolute;top:var(--foss-space-sm);left:var(--foss-space-sm);z-index:2;display:inline-flex;align-items:center;min-height:28px;padding:.55rem .95rem;border-radius:var(--foss-radius-pill);background:var(--foss-color-glass-strong);color:var(--foss-color-black);font-family:var(--foss-font-tech);font-size:var(--foss-font-size-xs);font-weight:700;line-height:1;letter-spacing:var(--foss-letter-spacing-tech);text-transform:uppercase;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.foss-product-card__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--foss-space-xs);padding-top:var(--foss-space-sm)}.foss-product-card__title{margin:0;color:var(--foss-color-text);font-family:var(--foss-font-title);font-size:var(--foss-font-size-card-title);font-weight:700;line-height:1.15;letter-spacing:var(--foss-letter-spacing-title)}.foss-product-card__title a{color:inherit;text-decoration:none}.foss-product-card__subtitle{margin:0;color:var(--foss-color-muted);font-family:var(--foss-font-body);font-size:var(--foss-font-size-small);font-weight:400;line-height:1.35;letter-spacing:var(--foss-letter-spacing-body)}.foss-product-card__spec{margin:0;color:var(--foss-color-subtle);font-family:var(--foss-font-tech);font-size:var(--foss-font-size-tech);font-weight:600;line-height:var(--foss-line-height-tech);letter-spacing:var(--foss-letter-spacing-tech);text-transform:uppercase}.foss-product-card__price{margin:0;color:var(--foss-color-text);font-family:var(--foss-font-body);font-size:var(--foss-font-size-small);font-weight:700;line-height:1}.foss-product-card__button{margin-top:var(--foss-space-xs)}.foss-product-card__button.foss-button{min-height:40px;padding-inline:1.5rem}.foss-pill-nav{position:relative;width:100%}.foss-pill-nav__scroller{display:flex;gap:var(--foss-space-xs);overflow-x:auto;overflow-y:hidden;padding-block:var(--foss-space-xs);padding-inline:var(--foss-page-gutter-mobile);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.foss-pill-nav__scroller::-webkit-scrollbar{display:none}.foss-pill-nav__item{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.8rem 1.4rem;border:1px solid var(--foss-color-border);border-radius:var(--foss-radius-pill);background:var(--foss-color-white);color:var(--foss-color-black);font-family:var(--foss-font-body);font-size:var(--foss-font-size-small);font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;scroll-snap-align:start;transition:background-color var(--foss-transition-base),border-color var(--foss-transition-base),color var(--foss-transition-base)}.foss-pill-nav__item.is-active,.foss-pill-nav__item[aria-current=page]{background:var(--foss-color-black);border-color:var(--foss-color-black);color:var(--foss-color-white)}.foss-pill-nav__item:focus-visible{outline:2px solid currentColor;outline-offset:3px}.foss-glass-tabs{display:inline-flex;align-items:center;gap:var(--foss-space-2xs);max-width:100%;padding:var(--foss-space-2xs);border:1px solid rgba(255,255,255,.44);border-radius:var(--foss-radius-pill);background:var(--foss-color-glass);box-shadow:var(--foss-shadow-glass);overflow-x:auto;scrollbar-width:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.foss-glass-tabs::-webkit-scrollbar{display:none}.foss-glass-tabs__button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.75rem 1.25rem;border:0;border-radius:var(--foss-radius-pill);background:transparent;color:var(--foss-color-black);font-family:var(--foss-font-body);font-size:var(--foss-font-size-small);font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--foss-transition-base),color var(--foss-transition-base),opacity var(--foss-transition-base)}.foss-glass-tabs__button.is-active,.foss-glass-tabs__button[aria-selected=true]{background:var(--foss-color-black);color:var(--foss-color-white)}.foss-glass-tabs__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.foss-stack{display:flex;flex-direction:column;gap:var(--foss-space-md)}.foss-stack--xs{gap:var(--foss-space-xs)}.foss-stack--sm{gap:var(--foss-space-sm)}.foss-stack--lg{gap:var(--foss-space-lg)}.foss-stack--xl{gap:var(--foss-space-xl)}.foss-stack--2xl{gap:var(--foss-space-2xl)}.foss-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--foss-space-sm)}.foss-cluster--center{justify-content:center}.foss-cluster--between{justify-content:space-between}.foss-grid{display:grid;gap:var(--foss-space-md)}.foss-grid--1-mobile{grid-template-columns:1fr}.foss-grid--2-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.foss-grid--gap-sm{gap:var(--foss-space-sm)}.foss-grid--gap-lg{gap:var(--foss-space-lg)}.foss-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}.foss-skip-link{position:absolute;left:var(--foss-space-md);top:var(--foss-space-md);z-index:999;transform:translateY(-150%)}.foss-skip-link:focus{transform:translateY(0)}.foss-focus-ring:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.foss-button,.foss-pill-nav__item,.foss-glass-tabs__button,.foss-product-card__media img{transition-duration:1ms}.foss-product-card__media img{transform:none}}@media screen and (min-width:750px){:root{--foss-radius-card: 28px;--foss-radius-hero: 36px}.foss-page-width,.foss-content-width,.foss-narrow-width{padding-inline:var(--foss-page-gutter-tablet)}.foss-section{padding-block:var(--foss-space-3xl)}.foss-section--compact{padding-block:var(--foss-space-2xl)}.foss-section--spacious{padding-block:var(--foss-space-4xl)}.foss-card--padded{padding:var(--foss-card-padding-desktop)}.foss-media-frame--hero-ratio{aspect-ratio:16 / 9}.foss-grid{gap:var(--foss-space-lg)}.foss-grid--2-tablet{grid-template-columns:repeat(2,minmax(0,1fr))}.foss-grid--3-tablet{grid-template-columns:repeat(3,minmax(0,1fr))}.foss-pill-nav__scroller{padding-inline:var(--foss-page-gutter-tablet)}.foss-product-card__title{font-size:20px}}@media screen and (min-width:990px){.foss-page-width,.foss-content-width,.foss-narrow-width{padding-inline:var(--foss-page-gutter-desktop)}.foss-section{padding-block:var(--foss-space-4xl)}.foss-section--compact{padding-block:var(--foss-space-3xl)}.foss-section--spacious{padding-block:var(--foss-space-5xl)}.foss-hero-title{font-size:var(--foss-font-size-hero-desktop)}.foss-section-title{font-size:var(--foss-font-size-section-desktop)}.foss-grid--3-desktop{grid-template-columns:repeat(3,minmax(0,1fr))}.foss-grid--4-desktop{grid-template-columns:repeat(4,minmax(0,1fr))}.foss-grid--6-desktop{grid-template-columns:repeat(6,minmax(0,1fr))}.foss-pill-nav__scroller{padding-inline:var(--foss-page-gutter-desktop)}.foss-button:hover{transform:translateY(-1px)}.foss-button--dark:hover{background:#111111e0;border-color:#111111e0}.foss-button--light:hover{background:var(--foss-color-soft);border-color:var(--foss-color-soft)}.foss-button--outline:hover,.foss-button--glass:hover{border-color:var(--foss-color-black)}.foss-pill-nav__item:hover{border-color:var(--foss-color-border-strong)}.foss-product-card__media:hover img{transform:scale(1.035)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/foss-design-system.css.map */