/* Three categories aligned to the same content grid as the page. */
.header{padding-inline:max(32px,calc((100vw - 1200px)/2))}
.brand,.header .brand{gap:12px;align-items:center}.brand-mark{display:block;position:relative;width:69px;height:45px;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}.brand .brand-mark .brand-logo{position:absolute;width:100px;height:auto;max-width:none;left:-20px;top:-10px;mix-blend-mode:normal}.brand b,.header .brand b{font-size:24px;line-height:1.2;letter-spacing:2px;font-weight:700}.brand small,.header .brand small{font-size:8px;line-height:1.4;letter-spacing:2.8px;margin-top:6px}.brand>span:last-child{display:flex;flex-direction:column}
.split-hero{position:relative;width:calc(100% - 64px);max-width:1200px;margin:28px auto 0;border-radius:12px;height:510px;min-height:0;max-height:none;overflow:hidden;gap:2px;background:#f8f9f5}
.split-hero .split-panel{flex:1 1 0%;border:0;min-width:0;min-height:0}
.split-poultry .split-photo{background-image:url('assets/hero-poultry.png');background-position:center}
.split-hero .split-copy{left:28px;bottom:38px;width:340px;max-width:calc(100% - 48px)}
.split-hero .split-copy h2{font-size:34px;line-height:1.35;letter-spacing:0;white-space:nowrap}
.split-hero .split-copy .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:12px}
.split-hero .split-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;margin:16px 0 23px;white-space:nowrap}
.split-hero .split-copy .button{font-size:12px;padding:12px 17px;gap:24px}
.split-hero .split-shade{background:linear-gradient(0deg,#092c25f5 0%,#102d247a 40%,transparent 85%)}
.split-hero .image-note{top:15px;right:18px;font-size:8px}.split-reset{top:17px;left:50%;right:auto;transform:translateX(-50%)}
.split-hero[data-active] .split-panel{flex:0 0 68px}
.split-hero[data-active] .split-panel.is-active{flex:1 1 0%}
.split-hero[data-active] .split-panel:not(.is-active) .split-photo{filter:blur(6px) brightness(.5);transform:scale(1.1)}
.split-hero[data-active] .split-panel:not(.is-active) .split-copy{opacity:0;visibility:hidden;transform:translateY(15px)}
.split-hero[data-active] .split-panel:not(.is-active) .split-rail{opacity:1}
.split-hero[data-active] .split-panel.is-active .split-copy{opacity:1;visibility:visible;transform:none}
.split-hero[data-active] .split-panel.is-active .split-photo{filter:none;transform:scale(1)}
.split-hero[data-active] .split-panel.is-active .split-rail{opacity:0}
.split-rail{font-size:15px;letter-spacing:4px}.category-strip{background:transparent;max-width:1200px;width:calc(100% - 64px);margin:0 auto;padding:25px 0;border-bottom:1px solid var(--line)}
.products.section{padding-top:60px}
@media(min-width:701px) and (max-width:1000px){.split-hero{height:450px}.split-hero .split-copy{left:20px;max-width:calc(100% - 32px)}.split-hero .split-copy h2{font-size:27px}.split-hero .split-copy>p:not(.eyebrow){font-size:10px}.split-hero .split-copy .eyebrow{font-size:8px;letter-spacing:1px}.header nav{gap:16px}.header .brand b{font-size:21px}}
@media(max-width:700px){.header{padding-inline:20px}.brand-mark{width:60px;height:40px}.brand .brand-mark .brand-logo{width:87px;left:-17px;top:-9px}.header .brand b,footer .brand b{font-size:21px;letter-spacing:1px}.header .brand small{font-size:7px;letter-spacing:2.4px}.split-hero{width:calc(100% - 40px);margin-top:18px;height:780px;min-height:0;max-height:none;border-radius:10px;gap:3px}.split-hero .split-panel{min-width:100%;flex:1 1 0%}.split-hero .split-copy,.split-hero[data-active] .split-copy{left:22px;bottom:22px;width:auto;max-width:calc(100% - 40px)}.split-hero .split-copy h2{font-size:29px}.split-hero .split-copy .eyebrow{font-size:8px;margin-bottom:6px}.split-hero .split-copy>p:not(.eyebrow){font-size:11px;margin:8px 0 13px;line-height:1.7}.split-hero .split-copy .button{padding:9px 13px;font-size:10px}.split-hero[data-active] .split-panel{flex:0 0 58px}.split-hero[data-active] .split-panel.is-active{flex:1 1 0%}.split-hero .image-note{font-size:6px;right:10px;top:9px}.split-reset{font-size:9px;top:25px;padding:6px 10px}.category-strip{width:calc(100% - 40px);padding:22px 0}.category-strip small{display:none}.category-strip>a svg{width:31px;height:26px}.category-strip b{font-size:13px}.products.section{padding-top:40px}}
/* Use available page width, excluding the scrollbar, for exact alignment. */
@media(min-width:1101px){.section,.header,footer{padding-left:max(32px,calc((100% - 1200px)/2));padding-right:max(32px,calc((100% - 1200px)/2))}}
