/* Compact product stage: horizontal choice, then product, then ingredient stories. */
.hf-home .hf-dry .hf-bag a{display:block;text-decoration:none;border:0}
.hf-home .hf-dry .hf-bag a:focus-visible{outline:2px solid #fff;outline-offset:6px}
@media(max-width:1100px){
 .hf-home .hf-dry{--hf-dry-gutter:8vw}
 .hf-home .hf-dry .hf-protein-graphic,.hf-home .hf-dry-explorer>.hf-all-products{display:none!important}
 .hf-home .hf-dry-heading{padding:3rem var(--hf-dry-gutter) 2rem!important}
 .hf-home .hf-dry-heading h2{font-size:clamp(2.8rem,6.2vw,4.5rem)!important}
 .hf-home .hf-dry-explorer{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-height:0;padding:0 var(--hf-dry-gutter) 3.5rem!important;gap:0}
 .hf-home .hf-dry-index{grid-column:1;grid-row:1;padding:0!important;margin:0!important;width:100%}
 .hf-home .hf-dry-index .hf-sort-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem!important;width:100%}
 .hf-home .hf-dry-index .hf-sort-link{min-width:0;margin:0!important}
 .hf-home .hf-dry-index .hf-sort-link a{display:flex;align-items:center;justify-content:center;min-height:3.5rem;width:100%;padding:.6rem .2rem;font-size:clamp(1.25rem,2.8vw,2rem);text-align:center;transform:none;box-sizing:border-box}
 .hf-home .hf-dry-index .hf-sort-link a[aria-selected=true]{background:color-mix(in srgb,var(--hf-accent) 18%,transparent)}
 .hf-home .hf-dry-index .hf-sort-link a[aria-selected=true]::before{display:none}
 .hf-home .hf-dry-explorer>.hf-product-panels{grid-column:1;grid-row:2;min-width:0;margin-top:2rem!important}
 .hf-home .hf-dry-pane{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:2rem!important;min-height:0;align-items:center}
 .hf-home .hf-dry-pane>.hf-product-text{min-width:0;max-width:none;padding:1rem 0!important}
 .hf-home .hf-dry .hf-pack-plane{width:100%;height:30rem;min-height:0;align-self:center;margin:0!important}
 .hf-home .hf-dry .hf-pack-plane::before{inset:6% 0 4%;clip-path:polygon(7% 0,100% 5%,93% 100%,0 94%)}
 .hf-home .hf-dry .hf-protein-graphic{width:70%;left:-5%;top:8%}
 .hf-home .hf-dry .hf-bag{width:max-content;max-width:100%;height:29rem;margin:0 auto!important;transform:rotate(-4deg)}
 .hf-home .hf-dry .hf-bag img{height:29rem;max-width:100%}
 .hf-home .hf-dry .hf-detail-name{font-size:clamp(2.3rem,4vw,3.2rem)!important}
 .hf-home .hf-dry .hf-detail-icons--large{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,23rem);gap:1rem .5rem!important}
 .hf-home .hf-dry-explorer>.hf-all-products{grid-column:1;grid-row:3;justify-self:end;margin:1.25rem 0 0!important;padding-top:.75rem;border-top:1px solid #ffffff40;max-width:100%}
 .hf-home .hf-dry-benefits{grid-column:1;grid-row:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:4rem 0 0!important}
 .hf-home .hf-dry-benefits>.hf-ingredient-story{min-width:0;grid-template-rows:auto 1fr;align-content:start}
 .hf-home .hf-dry-benefits .hf-ingredient-story-header{min-height:7.5rem;gap:.75rem}
 .hf-home .hf-dry-benefits .hf-ingredient-name{font-size:1.7rem!important}
 .hf-home .hf-dry-benefits .hf-ingredient-examples{margin-top:1rem!important;padding-top:0}
}
@media(min-width:701px) and (max-width:900px){
 .hf-home .hf-dry-benefits{grid-template-columns:minmax(0,1fr);gap:2rem}
 .hf-home .hf-dry-benefits>.hf-ingredient-story{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto;gap:2rem;border-top:1px solid #ffffff40;padding-top:1.5rem!important}
 .hf-home .hf-dry-benefits .hf-ingredient-story-header{min-height:0;padding:0!important}
}
@media(max-width:781px){
 .hf-home .hf-dry{--hf-dry-gutter:1.5rem}
 .hf-home .hf-dry-heading{overflow:clip}
 .hf-home .hf-dry-heading::after{position:absolute;left:31rem;right:auto;top:6rem;width:20rem;margin:0;transform:none;opacity:.6}
}
@media(max-width:700px){
 .hf-home .hf-dry-index .hf-sort-links{gap:.6rem!important}
 .hf-home .hf-dry-index .hf-sort-link a{font-size:clamp(1.05rem,4.4vw,1.65rem);min-height:3.25rem}
 .hf-home .hf-dry-pane{grid-template-columns:minmax(0,1fr);gap:1.25rem!important}
 .hf-home .hf-dry .hf-pack-plane{height:22rem;max-width:23rem;justify-self:center}
 .hf-home .hf-dry .hf-bag,.hf-home .hf-dry .hf-bag img{height:22rem}
 .hf-home .hf-dry .hf-protein-graphic{width:55%;left:0}
 .hf-home .hf-dry-pane>.hf-product-text{padding:.5rem 0 0!important}
 .hf-home .hf-dry .hf-detail-icons--large .wp-block-image,.hf-home .hf-dry .hf-detail-icons--large img{width:3.5rem;height:3.5rem}
 .hf-home .hf-dry .hf-icon-caption{font-size:.9rem!important}
 .hf-home .hf-dry-explorer>.hf-all-products{justify-self:start;width:100%;margin-top:1.5rem!important}
 .hf-home .hf-dry-benefits{grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:3rem!important}
 .hf-home .hf-dry-benefits>.hf-ingredient-story{border-top:1px solid #ffffff40;padding-top:1.5rem!important}
 .hf-home .hf-dry-benefits .hf-ingredient-story-header{min-height:0}
}
@media(max-width:360px){.hf-home .hf-dry .hf-icon-caption{font-size:.82rem!important}}

@media(max-width:700px){
 .hf-home .hf-dry-rail{--hf-rail-item:min(62vw,19rem);position:relative;display:flex;gap:1.25rem;width:calc(100% + 2 * var(--hf-dry-gutter));margin:0 calc(-1 * var(--hf-dry-gutter)) 1rem;padding:1rem calc((100vw - var(--hf-rail-item)) / 2);box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffffff55 transparent}
 .hf-home .hf-dry-rail:focus-visible{outline:2px solid #fff;outline-offset:-4px}
 .hf-home .hf-dry .hf-dry-rail>.hf-pack-plane{flex:0 0 var(--hf-rail-item);width:var(--hf-rail-item);max-width:none;height:22rem;scroll-snap-align:center;scroll-snap-stop:always}
 .hf-home .hf-dry-rail>.hf-pack-plane:is(:first-child,:last-child)::after{content:"";position:absolute;top:50%;width:max(0px,calc((100vw - var(--hf-rail-item)) / 2 - 1.25rem));height:22rem;transform:translateY(-50%);background:#fff;opacity:.55;mask-image:url(anchor-pattern-dry-heading.svg);mask-size:18rem auto;mask-repeat:repeat-y;pointer-events:none}
 .hf-home .hf-dry-rail>.hf-pack-plane:first-child::after{right:calc(100% + 1.25rem);mask-position:right center}
 .hf-home .hf-dry-rail>.hf-pack-plane:last-child::after{left:calc(100% + 1.25rem);mask-position:left center}
 .hf-home .hf-dry.has-dry-rail .hf-dry-pane{display:block;scroll-margin-top:8rem}
 .hf-home .hf-dry.has-dry-rail .hf-dry-pane[hidden]{display:none!important}
 .hf-home .hf-dry.has-dry-rail .hf-product-text{padding-top:1rem!important}
}