@layer components{.category-hero{padding-block:var(--space-4) var(--space-7);flex-direction:column;gap:1.75rem;display:flex}@media (width>=64rem){.category-hero{padding-block:var(--space-5) var(--space-8);gap:1.75rem}}.category-hero__feature{color:var(--color-text);text-transform:uppercase;align-items:center;gap:.625rem;margin:0;display:inline-flex}.category-hero__tile{border-radius:var(--radius-16);align-items:center;min-block-size:11rem;display:flex;position:relative;overflow:hidden}@media (width>=64rem){.category-hero__tile{min-block-size:12.5rem}}.category-hero__tile[data-tile=honey]{background:var(--tile-honey);color:var(--tile-ink-honey)}.category-hero__tile[data-tile=cream]{background:var(--tile-cream);color:var(--tile-ink-cream)}.category-hero__tile[data-tile=olive]{background:var(--tile-olive);color:var(--tile-ink-olive)}.category-hero__tile[data-tile=plum]{background:var(--tile-plum);color:var(--tile-ink-plum)}.category-hero__tile[data-tile=blush]{background:var(--tile-blush);color:var(--tile-ink-blush)}.category-hero__tile[data-tile=sand]{background:var(--tile-sand);color:var(--tile-ink-sand)}.category-hero__tile-art{z-index:0;background-position:100%;background-repeat:no-repeat;background-size:cover;display:none;position:absolute;inset:0}@media (width>=64rem){.category-hero__tile-art{display:block}}.category-hero__tile-art[data-art=cream]{background-image:url(./tile-art-cream-BKELCQ1-.svg)}.category-hero__tile-text{z-index:1;flex-direction:column;gap:1.25rem;padding:1.75rem 1.5rem;display:flex;position:relative}@media (width>=64rem){.category-hero__tile-text{padding:2rem}}.category-hero__tile-eyebrow{text-transform:uppercase;align-items:center;gap:.625rem;margin:0;display:inline-flex}.category-hero__tile-eyebrow span{opacity:.6}.category-hero__stats{flex-wrap:wrap;gap:1.5rem 2.25rem;margin:0;padding:0;list-style:none;display:flex}.category-hero__stat-value{margin:0 0 .375rem}.category-hero__stat-label{opacity:.65;margin:0}.flavor-comparison{padding-block:var(--space-7) var(--space-9);flex-direction:column;gap:1rem;display:flex}@media (width>=64rem){.flavor-comparison{padding-block-start:var(--space-6)}}.flavor-comparison__header{flex-direction:column;gap:1.25rem;display:flex}@media (width>=64rem){.flavor-comparison__header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}}.flavor-comparison__intro{flex-direction:column;gap:1.25rem;display:flex}.flavor-comparison__eyebrow{color:var(--gold);text-transform:uppercase;margin:0}.flavor-comparison__title{max-inline-size:30rem;color:var(--color-text);margin:0}.flavor-comparison__description{max-inline-size:25rem;color:var(--color-text-muted);margin:0}@media (width>=64rem){.flavor-comparison__description{text-align:end;margin-block-start:.875rem}}.flavor-comparison__legend{flex-wrap:wrap;align-items:center;gap:.625rem;margin-block-end:.75rem;display:flex}.flavor-comparison__legend-label{color:var(--color-text-muted);text-transform:uppercase;opacity:.7;margin:0}.flavor-comparison__legend-caption{color:var(--color-text-muted);opacity:.7;margin:0}.flavor-table{border:1px solid var(--color-border);border-radius:var(--radius-16);scrollbar-width:thin;overflow-x:auto}.flavor-table__grid{table-layout:fixed;border-collapse:separate;border-spacing:0;inline-size:100%;min-inline-size:65rem}.flavor-table__col--flavor{inline-size:10rem}.flavor-table__col--scale{inline-size:8.5rem}.flavor-table__col--wide{inline-size:19rem}.flavor-table__cell{box-sizing:border-box;color:var(--color-text-muted);text-align:start;vertical-align:middle;border-block-end:1px solid var(--color-border);padding-block:1.125rem;padding-inline:.625rem;font-weight:400}.flavor-table__cell--head{background:var(--color-card);text-transform:uppercase;padding-block:.875rem}.flavor-table__cell--flavor{z-index:1;color:var(--color-text);background:var(--color-bg);border-inline-end:1px solid var(--color-border);padding-inline-start:1.5rem;position:sticky;inset-inline-start:0}.flavor-table__cell--flavor.flavor-table__cell--head{background:var(--color-card)}.flavor-table__cell--pairing{padding-inline-end:1.5rem}.flavor-table__cell .hex-scale-icon{vertical-align:middle}.flavor-comparison__note{border-radius:var(--radius-12);background:var(--tile-cream);color:var(--tile-ink-cream);flex-wrap:wrap;align-items:center;gap:.875rem 1.25rem;padding:1.375rem 1.5rem;display:flex}.flavor-comparison__note .hex-mark-icon{flex-shrink:0;block-size:1.375rem;inline-size:1.375rem}.flavor-comparison__note-text{flex:16rem;min-inline-size:0;margin:0}.flavor-comparison__note-link{color:inherit;text-transform:uppercase;transition:opacity var(--duration-fast) var(--ease-standard);flex-shrink:0;align-items:center;gap:.625rem;margin-inline-start:auto;text-decoration:none;display:inline-flex}.flavor-comparison__note-link .btn-arrow{color:inherit}@media (hover:hover){.flavor-comparison__note-link:hover{opacity:.72}}.category-seo{padding-block:var(--space-7) var(--space-9);flex-direction:column;gap:2.75rem;display:flex;position:relative}@media (width>=64rem){.category-seo{padding-block-start:var(--space-6)}}.category-seo__decor{display:none}@media (width>=64rem){.category-seo__decor{z-index:0;pointer-events:none;background:url(./honeycomb-decor-Dx3f_3kF.svg) 50%/contain no-repeat;block-size:14.375rem;inline-size:13.75rem;display:block;position:absolute;inset-block-start:-4rem;inset-inline-end:0}}.category-seo__header{z-index:1;flex-direction:column;gap:1.25rem;display:flex;position:relative}@media (width>=64rem){.category-seo__header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}}.category-seo__intro{flex-direction:column;gap:1.25rem;display:flex}.category-seo__eyebrow{color:var(--gold);text-transform:uppercase;margin:0}.category-seo__title{max-inline-size:30rem;color:var(--color-text);margin:0}.category-seo__description{max-inline-size:26rem;color:var(--color-text-muted);margin:0}@media (width>=64rem){.category-seo__description{text-align:end;margin-block-start:.875rem}}.category-seo__row{z-index:1;flex-direction:column;gap:2rem;display:flex;position:relative}@media (width>=64rem){.category-seo__row{flex-direction:row;align-items:flex-start;gap:3.5rem}}.category-seo__content{flex-direction:column;flex:1;gap:1.75rem;min-inline-size:0;display:flex}.category-seo__block{flex-direction:column;gap:.875rem;scroll-margin-block-start:calc(var(--mobile-header-block-size) + 1rem);display:flex}@media (width>=64rem){.category-seo__block{scroll-margin-block-start:var(--space-5)}}.category-seo__block-title{color:var(--color-text);margin:0}.category-seo__text{color:var(--color-text-muted);margin:0}.category-seo__hairline{background:var(--color-border);block-size:1px;inline-size:100%;margin-block:.375rem}.category-seo__bullets{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.category-seo__bullets li{align-items:flex-start;gap:.75rem;display:flex}.category-seo__marker{flex-shrink:0;padding-block-start:.1875rem}.category-seo__marker .hex-mark-icon{block-size:.875rem;inline-size:.875rem;color:var(--gold)}.category-seo__steps{gap:.875rem;margin:0;padding:0;list-style:none;display:grid}.category-seo__steps li{align-items:flex-start;gap:.875rem;display:flex}.category-seo__step-index{color:var(--gold);opacity:.7;flex-shrink:0}.category-seo__step-text{flex-direction:column;gap:.25rem;min-inline-size:0;display:flex}.category-seo__step-title{color:var(--color-text);margin:0}.category-seo__step-body{color:var(--color-text-muted);margin:0}.category-seo__table{border:1px solid var(--color-border);border-radius:var(--radius-12);scrollbar-width:thin;overflow-x:auto}.category-seo__grid{border-collapse:separate;border-spacing:0;inline-size:100%;min-inline-size:30rem}.category-seo__grid th,.category-seo__grid td{color:var(--color-text-muted);text-align:start;vertical-align:middle;border-block-end:1px solid var(--color-border);padding:.8125rem 1.125rem;font-weight:400}.category-seo__grid thead th{background:var(--color-card);text-transform:uppercase;padding-block:.75rem}.category-seo__grid tbody th{color:var(--color-text)}.category-seo__quote{border-inline-start:2px solid var(--gold);flex-direction:column;gap:.625rem;margin:0;padding-inline-start:1.25rem;display:flex}.category-seo__quote-text{color:var(--color-text);margin:0}.category-seo__quote-cite{color:var(--color-text-muted);opacity:.7;font-style:normal}.category-seo__callout{border-radius:var(--radius-12);background:var(--tile-cream);color:var(--tile-ink-cream);align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.category-seo__callout .hex-mark-icon{flex-shrink:0;block-size:1.375rem;inline-size:1.375rem;margin-block-start:.0625rem}.category-seo__callout-text{flex-direction:column;gap:.5rem;min-inline-size:0;display:flex}.category-seo__callout-title{margin:0}.category-seo__callout-body{opacity:.75;margin:0}.category-seo__link{color:var(--color-text);text-transform:uppercase;transition:color var(--duration-fast) var(--ease-standard);align-self:flex-start;align-items:center;gap:.625rem;margin-block-start:.375rem;text-decoration:underline;text-decoration-thickness:from-font;display:inline-flex}.category-seo__link .btn-arrow{color:inherit}@media (hover:hover){.category-seo__link:hover{color:var(--gold)}}.catalog-recipes{padding-block:var(--space-7) var(--space-9);position:relative}@media (width>=64rem){.catalog-recipes{padding-block-start:var(--space-6)}}.catalog-recipes__decor{pointer-events:none;display:none}@media (width>=64rem){.catalog-recipes__decor{z-index:0;background:url(./honeycomb-decor-CwHvzVrD.svg) 50%/contain no-repeat;block-size:11.5rem;inline-size:11rem;display:block;position:absolute;inset-block-start:-2rem;inset-inline-end:0}}.catalog-recipes__actions{flex-wrap:wrap;align-items:center;gap:1.75rem;margin-block-start:1.5rem;display:flex}.catalog-recipes__link{color:var(--color-text);text-transform:uppercase;transition:color var(--duration-fast) var(--ease-standard);align-items:center;gap:.625rem;text-decoration:none;display:inline-flex}.catalog-recipes__link .btn-arrow{color:var(--gold);transition:transform var(--duration-fast) var(--ease-standard)}@media (hover:hover){.catalog-recipes__link:hover .btn-arrow{transform:translate(.15rem)}}.catalog-recipes__carousel{z-index:1;position:relative}.catalog-recipes__head{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1.5rem;display:flex}@media (width>=64rem){.catalog-recipes__head{margin-block-end:2rem}}.catalog-recipes__label{color:var(--color-text-muted);text-transform:uppercase;margin:0}.catalog-recipes__nav{flex-shrink:0;gap:.625rem;display:flex}@media (width>=64rem){.catalog-recipes__nav{display:none}}.catalog-recipes__nav-btn{border:1px solid var(--color-border);block-size:2.25rem;inline-size:2.25rem;color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.catalog-recipes__nav-btn:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.125rem}@media (hover:hover){.catalog-recipes__nav-btn:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised)}}.catalog-recipes__list{scrollbar-width:thin;scroll-snap-type:x mandatory;gap:1.25rem;margin:0 -1rem;padding:0 1rem;scroll-padding-inline:1rem;list-style:none;display:flex;overflow-x:auto}@media (width>=30rem){.catalog-recipes__list{scroll-snap-type:none;grid-template-columns:repeat(2,1fr);margin-inline:0;padding-inline:0;display:grid;overflow-x:visible}}@media (width>=64rem){.catalog-recipes__list{grid-template-columns:repeat(4,1fr)}}.catalog-recipes__item{scroll-snap-align:start;flex:0 0 15.375rem;display:flex}@media (width>=30rem){.catalog-recipes__item{flex:1}}.catalog-recipes__card{border:1px solid var(--color-border);border-radius:var(--radius-16);background:var(--color-surface);color:inherit;transition:transform var(--duration-fast) var(--ease-standard);flex-direction:column;flex:auto;text-decoration:none;display:flex;overflow:hidden}@media (hover:hover){.catalog-recipes__card:hover{transform:translateY(-.125rem)}}.catalog-recipes__card-media{flex-shrink:0;block-size:12.25rem;position:relative}.catalog-recipes__card-art{background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.catalog-recipes__card-art[data-tile=honey]{background-color:var(--tile-honey)}.catalog-recipes__card-art[data-tile=cream]{background-color:var(--tile-cream)}.catalog-recipes__card-art[data-tile=olive]{background-color:var(--tile-olive)}.catalog-recipes__card-art[data-tile=sand]{background-color:var(--tile-sand)}.catalog-recipes__card-art[data-art=granola]{background-image:url(./recipe-art-granola-B5kYhM_G.svg)}.catalog-recipes__card-art[data-art=tea]{background-image:url(./recipe-art-tea-peHUPFUo.svg)}.catalog-recipes__card-art[data-art=salad]{background-image:url(./recipe-art-salad-DA7_ZZV4.svg)}.catalog-recipes__card-art[data-art=pears]{background-image:url(./recipe-art-pears-BhRgOtbN.svg)}.catalog-recipes__card-tag{background:var(--color-surface);color:var(--gold);text-transform:uppercase;border-radius:.1875rem;padding:.375rem .625rem;position:absolute;inset-block-start:1rem;inset-inline-start:1rem}.catalog-recipes__card-body{flex-direction:column;flex:auto;padding:1.25rem;display:flex}.catalog-recipes__card-title{color:var(--color-text);margin:0 0 .875rem}.catalog-recipes__card-hairline{background:var(--color-border);block-size:1px;margin-block-end:.875rem;display:block}.catalog-recipes__card-meta{justify-content:space-between;align-items:center;gap:.75rem;margin-block-start:auto;display:flex}.catalog-recipes__card-meta .btn-arrow{color:var(--gold);flex-shrink:0}.catalog-recipes__card-meta-left{color:var(--color-text-muted);align-items:center;gap:.5rem;display:flex}.catalog-recipes__card-meta-left .clock-icon{flex-shrink:0}.catalog-recipes__card-dot{opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;block-size:.1875rem;inline-size:.1875rem}.catalog-recipes__banner{z-index:1;border-radius:var(--radius-16);background:var(--tile-cream);margin-block-start:2rem;padding:2.25rem 1.25rem;position:relative;overflow:hidden}@media (width>=64rem){.catalog-recipes__banner{min-block-size:20rem;margin-block-start:3.25rem;padding:2.25rem 2.75rem}}.catalog-recipes__banner-art{display:none}@media (width>=64rem){.catalog-recipes__banner-art{z-index:0;background:url(./ingredient-banner-art-BniCoyXQ.svg) 100%/contain no-repeat;inline-size:50%;display:block;position:absolute;inset-block:0;inset-inline-end:0}}.catalog-recipes__banner-content{z-index:1;max-inline-size:30rem;position:relative}.catalog-recipes__banner-badge{color:var(--tile-ink-cream);text-transform:uppercase;opacity:.6;align-items:center;gap:.625rem;margin:0 0 1rem;display:flex}.catalog-recipes__banner-badge .hex-mark-icon{block-size:1.125rem;inline-size:1.125rem}.catalog-recipes__banner-title{color:var(--tile-ink-cream);margin:0 0 .875rem}.catalog-recipes__banner-description{max-inline-size:100%;color:var(--tile-ink-cream);opacity:.72;margin:0}}