.campaign-page{--campaign-lime:#cfed71;--campaign-ink:#173a2d}
.campaign-page>.header{position:absolute;top:0;left:0;right:0;z-index:30;background:transparent;color:var(--white)}
.campaign-page>.header .nav-quote{background:var(--campaign-lime);color:var(--campaign-ink);border-radius:100px}
.campaign-page>.header .menu-toggle span{background:var(--white)}
.hero.hero-campaign{position:relative;isolation:isolate;width:100%;height:100svh;min-height:680px;max-height:none;overflow:hidden;background:var(--forest);color:var(--white);touch-action:pan-y}
.hero.hero-campaign:after{content:none}
.hero-scenes{position:absolute;inset:0;z-index:0}
.campaign-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;opacity:0;visibility:hidden;z-index:0;transform:none;transition:opacity 180ms ease,visibility 180ms}
.campaign-photo.is-current{opacity:1;visibility:visible;z-index:2;transform:none}
.campaign-photo.is-outgoing{opacity:1;visibility:visible;z-index:1;transform:none}
.campaign-photo[data-photo="supply"],.campaign-photo[data-photo="cacao"]{object-position:58% 50%}
.campaign-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,18,10,.55),rgba(4,18,10,.13) 60%,rgba(4,18,10,.1))}
.hero-campaign[data-layout="field"] .campaign-scrim{background:linear-gradient(180deg,rgba(4,24,13,.35),rgba(4,24,13,.2) 47%,transparent 72%,rgba(4,24,13,.35))}
.campaign-copy{position:relative;z-index:2;height:100%;width:100%;padding:125px var(--margin) 145px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;pointer-events:none}
.campaign-copy>*{pointer-events:auto}
.hero.hero-campaign h1{font-family:'General Sans',Arial,sans-serif;font-size:clamp(52px,5.35vw,82px);font-weight:500;letter-spacing:-.05em;line-height:1.03;max-width:760px;color:var(--white);text-wrap:initial}
.campaign-line,.campaign-highlight{display:block}
.hero.hero-campaign[data-layout="products"] h1{font-family:'Boska',Georgia,serif;font-weight:500;letter-spacing:-.035em;font-size:clamp(56px,5.7vw,86px)}
.campaign-copy>p{margin-top:26px;font-size:20px;line-height:1.5;letter-spacing:-.02em;max-width:390px;text-wrap:balance}
.hero-campaign[data-layout="products"] .campaign-copy>p{font-size:16px;line-height:1.6;max-width:355px}
.campaign-actions{display:flex;gap:12px;align-items:center;justify-content:flex-start;margin-top:30px}
.hero.hero-campaign .campaign-actions .button{margin:0;min-height:52px;border-radius:100px;font-size:16px;padding:14px 25px;gap:24px}
.campaign-primary{background:var(--campaign-lime);color:var(--campaign-ink)}
.hero-campaign[data-layout="products"] .campaign-primary{background:var(--gold);color:var(--dark)}
.campaign-secondary{background:transparent;color:var(--white);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}
.campaign-link-label{font-size:inherit!important;line-height:inherit!important}
.hero-campaign[data-layout="field"] .campaign-copy{text-align:center;align-items:center;justify-content:flex-start;padding:clamp(135px,17svh,215px) 24px 120px}
.hero.hero-campaign[data-layout="field"] h1{font-size:clamp(58px,6.5vw,96px);letter-spacing:-.055em;line-height:1.02;max-width:1000px}
.hero-campaign[data-layout="field"] .campaign-highlight{display:inline-block;background:var(--campaign-lime);color:var(--campaign-ink);padding:0 .15em .065em;margin-top:.025em;line-height:1}
.hero-campaign[data-layout="field"] .campaign-copy>p{font-size:clamp(18px,1.6vw,23px);line-height:1.35;max-width:480px;margin-top:28px}
.hero-campaign[data-layout="field"] .campaign-actions{justify-content:center;margin-top:28px}
.campaign-photo[data-photo="ingredients"]{object-position:64% 50%}
.hero-campaign[data-layout="ingredients"] .campaign-copy{justify-content:flex-start;padding-top:clamp(150px,22svh,240px)}
.hero.hero-campaign[data-layout="ingredients"] h1{color:var(--campaign-lime);font-weight:600;max-width:850px}
.hero-campaign[data-layout="ingredients"] .campaign-highlight:empty{display:none}
.hero-campaign[data-layout="ingredients"] .campaign-copy>p{max-width:430px}
.campaign-footer{position:absolute;z-index:3;bottom:24px;left:var(--margin);right:var(--margin);display:flex;justify-content:space-between;align-items:center;gap:24px}
.campaign-explore{display:flex;align-items:center;gap:25px;min-height:48px;font-size:14px}
.campaign-explore span{font-size:22px}
.campaign-controls{display:flex;align-items:center;gap:7px}
.campaign-controls button{display:grid;place-items:center;min-width:44px;min-height:48px;border:0;padding:0;background:transparent;color:var(--white);touch-action:manipulation;transition:transform 140ms var(--ease),opacity 160ms ease}
.campaign-controls button:active{transform:scale(.96)}
.campaign-arrow{font-size:25px}
.campaign-dots{display:flex;align-items:center;gap:7px}
.campaign-controls .campaign-dot{position:relative;width:46px;min-width:46px}
.campaign-dot:before,.campaign-dot>span{content:'';position:absolute;left:3px;right:3px;top:23px;height:3px;background:rgba(255,255,255,.4)}
.campaign-dot>span{background:var(--campaign-lime);transform:scaleX(0);transform-origin:left center}
.campaign-dot.is-current>span{transform:scaleX(1)}
.campaign-play svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.campaign-play .play-icon{display:none}
.campaign-play[aria-pressed="true"] .pause-icon{display:none}
.campaign-play[aria-pressed="true"] .play-icon{display:block}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-campaign.is-instant .campaign-photo{transition:none!important}
@media(hover:hover) and (pointer:fine){.campaign-primary:hover,.campaign-page>.header .nav-quote:hover{background:var(--white);color:var(--campaign-ink)}.campaign-secondary:hover{background:var(--white);color:var(--campaign-ink)}.campaign-controls button:hover{opacity:.7}}
@media(min-width:801px) and (min-aspect-ratio:1/1){.hero-campaign[data-layout="field"] .campaign-copy{padding-top:clamp(110px,12.2svh,140px)}.hero.hero-campaign[data-layout="field"] h1{font-size:clamp(58px,5.55vw,84px)}.hero-campaign[data-layout="field"] .campaign-copy>p{margin-top:22px;font-size:20px;max-width:430px}.hero-campaign[data-layout="field"] .campaign-actions{margin-top:22px}}
@media(max-width:1100px){.hero.hero-campaign h1{font-size:clamp(48px,6vw,66px)}.hero.hero-campaign[data-layout="products"] h1{font-size:clamp(54px,6vw,70px)}}
@media(max-width:800px){.campaign-page>.header .mobile-nav:not([hidden]){background:var(--paper);color:var(--ink)}.campaign-copy{justify-content:flex-start;padding:160px 24px 120px}.hero.hero-campaign h1{font-size:clamp(44px,7.4vw,60px)}.hero.hero-campaign[data-layout="products"] h1{font-size:clamp(50px,8vw,64px)}.campaign-copy>p{font-size:18px;max-width:350px}.campaign-photo[data-photo="products"]{object-position:58% 50%}.campaign-photo[data-photo="supply"],.campaign-photo[data-photo="cacao"]{object-position:59% 50%}.campaign-scrim{background:linear-gradient(180deg,rgba(3,18,10,.7),rgba(3,18,10,.43) 40%,rgba(3,18,10,.05) 75%,rgba(3,18,10,.35))}.hero-campaign[data-layout="field"] .campaign-copy{padding-top:clamp(145px,19svh,210px)}.hero.hero-campaign[data-layout="field"] h1{font-size:clamp(48px,7.6vw,64px)}.campaign-footer{left:24px;right:24px;bottom:20px}.campaign-explore{font-size:0;gap:0}.campaign-explore span{font-size:22px}.campaign-controls .campaign-dot{width:38px;min-width:38px}}
@media(max-width:540px){.hero.hero-campaign{height:100svh;min-height:680px}.campaign-copy{padding:140px 22px 110px}.hero.hero-campaign h1{font-size:clamp(36px,10.4vw,54px);letter-spacing:-.05em}.hero.hero-campaign[data-layout="products"] h1{font-size:clamp(44px,12vw,60px);line-height:1.04}.campaign-copy>p{margin-top:22px;font-size:18px;line-height:1.45;max-width:330px}.hero-campaign[data-layout="products"] .campaign-copy>p{font-size:16px;line-height:1.5;max-width:310px}.campaign-actions{gap:10px;margin-top:24px;flex-wrap:wrap}.hero.hero-campaign .campaign-actions .button{font-size:14px;padding:12px 16px;gap:10px;min-height:48px}.campaign-actions .button>span[aria-hidden]{font-size:18px}.hero-campaign[data-layout="field"] .campaign-copy{padding:145px 16px 100px}.hero.hero-campaign[data-layout="field"] h1{font-size:clamp(36px,10.25vw,55px)}.hero-campaign[data-layout="field"] .campaign-copy>p{font-size:18px;line-height:1.4;margin-top:24px;max-width:330px}.hero-campaign[data-layout="field"] .campaign-actions{margin-top:24px}.campaign-footer{left:16px;right:16px;bottom:14px;justify-content:center}.campaign-explore{display:none}.campaign-controls{gap:3px}.campaign-dots{gap:3px}.campaign-controls .campaign-dot{width:40px;min-width:40px}}
@media(max-height:780px) and (min-width:801px){.hero-campaign[data-layout="field"] .campaign-copy{padding-top:100px}.hero.hero-campaign[data-layout="field"] h1{font-size:clamp(52px,5vw,68px)}.hero-campaign[data-layout="field"] .campaign-copy>p{margin-top:18px;font-size:18px;max-width:650px}.hero-campaign[data-layout="field"] .campaign-actions{margin-top:18px}.hero.hero-campaign[data-layout="field"] .campaign-actions .button{min-height:48px;padding-block:12px}}
html[data-motion="reduced"] .campaign-photo{transform:none!important;transition:none!important}html[data-motion="reduced"] .campaign-controls button{transition:none!important}
@media(max-width:540px){.campaign-controls .campaign-dot{width:32px;min-width:32px}.hero-campaign[data-layout="ingredients"] .campaign-copy{padding:118px 18px 100px;align-items:center;text-align:center}.hero.hero-campaign[data-layout="ingredients"] h1{font-size:clamp(32px,9.5vw,42px);letter-spacing:-.045em;line-height:1.08}.hero-campaign[data-layout="ingredients"] .campaign-copy>p{font-size:16px;line-height:1.5;margin-top:20px;max-width:310px}.hero-campaign[data-layout="ingredients"] .campaign-actions{margin-top:20px;justify-content:center}.campaign-photo[data-photo="ingredients"]{object-position:66% 50%}}

