.origin-page{background:var(--paper)}
.origin-page .site-header{background:rgba(7,24,17,.38)}
.origin-page .desktop-nav a[aria-current="page"]{opacity:1;color:var(--gold)}
.origin-hero{min-height:820px;height:94vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:var(--forest);color:#fff}
.origin-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04);transform:scale(1.02)}
.origin-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,10,.94),rgba(4,14,10,.7) 48%,rgba(4,14,10,.24)),linear-gradient(0deg,rgba(4,14,10,.9),transparent 48%)}
.origin-hero-layout{position:relative;z-index:2;width:100%;padding:190px 0 95px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.45fr);gap:80px;align-items:end}
.origin-breadcrumb{display:flex;align-items:center;gap:10px;margin:0 0 30px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.origin-breadcrumb a:hover{color:var(--gold)}
.origin-hero h1{font:400 clamp(64px,8vw,122px)/.9 var(--serif);letter-spacing:-.058em;margin:0;max-width:920px}
.origin-hero h1 em{font-weight:400;color:var(--gold)}
.origin-hero-lede{font:21px/1.55 var(--serif);max-width:720px;margin:34px 0;color:rgba(255,255,255,.76)}
.origin-hero-note{border:1px solid rgba(255,255,255,.22);background:rgba(7,24,17,.62);backdrop-filter:blur(14px);padding:26px}
.origin-hero-note>span{display:block;color:var(--gold);font:13px var(--serif);margin-bottom:18px}
.origin-hero-note strong{display:block;font:32px/1.05 var(--serif);font-weight:400}
.origin-hero-note p{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.7}
.origin-switch{background:var(--forest);color:#fff;border-top:1px solid rgba(255,255,255,.14)}
.origin-switch-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.origin-switch-card{display:grid;grid-template-columns:36px 1fr 24px;gap:14px;align-items:center;padding:25px 26px;border-left:1px solid rgba(255,255,255,.14);transition:background .25s,color .25s}
.origin-switch-card:last-child{border-right:1px solid rgba(255,255,255,.14)}
.origin-switch-card:hover,.origin-switch-card.active{background:var(--gold);color:var(--forest)}
.origin-switch-card>span{font:13px var(--serif);color:var(--gold)}
.origin-switch-card:hover>span,.origin-switch-card.active>span{color:var(--forest)}
.origin-switch-card div{display:flex;flex-direction:column}.origin-switch-card strong{font:23px var(--serif);font-weight:400}.origin-switch-card small{font-size:8px;text-transform:uppercase;letter-spacing:.12em;opacity:.62;margin-top:4px}
.origin-section{padding:120px 0}
.origin-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}
.origin-intro-media{position:relative;margin:0}.origin-intro-media img{width:100%;height:670px;object-fit:cover}.origin-intro-media:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.45)}
.origin-intro-media figcaption{position:absolute;z-index:2;left:26px;bottom:26px;background:rgba(7,24,17,.9);color:#fff;padding:18px 22px;display:flex;flex-direction:column}.origin-intro-media b{font:25px var(--serif);color:var(--gold)}.origin-intro-media small{font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.origin-intro-copy h2,.origin-offer h2,.origin-path h2,.origin-final h2{font:400 clamp(52px,6vw,88px)/.95 var(--serif);letter-spacing:-.05em;margin:0}
.origin-intro-copy>p:not(.eyebrow){font:21px/1.65 var(--serif);color:rgba(21,36,29,.67);margin:30px 0}
.origin-tags{display:flex;flex-wrap:wrap;gap:8px}.origin-tags span{padding:8px 11px;border:1px solid var(--line);font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.origin-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid var(--line)}
.origin-metric{padding:28px 28px 0 0}.origin-metric+.origin-metric{border-left:1px solid var(--line);padding-left:28px}.origin-metric b{display:block;font:38px var(--serif);font-weight:400;color:var(--gold-2)}.origin-metric span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:rgba(21,36,29,.58)}
.origin-offer{background:#081b14;color:#fff}
.origin-offer-head{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:70px}.origin-offer-head>p{font:19px/1.6 var(--serif);color:var(--muted);margin:0}
.origin-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18)}
.origin-offer-card{padding:34px 34px 50px 0}.origin-offer-card+.origin-offer-card{border-left:1px solid rgba(255,255,255,.18);padding-left:34px}.origin-offer-card>span{font:12px var(--serif);color:var(--gold)}.origin-offer-card h3{font:30px var(--serif);font-weight:400;margin:24px 0 12px}.origin-offer-card p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.origin-path{background:var(--cream)}
.origin-path-head{max-width:820px;margin-bottom:70px}.origin-path-head>p:not(.eyebrow){font:20px/1.6 var(--serif);color:rgba(21,36,29,.66);margin:28px 0 0}
.origin-path-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.origin-path-step{padding:30px 25px 10px 0}.origin-path-step+.origin-path-step{border-left:1px solid var(--line);padding-left:25px}.origin-path-step>span{font:12px var(--serif);color:var(--gold-2)}.origin-path-step h3{font:25px var(--serif);font-weight:400;margin:20px 0 10px}.origin-path-step p{font-size:11px;line-height:1.7;color:rgba(21,36,29,.64);margin:0}
.origin-final{position:relative;min-height:630px;display:grid;place-items:center;text-align:center;background:var(--cacao);color:#fff;overflow:hidden}
.origin-final>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}.origin-final:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(7,24,17,.15),rgba(7,24,17,.92))}.origin-final-content{position:relative;z-index:2;width:min(850px,calc(100% - 40px));padding:100px 0}.origin-final-content>p:not(.eyebrow){font:20px/1.6 var(--serif);color:var(--muted);margin:28px auto 38px;max-width:650px}.origin-final-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}

