.sf-wrap{max-width:1340px;margin-inline:auto;padding-inline:clamp(16px,4vw,52px)}
.sf-header-logo{display:flex;align-items:center;max-width:100%;min-width:0}
.sf-brand{display:block;width:176px;max-width:100%;height:auto}
#header-group [class*="announcement"] p{text-align:center}
.sf-home,.sf-footer{color:#29252a}
.sf-home h1,.sf-home h2,.sf-home h3,.sf-footer h2{color:inherit;margin:0}
.sf-hero{display:grid;grid-template-columns:1fr 1.13fr;gap:0;align-items:stretch;padding-block:clamp(18px,4vw,48px)}
.sf-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#eddfd5;padding:clamp(24px,5vw,74px);border-radius:16px 0 0 16px}
.sf-hero h1,.sf-band h2{font-family:Georgia,serif;font-weight:600;letter-spacing:-.04em;line-height:1.02}
.sf-hero h1{font-size:clamp(36px,5.4vw,83px);margin-block:10px 16px}
.sf-hero p{max-width:34ch;margin:0 0 24px;font-size:clamp(15px,1.7vw,19px)}
.sf-hero>img{width:100%;height:100%;min-height:0;aspect-ratio:1.15;object-fit:contain;background:#faf6f0;border-radius:0 16px 16px 0}
.sf-kicker{display:block;font-size:.72rem;letter-spacing:.14em;font-weight:750}
.sf-button{display:inline-block;border-radius:999px;background:#4c2e42;color:#fff;padding:12px 22px;text-decoration:none;font-weight:650}
.sf-band{padding-block:clamp(30px,5vw,68px);background:#f3eee8}
.sf-band h2{font-size:clamp(27px,4vw,49px);margin:8px 0 18px}
.sf-categories{background:#e7eade}.sf-cereal{background:#f8f4ee}.sf-chips{background:#e8e6ef}.sf-treats{background:#f1e2e2}.sf-granola{background:#e6ebe7}.sf-bundles{background:#f2e7d8}
.sf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(9px,1.8vw,22px)}
.sf-card{display:flex;flex-direction:column;background:#fff;color:#29252a;border:1px solid #51404e24;border-radius:12px;overflow:hidden;text-decoration:none;min-width:0}
.sf-card:hover,.sf-card:focus-visible{outline:2px solid #633449;outline-offset:2px}
.sf-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
.sf-category img{aspect-ratio:1.4}
.sf-card h3{font-size:clamp(13px,1.5vw,17px);line-height:1.3;overflow-wrap:anywhere}
.sf-category h3,.sf-card-copy{padding:clamp(9px,2vw,20px)}
.sf-card-copy{display:flex;flex:1;flex-direction:column;gap:8px;justify-content:space-between}
.sf-price{display:flex;flex-wrap:wrap;gap:3px 8px;font-weight:700}.sf-price s{font-weight:400;color:#594e57}
.sf-heading{display:flex;gap:10px;align-items:baseline;justify-content:space-between}.sf-text-link{color:#42283a;text-decoration:underline;text-underline-offset:4px}
.sf-footer{background:#e4e8da;border-top:1px solid #b5bdab}
.sf-footer-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr 1fr;gap:24px;padding-block:42px}
.sf-footer-grid h2{font-size:1rem;margin-bottom:8px;font-weight:750}
.sf-footer-grid a{display:block;margin:0 0 6px;color:#392d37;overflow-wrap:anywhere}
.sf-footer-grid p{margin:7px 0 0}.sf-copyright{background:#ccd4c0;text-align:center;padding:13px 16px;font-size:.85rem}
@media(max-width:749px){.sf-header-logo .sf-brand{width:124px}.sf-hero{grid-template-columns:1fr}.sf-hero-copy{border-radius:12px 12px 0 0}.sf-hero>img{border-radius:0 0 12px 12px;aspect-ratio:1.5}.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-heading{display:block;margin-bottom:15px}.sf-heading h2{margin-bottom:7px}.sf-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sf-footer-grid .sf-brand{width:132px}}
@media(max-width:370px){.sf-header-logo .sf-brand{width:102px}}