/* The opening handoff is one continuous farm photograph, with its own phone crop. */
.hero-campaign[data-layout="handoff"] .campaign-scrim{background:linear-gradient(90deg,rgba(3,18,10,.78),rgba(3,18,10,.58) 35%,rgba(3,18,10,.08) 80%)}
.hero-campaign[data-layout="handoff"] .campaign-copy{display:flex;align-items:flex-start;justify-content:center;padding:125px var(--margin) 145px}
.hero.hero-campaign[data-layout="handoff"] h1{font-size:clamp(56px,5.7vw,86px);font-weight:500;letter-spacing:-.04em;line-height:1.03;max-width:760px}
.hero-campaign[data-layout="handoff"] .campaign-line,.hero-campaign[data-layout="handoff"] .campaign-highlight{display:block}
.hero-campaign[data-layout="handoff"] .campaign-highlight{color:var(--campaign-lime)}
.hero-campaign[data-layout="handoff"] .campaign-copy>p{max-width:390px;margin-top:26px;font-size:18px;line-height:1.5;text-wrap:balance}
.hero-campaign[data-layout="handoff"] .campaign-actions{margin-top:30px}
@media(max-width:800px){.hero-campaign[data-layout="handoff"] .campaign-copy{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:130px 22px 110px}.hero.hero-campaign[data-layout="handoff"] h1{font-size:clamp(42px,7.4vw,60px);line-height:1.04;max-width:650px}.hero-campaign[data-layout="handoff"] .campaign-line,.hero-campaign[data-layout="handoff"] .campaign-highlight{display:block}.hero-campaign[data-layout="handoff"] .campaign-line:after{content:none}.hero-campaign[data-layout="handoff"] .campaign-copy>p{font-size:18px;line-height:1.4;max-width:390px;margin-top:22px}.hero-campaign[data-layout="handoff"] .campaign-actions{align-self:center;justify-content:center;margin-top:24px}.hero-campaign[data-layout="handoff"] .campaign-scrim{background:linear-gradient(180deg,rgba(3,18,10,.6),rgba(3,18,10,.37) 39%,transparent 58%,rgba(3,18,10,.4))}}
@media(max-width:540px){.campaign-controls .campaign-dot{width:28px;min-width:28px}.hero-campaign[data-layout="handoff"] .campaign-copy{padding:118px 18px 100px}.hero.hero-campaign[data-layout="handoff"] h1{font-size:clamp(38px,10.8vw,52px);line-height:1.05}.hero-campaign[data-layout="handoff"] .campaign-copy>p{font-size:16px;line-height:1.45;max-width:330px;margin-top:20px}.hero-campaign[data-layout="handoff"] .campaign-actions{margin-top:20px}}
@media(max-height:780px) and (min-width:801px){.hero-campaign[data-layout="handoff"] .campaign-copy{padding-bottom:100px}.hero.hero-campaign[data-layout="handoff"] h1{font-size:clamp(50px,5.5vw,72px)}.hero-campaign[data-layout="handoff"] .campaign-copy>p{font-size:16px;line-height:1.5;margin-top:22px}.hero.hero-campaign[data-layout="handoff"] .campaign-actions .button{min-height:48px;padding-block:12px}}

