.serving-section{padding-top:8px}
.serving-section .serving-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;row-gap:42px}
.serving-section .serving-image{overflow:hidden;background:#e9dfce}
.serving-section .serving-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .7s}
.serving-section .serving-item:hover img{transform:scale(1.025)}
.serving-section .serving-item figcaption{padding:21px 0 0;border-bottom:1px solid var(--line);padding-bottom:22px}
.serving-section .serving-item h3{font-size:29px;line-height:1.25;margin-bottom:10px}
.serving-section .serving-item p{max-width:440px;color:#687469;font-size:12px;line-height:1.9}
.distribution-section{background:#ede7da;border-top:1px solid rgba(12,56,45,.1)}
.distribution-section .distribution-inner{max-width:1512px;margin:0 auto;padding:94px 6.5%}
.distribution-section .section-heading{margin-bottom:43px}
.distribution-section .distribution-channels{list-style:none;margin:0 0 35px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.distribution-section .distribution-channels li{display:flex;align-items:center;gap:20px;padding:29px 26px}
.distribution-section .distribution-channels li:first-child{padding-left:0}
.distribution-section .distribution-channels li+li{border-left:1px solid var(--line)}
.distribution-section .distribution-channels svg{width:37px;height:37px;flex-shrink:0;color:#93733e}
.distribution-section .distribution-channels h3{font-size:26px;line-height:1.35}
.distribution-section .distribution-locker{display:flex;align-items:center;gap:27px;padding:32px;background:var(--cream);border:1px solid #cbbd9e}
.distribution-section .distribution-locker-icon{width:48px;height:48px;flex-shrink:0;color:#93733e}
.distribution-section .distribution-locker-copy{flex:1}
.distribution-section .distribution-locker-copy h3{font-size:27px;margin-bottom:10px;line-height:1.3}
.distribution-section .distribution-locker-copy p{font-size:12px;line-height:1.9;color:#687469;max-width:490px}
.distribution-section .distribution-locker .button{flex-shrink:0;margin-left:8px;white-space:nowrap}
@media(max-width:1000px){.distribution-section .distribution-inner{padding:80px 5.5%}.distribution-section .distribution-channels li{gap:13px;padding:25px 18px}.distribution-section .distribution-channels h3{font-size:23px}.distribution-section .distribution-locker{gap:20px;padding:26px}.distribution-section .distribution-locker .button{padding:17px;gap:17px}.serving-section .serving-item h3{font-size:26px}}
@media(max-width:800px){.distribution-section .distribution-locker{flex-wrap:wrap}.distribution-section .distribution-locker-copy{flex-basis:calc(100% - 70px)}.distribution-section .distribution-locker .button{margin:5px 0 0 68px}.distribution-section .distribution-channels li{gap:10px;padding-right:10px;padding-left:15px}.distribution-section .distribution-channels h3{font-size:21px}.distribution-section .distribution-channels svg{width:30px;height:30px}}
@media(max-width:700px){.serving-section{padding-top:0}.serving-section .serving-grid{grid-template-columns:1fr;row-gap:32px}.serving-section .serving-item h3{font-size:27px}.serving-section .serving-item figcaption{padding-top:19px;padding-bottom:20px}.serving-section .serving-item p{font-size:12px;max-width:100%}.distribution-section .distribution-inner{padding:66px 6%}.distribution-section .section-heading{margin-bottom:30px}.distribution-section .distribution-channels{grid-template-columns:1fr;margin-bottom:26px}.distribution-section .distribution-channels li,.distribution-section .distribution-channels li:first-child{padding:19px 0;gap:21px}.distribution-section .distribution-channels li+li{border-left:0;border-top:1px solid var(--line)}.distribution-section .distribution-channels svg{width:34px;height:34px}.distribution-section .distribution-channels h3{font-size:25px}.distribution-section .distribution-locker{gap:18px;padding:25px 21px}.distribution-section .distribution-locker-icon{width:39px;height:43px;align-self:flex-start}.distribution-section .distribution-locker-copy{flex-basis:calc(100% - 57px)}.distribution-section .distribution-locker-copy h3{font-size:25px}.distribution-section .distribution-locker-copy p{font-size:12px}.distribution-section .distribution-locker .button{margin:4px 0 0 0}}
@media(prefers-reduced-motion:reduce){.serving-section .serving-image img{transition:none}}
