/* Staggered audience rows: three above, two centered below. */
.audience-section{background:var(--green,#48887b);color:var(--cream,#efeadd);padding:64px 0 46px}
.audience-section h2{font-size:clamp(34px,3.3vw,46px);line-height:1.1;letter-spacing:-.04em;margin:0 0 44px}
.audience-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 30px;list-style:none;margin:0 auto;padding:0;max-width:1120px}
.audience-item{min-width:0;grid-column:span 2;border-top:1px solid rgba(239,234,221,.4);padding:24px 10px 7px;text-align:center}
.audience-item:nth-child(1){grid-area:1/1/2/3}
.audience-item:nth-child(2){grid-area:2/2/3/4}
.audience-item:nth-child(3){grid-area:1/3/2/5}
.audience-item:nth-child(4){grid-area:2/4/3/6}
.audience-item:nth-child(5){grid-area:1/5/2/7}
.audience-icon{display:block;width:72px;height:72px;color:var(--yellow,#ffcc29);margin:0 auto 18px}
.audience-item h3{font-size:clamp(21px,1.9vw,26px);line-height:1.16;letter-spacing:-.025em;font-weight:650;max-width:270px;margin:0 auto}
.audience-note{font-size:12px;line-height:1.75;margin:38px auto 0;max-width:900px;color:#041810;text-align:center}
@media(max-width:900px){.audience-grid{gap:24px 20px}.audience-icon{width:64px;height:64px}.audience-item h3{font-size:21px}}
@media(max-width:600px){.audience-section{padding:44px 0 34px}.audience-section h2{font-size:33px;margin-bottom:32px}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 18px}.audience-item:nth-child(n){grid-area:auto;padding:18px 0 4px}.audience-item:last-child{grid-column:1/-1;width:calc((100% - 18px)/2);justify-self:center}.audience-icon{width:58px;height:58px;margin:0 auto 15px}.audience-item h3{font-size:20px}.audience-note{font-size:11px;margin-top:30px}}

/* Curved landscapes follow the outer edges, leaving the audience labels clear. */
.audience-section{position:relative;overflow:hidden}
.audience-heading{margin-bottom:44px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;}
.audience-heading h2{color:var(--yellow);margin-bottom:15px}
.audience-heading .ink-stroke{color:var(--yellow)}
.audience-heading>p{font-size:16px;line-height:1.65;color:var(--cream)}
.audience-composition{position:relative;max-width:1120px;margin-inline:auto;z-index:1}
.audience-note{position:relative;z-index:1}
.audience-landscape{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.audience-scene{position:absolute;height:auto;color:var(--cream);pointer-events:none;overflow:visible}
.audience-farm{left:0;bottom:0;width:min(20vw,360px)}
.audience-delivery{right:0;top:12px;width:min(20vw,360px);height:calc(100% - 24px)}
.scene-line{stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.scene-yellow{stroke:var(--yellow)}
.field-row{stroke-width:1.8;opacity:.8}
.details-ready .audience-scene:not(.is-bloomed) .scene-line{stroke-dashoffset:1}
.audience-scene.is-bloomed .scene-line{transition:stroke-dashoffset 2100ms ease-out var(--draw-delay,0s)}
.delivery-route{stroke:none;fill:none}
.truck-body{fill:var(--green);stroke:var(--cream);stroke-width:2.4;stroke-linejoin:round}
.truck-cab{fill:var(--green);stroke:var(--yellow);stroke-width:2.4}
.truck-detail{stroke:var(--yellow);stroke-width:1.8;stroke-linecap:round}
.truck-tires{fill:var(--cream)}
.details-ready .audience-delivery:not(.is-bloomed) .delivery-truck{opacity:0}
@media(max-width:900px){.audience-landscape{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;overflow:visible}.audience-scene{position:static;width:100%;max-width:190px;height:340px;justify-self:center;align-self:end}.audience-farm{height:300px}.audience-heading{margin-bottom:36px}}
@media(max-width:600px){.audience-heading h2{margin-bottom:15px}.audience-heading>p{font-size:14px;max-width:290px}.audience-landscape{gap:20px}.audience-scene{max-width:165px;height:310px}.audience-farm{height:270px}}
.details-static .audience-scene .scene-line{stroke-dashoffset:0!important;transition:none!important}
.details-static .delivery-truck{opacity:1!important}
@media(prefers-reduced-motion:reduce){.audience-scene .scene-line{stroke-dashoffset:0!important;transition:none!important}.delivery-truck{opacity:1!important}}

@media(min-width:901px){.audience-note{max-width:min(900px,62vw)}}