.hero{background-color:var(--vg-color-ink);color:var(--vg-color-surface);display:grid;isolation:isolate;margin-block-end:var(--vg-space-5);overflow:hidden;position:relative}@media (min-width:768px){.hero{margin-block-end:0}}.hero__inner,.hero__media{grid-area:1/1}.hero__media{overflow:hidden;position:relative}.hero__slide{inset:0;position:absolute}.hero__image,.hero__slide{block-size:100%;inline-size:100%}.hero__image{object-fit:cover}.hero__media:after{content:"";inset:0;position:absolute;z-index:1}.hero--overlay-strong .hero__media:after{background-color:rgba(0,0,0,.55)}.hero--overlay-soft .hero__media:after{background-color:rgba(0,0,0,.3)}.hero--overlay-none .hero__media:after{background-color:transparent}.hero__inner{max-inline-size:none;padding-block:var(--vg-space-8);padding-inline:var(--vg-container-gutter);position:relative;z-index:2}.hero__heading{font-size:var(--vg-size-700);font-weight:400;line-height:1.1;margin:0;max-inline-size:20ch}.hero__body{font-size:var(--vg-size-200);margin-block-start:var(--vg-space-4);max-inline-size:55ch}@media (min-width:768px){.hero__body{font-size:var(--vg-size-400)}}.hero__body :last-child{margin-block-end:0}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--vg-space-3);margin-block:var(--vg-space-6) 0}@media (min-width:768px){.hero{--hero-rail:max(var(--vg-container-gutter),calc((100vw - var(--vg-container-max))/2 + var(--vg-container-gutter)));--hero-inset:clamp(var(--vg-container-gutter),calc(var(--hero-rail) - var(--vg-space-6)),var(--vg-space-6));border-radius:var(--vg-radius-panel);margin-inline:var(--hero-inset);min-block-size:min(45rem,calc(92vh - var(--vg-header-block-size)))}.hero__heading{font-size:clamp(var(--vg-size-800),4.4vw,var(--vg-size-900))}.hero__inner{padding-block:calc(var(--vg-space-8)*1.5);padding-inline:max(var(--vg-space-6),calc(var(--hero-rail) - var(--hero-inset)))}.hero--layout-overlay .hero__inner{align-self:center}.hero--flat{min-block-size:0}.hero--flat .hero__inner{padding-block:var(--vg-space-8)}.hero--flat.hero--layout-overlay .hero__inner{align-self:stretch}}.hero--layout-showcase .hero__media:after{background:linear-gradient(90deg,rgba(20,48,38,.92) 0,rgba(20,48,38,.88) 40%,rgba(20,48,38,.74) max(62%,640px),rgba(20,48,38,.32) max(86%,760px),rgba(20,48,38,.16))}.hero--layout-showcase.hero--overlay-soft .hero__media:after{background:linear-gradient(90deg,rgba(20,48,38,.82) 0,rgba(20,48,38,.76) 40%,rgba(20,48,38,.58) max(62%,640px),rgba(20,48,38,.22) max(86%,760px),rgba(20,48,38,.1))}.hero--layout-showcase.hero--overlay-none .hero__media:after{background:transparent}@media (max-width:767px){.hero--layout-showcase .hero__media:after{background:linear-gradient(180deg,rgba(20,48,38,.84),rgba(20,48,38,.9))}.hero--layout-showcase.hero--overlay-soft .hero__media:after{background:linear-gradient(180deg,rgba(20,48,38,.74),rgba(20,48,38,.82))}.hero--layout-showcase.hero--overlay-none .hero__media:after{background:transparent}}.hero--layout-showcase .hero__media:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR intercept='-1' slope='3' type='linear'/%3E%3CfeFuncG intercept='-1' slope='3' type='linear'/%3E%3CfeFuncB intercept='-1' slope='3' type='linear'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cpath d='M0 0h140v140H0z' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:140px 140px;content:"";inset:0;mix-blend-mode:overlay;opacity:.45;pointer-events:none;position:absolute;z-index:1}.hero--layout-showcase{--hero-pad-inline:var(--vg-space-5);grid-template-rows:1fr auto}.hero--layout-showcase .hero__media{grid-area:1/1/-1/-1}.hero--layout-showcase .hero__inner{grid-area:1/1}@media (min-width:768px){.hero--layout-showcase .hero__inner{padding-block:calc(var(--vg-space-8)*1.25)}}.hero--layout-showcase .hero__heading{max-inline-size:28ch}.hero--layout-showcase .hero__body{max-inline-size:46ch}.hero__eyebrow{align-items:center;align-self:flex-start;background-color:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.3);border-radius:var(--vg-radius-pill);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.34),0 6px 20px rgba(20,48,38,.22);color:var(--vg-color-surface);display:inline-flex;font-size:var(--vg-size-200);gap:var(--vg-space-2);margin:0 0 var(--vg-space-5);padding:var(--vg-space-2) var(--vg-space-4)}.hero__eyebrow:before{background-color:var(--vg-color-accent);block-size:.5rem;border-radius:50%;content:"";flex:0 0 auto;inline-size:.5rem}.hero--layout-showcase .hero__actions .vg-button--secondary{background-color:hsla(0,0%,100%,.14)}@supports (backdrop-filter:blur(1px)){.hero--layout-showcase .hero__actions .vg-button--secondary,.hero__eyebrow{backdrop-filter:blur(14px) saturate(150%);background-color:hsla(0,0%,100%,.1)}}.hero--layout-showcase .hero__actions .vg-button--secondary:focus-visible,.hero--layout-showcase .hero__actions .vg-button--secondary:hover{backdrop-filter:none;background-color:var(--vg-color-surface)}.hero__heading-lead{display:block}.hero__heading-accent{display:block;font-size:var(--vg-size-500);line-height:1.25;margin-block-start:var(--vg-space-3)}@media (min-width:768px){.hero__heading-accent{font-size:clamp(var(--vg-size-600),2.5vw,var(--vg-size-800))}}.hero--layout-showcase .hero__heading-accent{color:var(--vg-color-ink-text-muted)}.hero__promises{--vg-rings-size:20rem;background-color:var(--vg-color-ink);display:grid;gap:var(--vg-space-5);grid-area:2/1;list-style:none;margin:0;position:relative;z-index:2}.hero--layout-showcase .hero__promises{padding:var(--vg-space-6) var(--hero-pad-inline)}.hero__promise{align-content:start;display:grid;gap:var(--vg-space-3);position:relative}.hero__promise-mark{color:var(--vg-color-ink-text-muted);display:block}.hero__promise-mark .promise-icon{block-size:2.25rem;inline-size:2.25rem}.hero__promise-title{color:var(--vg-color-surface);font-family:var(--vg-font-heading);font-size:var(--vg-size-300);font-weight:500;line-height:var(--vg-line-height-heading);margin:0}.hero__promise-line{color:var(--vg-color-ink-text-muted);font-size:var(--vg-size-200);margin:0}@media (max-width:767px){.hero__promise{align-items:start;column-gap:var(--vg-space-4);grid-template-columns:auto minmax(0,1fr)}.hero__promise-mark{grid-row:1/span 2}.hero__promise+.hero__promise{border-block-start:1px solid var(--vg-color-ink-border);padding-block-start:var(--vg-space-5)}}@media (min-width:768px){.hero--layout-showcase{--hero-pad-inline:max(var(--vg-space-6),calc(var(--hero-rail) - var(--hero-inset)))}.hero--layout-showcase .hero__promises{--vg-rings-size:34rem;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}.hero__promise{padding-inline-end:var(--vg-space-6)}.hero__promise+.hero__promise{border-inline-start:1px solid var(--vg-color-ink-border);padding-inline-start:var(--vg-space-6)}}.hero--layout-split{background-color:var(--vg-color-brand)}.hero--layout-split .hero__inner,.hero--layout-split .hero__media{grid-area:auto}.hero--layout-split .hero__media{min-block-size:15rem;order:2}.hero--layout-split .hero__heading{font-size:var(--vg-size-800)}.hero--layout-split.hero--overlay-strong .hero__media:after{background:linear-gradient(160deg,rgba(31,92,72,.45),rgba(52,127,99,.12))}.hero--layout-split.hero--overlay-soft .hero__media:after{background:linear-gradient(160deg,rgba(31,92,72,.25),rgb(52 127 99/8%))}@media (min-width:768px){.hero--layout-split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.hero--layout-split .hero__inner{align-self:center;padding-inline-end:var(--vg-space-6)}.hero--layout-split .hero__heading{font-size:clamp(var(--vg-size-800),4.4vw,var(--vg-size-900))}}.hero--animated .hero__slide{animation-iteration-count:infinite;animation-name:hero-cross-fade;animation-timing-function:ease-in-out;opacity:0}@keyframes hero-cross-fade{0%{opacity:0}4%{opacity:1}30%{opacity:1}36%{opacity:0}to{opacity:0}}.hero--animated:focus-within .hero__slide,.hero--animated:hover .hero__slide{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.hero--animated .hero__slide{animation:none;opacity:0}.hero--animated .hero__slide:first-child{opacity:1}}.hero--compact .hero__heading{font-size:var(--vg-size-650);font-weight:300}.hero--compact .hero__heading-accent{font-size:var(--vg-size-400);margin-block-start:var(--vg-space-2)}.hero--compact .hero__body :is(strong,b){font-weight:inherit}.hero--compact .hero__body{font-size:var(--vg-size-200);margin-block-start:var(--vg-space-3)}@media (min-width:768px){.hero--compact .hero__body{font-size:var(--vg-size-300)}}.hero--compact .hero__actions{margin-block-start:var(--vg-space-5)}@media (min-width:768px){.hero--compact{min-block-size:0}.hero--compact .hero__heading{font-size:clamp(var(--vg-size-700),3.2vw,var(--vg-size-900))}.hero--compact .hero__heading-accent{font-size:clamp(var(--vg-size-500),1.7vw,var(--vg-size-650))}.hero--compact.hero--layout-showcase .hero__inner{padding-block:var(--vg-space-7)}}@media (min-width:1100px){.hero--compact.hero--layout-showcase .hero__slide{inline-size:auto;inset-inline-start:40%;mask-image:linear-gradient(90deg,transparent,#000 45%)}.hero--compact.hero--layout-showcase .hero__media:after{background:linear-gradient(90deg,rgba(20,48,38,.92) 0,rgba(20,48,38,.88) 40%,rgba(20,48,38,.74) max(58%,640px),rgba(20,48,38,.12) max(72%,760px),rgba(20,48,38,0))}}@media (max-width:767px){.hero--compact.hero--layout-showcase:not([data-page-type=flat]){grid-template-rows:auto auto auto}.hero--compact.hero--layout-showcase:not([data-page-type=flat]) .hero__media{aspect-ratio:2/1;grid-area:2/1}.hero--compact.hero--layout-showcase:not([data-page-type=flat]) .hero__promises{grid-area:3/1}.hero--compact.hero--layout-showcase:not([data-page-type=flat]) .hero__media:after{background:none}}.hero[data-hero-family=coke] .hero__image{object-position:75% 50%}.hero[data-hero-family=micro-market] .hero__image{object-position:73% 50%}.hero[data-hero-family=coffee] .hero__image{object-position:66% 56%}.hero[data-hero-family=healthy] .hero__image{object-position:62% 52%}