/* Rich product storytelling */
.origin-page[data-product="coffee"]{--product-accent:#e8bd67}
.origin-page[data-product="cacao"]{--product-accent:#d38a55}
.origin-page[data-product="chocolate"]{--product-accent:#d9a873}
.origin-hero{--hero-x:0px;--hero-y:0px}
.origin-hero>img{transform:translate3d(var(--hero-x),var(--hero-y),0) scale(1.075);transition:transform .75s cubic-bezier(.2,.65,.3,1);will-change:transform}
.origin-hero:before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 78% 24%,rgba(232,189,103,.14),transparent 28%);pointer-events:none}
.origin-hero-note{position:relative;overflow:hidden;transition:transform .35s,border-color .35s,background .35s}
.origin-hero-note:after{content:"";position:absolute;right:-45px;bottom:-52px;width:160px;height:160px;border:1px solid rgba(232,189,103,.32);border-radius:50%;box-shadow:0 0 0 28px rgba(232,189,103,.04),0 0 0 56px rgba(232,189,103,.025)}
.origin-hero-note:hover{transform:translateY(-7px);border-color:rgba(232,189,103,.55);background:rgba(7,24,17,.78)}
.origin-switch{position:sticky;top:var(--header);z-index:42;box-shadow:0 18px 44px rgba(3,14,10,.12)}
.origin-switch-card{position:relative;overflow:hidden}
.origin-switch-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.origin-switch-card:hover:after,.origin-switch-card.active:after{transform:scaleX(1)}
.origin-intro-media{overflow:hidden;background:var(--forest)}
.origin-intro-media img{transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.9) contrast(1.02)}
.origin-intro-media:hover img{transform:scale(1.045);filter:saturate(1.04) contrast(1.04)}
.origin-gallery{padding-top:35px;background:linear-gradient(180deg,var(--paper),#f2eee6)}
.origin-gallery-head{display:grid;grid-template-columns:1.15fr .55fr;gap:90px;align-items:end;margin-bottom:55px}
.origin-gallery-head h2{font:400 clamp(50px,5.6vw,82px)/.95 var(--serif);letter-spacing:-.05em;margin:0;max-width:920px}
.origin-gallery-head>p{font:19px/1.65 var(--serif);color:rgba(21,36,29,.65);margin:0}
.origin-story-grid{display:grid;grid-template-columns:1.18fr .82fr .82fr;gap:14px;align-items:stretch}
.origin-story-card{position:relative;min-height:570px;overflow:hidden;background:#091a14;color:#fff;outline:none;isolation:isolate;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;animation-delay:var(--card-delay)}
.origin-story-card:nth-child(2),.origin-story-card:nth-child(3){min-height:510px;margin-top:60px}
.origin-story-card figure{position:absolute;inset:0;margin:0}
.origin-story-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.05);transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .55s}
.origin-story-card:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(3,13,9,.96),rgba(3,13,9,.05) 70%),linear-gradient(90deg,rgba(3,13,9,.2),transparent)}
.origin-story-copy{position:absolute;z-index:2;inset:auto 30px 28px;transition:transform .45s}
.origin-story-copy>span{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--product-accent)}
.origin-story-copy h3{font:34px/1.05 var(--serif);font-weight:400;margin:13px 0 10px}
.origin-story-copy p{font-size:11px;line-height:1.68;color:rgba(255,255,255,.69);margin:0;max-width:420px;max-height:0;opacity:0;overflow:hidden;transform:translateY(10px);transition:max-height .45s,opacity .35s,transform .45s}
.origin-story-copy b{position:absolute;right:0;bottom:0;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-weight:400;transition:background .3s,color .3s,transform .35s}
.origin-story-card:hover,.origin-story-card:focus-visible{transform:translateY(-8px);box-shadow:0 28px 60px rgba(7,24,17,.2)}
.origin-story-card:hover img,.origin-story-card:focus-visible img{transform:scale(1.065);filter:saturate(1) contrast(1.05)}
.origin-story-card:hover p,.origin-story-card:focus-visible p{max-height:100px;opacity:1;transform:none}
.origin-story-card:hover .origin-story-copy,.origin-story-card:focus-visible .origin-story-copy{transform:translateY(-4px)}
.origin-story-card:hover .origin-story-copy b,.origin-story-card:focus-visible .origin-story-copy b{background:var(--product-accent);color:var(--forest);border-color:var(--product-accent);transform:rotate(45deg)}
.origin-offer-grid{gap:1px;background:rgba(255,255,255,.18);border-top:0}
.origin-offer-card,.origin-offer-card+.origin-offer-card{background:#081b14;border-left:0;padding:0 30px 46px;outline:none;transition:background .35s,transform .35s}
.origin-offer-media{position:relative;height:245px;margin:0 -30px 34px;overflow:hidden;background:#10271d}
.origin-offer-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,27,20,.75),transparent 55%)}
.origin-offer-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .65s,filter .5s}
.origin-offer-media span{position:absolute;z-index:2;left:28px;bottom:20px;font:13px var(--serif);color:var(--gold)}
.origin-offer-card:hover,.origin-offer-card:focus-visible{background:#0d261c;transform:translateY(-6px)}
.origin-offer-card:hover img,.origin-offer-card:focus-visible img{transform:scale(1.07);filter:saturate(1)}
.origin-path-grid{position:relative;--path-index:0}
.origin-path-grid:after{content:"";position:absolute;left:0;top:-1px;width:25%;height:2px;background:var(--product-accent);transform:translateX(calc(var(--path-index) * 100%));transition:transform .4s;pointer-events:none}
.origin-path-step{position:relative;outline:none;transition:background .35s,transform .35s;padding-bottom:24px}
.origin-path-step:after{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:var(--cream);border:2px solid var(--product-accent);transition:background .3s,transform .3s}
.origin-path-step.active{background:rgba(255,255,255,.52);transform:translateY(-5px)}
.origin-path-step.active:after{background:var(--product-accent);transform:scale(1.2)}
.origin-path-step.active h3{color:var(--gold-2)}
.origin-final>img{transition:transform 1.2s,opacity .6s;transform:scale(1.02)}
.origin-final:hover>img{transform:scale(1.065);opacity:.34}
@media(max-width:980px){.origin-hero-layout{grid-template-columns:1fr;gap:45px}.origin-hero-note{max-width:410px}.origin-intro{grid-template-columns:1fr;gap:60px}.origin-offer-head{grid-template-columns:1fr}.origin-path-grid{grid-template-columns:1fr 1fr}.origin-path-step:nth-child(3){border-left:0}}
@media(max-width:980px){.origin-gallery-head{grid-template-columns:1fr;gap:26px}.origin-story-grid{grid-template-columns:1fr 1fr}.origin-story-card:first-child{grid-column:1/-1;min-height:560px}.origin-story-card:nth-child(2),.origin-story-card:nth-child(3){margin-top:0;min-height:480px}}
@media(max-width:720px){.origin-hero{height:auto;min-height:900px}.origin-hero-layout{padding:150px 0 75px}.origin-hero h1{font-size:clamp(58px,17vw,86px)}.origin-switch{position:relative;top:auto}.origin-switch-grid{grid-template-columns:1fr}.origin-switch-card,.origin-switch-card:last-child{border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.origin-section{padding:90px 0}.origin-intro-media img{height:500px}.origin-metrics,.origin-offer-grid,.origin-path-grid,.origin-story-grid{grid-template-columns:1fr}.origin-story-card:first-child{grid-column:auto}.origin-story-card,.origin-story-card:first-child,.origin-story-card:nth-child(2),.origin-story-card:nth-child(3){min-height:460px;margin-top:0}.origin-story-copy p{max-height:100px;opacity:1;transform:none}.origin-story-copy b{display:none}.origin-metric+.origin-metric,.origin-offer-card+.origin-offer-card,.origin-path-step+.origin-path-step{border-left:0;padding-left:0}.origin-metric,.origin-path-step{border-bottom:1px solid var(--line);padding:25px 0}.origin-offer-card,.origin-offer-card+.origin-offer-card{border-bottom:1px solid rgba(255,255,255,.18);padding:0 24px 38px}.origin-offer-media{margin:0 -24px 30px}.origin-path-grid:after{display:none}.origin-final h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){.origin-hero>img{transform:none;transition:none}.origin-intro-media img,.origin-story-card,.origin-story-card img,.origin-story-copy,.origin-story-copy p,.origin-offer-card,.origin-offer-media img,.origin-path-step,.origin-final>img{transition:none}}