/* Controls stay clear of the copy, browser chrome and the phone's safe area. */
.campaign-footer{bottom:max(20px,env(safe-area-inset-bottom))}
.hero.hero-campaign h1{letter-spacing:-.04em}
.hero.hero-campaign[data-layout="handoff"] h1{letter-spacing:-.04em}
@media(max-width:800px){.campaign-copy{padding-inline:var(--margin)}.campaign-footer{left:var(--margin);right:var(--margin)}}
@media(max-width:359px){.campaign-controls{gap:1px}.campaign-dots{gap:1px}.campaign-controls .campaign-dot{width:24px;min-width:24px}.hero.hero-campaign .campaign-actions .button{font-size:13px;padding-inline:12px}.hero-campaign[data-layout="handoff"] .campaign-copy{padding-inline:16px}}
@media(max-height:700px) and (max-width:800px){.hero.hero-campaign{min-height:620px}.campaign-copy,.hero-campaign[data-layout="field"] .campaign-copy,.hero-campaign[data-layout="ingredients"] .campaign-copy,.hero-campaign[data-layout="handoff"] .campaign-copy{padding-top:110px}.hero.hero-campaign[data-layout="field"] h1{font-size:clamp(34px,9.8vw,52px)}}
@media(max-height:540px) and (min-width:541px){.hero.hero-campaign{height:100svh;min-height:390px}.campaign-copy,.hero-campaign[data-layout="field"] .campaign-copy,.hero-campaign[data-layout="ingredients"] .campaign-copy{padding-top:100px;padding-bottom:86px;justify-content:center}.hero.hero-campaign h1,.hero.hero-campaign[data-layout="field"] h1,.hero.hero-campaign[data-layout="products"] h1{font-size:44px}.campaign-copy>p,.hero-campaign[data-layout="field"] .campaign-copy>p{font-size:16px;margin-top:14px;max-width:430px}.campaign-actions,.hero-campaign[data-layout="field"] .campaign-actions{margin-top:18px}.hero-campaign[data-layout="handoff"] .campaign-copy{padding-top:110px;padding-bottom:86px;justify-content:flex-start}.hero.hero-campaign[data-layout="handoff"] h1{font-size:38px}.hero-campaign[data-layout="handoff"] .campaign-copy>p{margin-top:14px;font-size:16px}.hero-campaign[data-layout="handoff"] .campaign-actions{margin-top:16px}}
@media(max-height:540px) and (min-width:541px){.hero.hero-campaign[data-layout="products"] h1{font-size:40px}.hero-campaign[data-layout="products"] .campaign-copy>p{margin-top:10px}.hero-campaign[data-layout="products"] .campaign-actions{margin-top:14px}}