:root{--cream:#f7f4ed;--paper:#fffcf6;--sand:#eee8dc;--espresso:#30291f;--espresso-2:#24261d;--cacao:#86603b;--muted:#716b60;--line:#ded7ca;--font:'DM Sans',sans-serif;--wrap:1440px}
html{scroll-padding-top:100px}body{overflow-x:hidden}.wrap{padding-inline:clamp(24px,6vw,96px)}
h1,h2,.quote,.ppp,.fword{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400!important}h2{font-size:clamp(44px,5vw,70px);line-height:1.02;letter-spacing:-.035em}.label{font-size:10px;letter-spacing:.19em}.hdr .wrap{height:96px}.brand img{width:42px}.brand b{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;letter-spacing:-.04em}.brand small{font-size:7px;letter-spacing:.23em}.menu{gap:25px}.menu a{font-size:12px}.hdr .btn{font-size:11px;padding:15px 23px}.hdr.solid{background:rgba(247,244,237,.95)}.btn{font-size:12px;font-weight:500;border-radius:3px;padding:18px 26px;transition:background .25s,transform .25s}.btn:hover{transform:translateY(-2px)}.btn:not(.line)::after{content:'↗';font-size:16px;margin-left:16px}.btn.line{border-color:#bcb4a6}.hero h1{font-size:clamp(60px,6.9vw,104px);font-weight:400;line-height:.95;letter-spacing:-.055em}.hero h1 em{font-weight:400;color:#84613e}.hero-eyebrow{max-width:330px;line-height:1.8}.card{max-width:440px;gap:23px}.ch.hero .card{max-width:580px}.card p{font-size:15px;line-height:1.85;max-width:360px}.hero .card p{max-width:380px}.hero .ctas{gap:12px;margin-top:4px}.cue{margin-top:36px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.cue i{height:30px;width:19px}.ch{height:100svh;min-height:700px}.card .num{font-size:10px;letter-spacing:.2em}.card .num b{font-size:12px}.card h2{font-size:clamp(44px,4.8vw,68px);max-width:420px}.facts{gap:8px}.facts span{background:transparent;border:0;border-radius:0;border-left:1px solid #b49b76;padding:3px 12px;font-size:11px}.ch:not(.on) .card{opacity:.12}.still{display:none!important}
#sky{background:var(--cream)!important}#route{display:none}#stage{position:fixed;left:auto;right:4.8vw;top:140px;bottom:92px;width:44vw;height:auto;max-width:700px;overflow:visible;z-index:1;transition:opacity .4s}.scene-window{position:absolute;inset:0;overflow:hidden;border-radius:48% 48% 4px 4px;background:#d7c4a5;box-shadow:0 30px 80px -45px #44321e66;isolation:isolate}.scene{position:absolute;inset:0;opacity:0;transition:opacity 850ms ease;overflow:hidden}.scene.active{opacity:1}.scene-image{position:absolute;width:max(100%,calc(100svh - 232px));aspect-ratio:1;top:50%;left:50%;background-image:url('assets/journey-scenes.png');background-size:302% 302%;transform:translate(-50%,-50%) scale(1.035);transition:transform 1.6s ease}.scene.active .scene-image{transform:translate(-50%,-50%) scale(1)}.scene-caption{position:absolute;bottom:-35px;left:4px;right:0;display:flex;justify-content:space-between;font-size:9px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:#756650}.scene-number{position:absolute;z-index:2;top:37px;right:22px;border:1px solid #ffffff70;border-radius:50%;width:49px;height:49px;color:#fff;display:grid;place-items:center;font-size:11px;backdrop-filter:blur(8px);background:#31281e33}.scene-border{position:absolute;inset:-14px 14px 14px -14px;border:1px solid #c7b99d;border-radius:48% 48% 4px 4px;z-index:-1}.rail{border-radius:4px;box-shadow:none;background:rgba(255,252,246,.92);border-color:var(--line)}.rail .t{font-size:10px}.rail .dots i.on{background:#86603b}.hero .card:after{content:'NATURAL ORIGINS  /  GLOBAL POSSIBILITIES';display:block;font-size:8px;letter-spacing:.18em;color:#8a8172;margin-top:30px}
.solid-sec{padding-block:115px}.sec-head{gap:20px;max-width:760px;margin-bottom:55px}.lead{font-size:15px;line-height:1.9}.pgrid{gap:24px}.pc{border-radius:4px;padding:0 0 25px;overflow:hidden;border-color:#e6ded1;gap:15px;box-shadow:none}.pc h3,.pc>p,.pc .more{margin-inline:26px}.pc h3{font-size:22px;font-weight:500}.pc>p{font-size:13px;line-height:1.9}.pc .img{height:auto;aspect-ratio:1.25;margin:0 0 10px;border-bottom:1px solid var(--line);display:block}.product-photo{background-image:url('assets/product-scenes.png')!important;background-size:300% 200%!important;background-repeat:no-repeat;aspect-ratio:1.3;background-color:#e8dcc6}.photo-beans{background-position:0 0!important}.photo-nibs{background-position:50% 0!important}.photo-liquor{background-position:100% 0!important}.photo-butter{background-position:0 100%!important}.photo-powder{background-position:50% 100%!important}.pc:nth-child(n+4) .img{aspect-ratio:1.8}.pc .more{font-size:11px}.pc .more span{font-size:10px}.pc:hover{transform:translateY(-5px);box-shadow:0 20px 50px -35px #44321e55}.opanel,form.q,.seg{border-radius:4px}.opanel h3,.otab b{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}.opanel h3{font-size:46px}.otab b{font-size:32px}.otab small{font-size:11px}.ofacts div{border-radius:2px}.segs{gap:24px}.seg b{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;font-weight:500}.bi{border-top-width:1px;padding-top:32px}.bi h3{font-size:16px}.bi p,.seg p{font-size:13px;line-height:1.9}.sus{background:#2b3025}.sus:before{content:'';position:absolute;right:7%;top:100px;width:28%;aspect-ratio:1;background-image:linear-gradient(#2b302522,#2b302522),url('assets/journey-scenes.png');background-size:100%,302% 302%;background-position:center,50% 0;border-radius:48% 48% 2px 2px;opacity:.7}.sus .wrap{position:relative}.quote{max-width:20ch;font-size:clamp(38px,4.7vw,65px);line-height:1.12}.quote span{opacity:.4}.quote span.lit{opacity:1}.vals{margin-top:85px}.val p{font-size:13px;line-height:1.9}.val h3{font-size:15px}.ppp{font-size:clamp(50px,7.8vw,115px);letter-spacing:-.04em}.ppp span{font-weight:400}.contact h2{font-size:70px}input,select,textarea{border-radius:3px;font-size:13px;padding:14px}form.q h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:36px;font-weight:500}.crow span,.crow a{font-size:16px}.fword{font-size:clamp(80px,19vw,280px);font-weight:400;letter-spacing:-.065em}.news button{border-radius:3px}.ftag{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px}.skip-link{position:fixed;top:-80px;left:12px;z-index:200;background:var(--espresso);color:white;padding:12px}.skip-link:focus{top:12px}:focus-visible{outline:2px solid #886135;outline-offset:5px}body.menu-open,body.drawer-open{overflow:hidden}.drawer .body>.product-photo{width:100%;aspect-ratio:1.3}.drawer .btn{font-size:11px}.drawer h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}.mnav a{font-family:'Cormorant Garamond',Georgia,serif;font-size:44px}.sent{border-radius:3px}
@media(min-width:1600px){#stage{right:calc((100vw - 1440px)/2 + 20px);width:600px}.ch .card{max-width:500px}}
@media(max-width:1100px){.hero h1{font-size:76px}.hero .card{max-width:470px!important}.card p{max-width:320px}.wrap{padding-inline:40px}#stage{right:4vw;width:43vw}.hero-eyebrow{font-size:8px}.card h2{font-size:52px}}
@media(max-width:900px){.hdr .wrap{height:76px}.wrap{padding-inline:25px}.ch{height:100svh;min-height:760px;align-items:flex-end;padding:0 0 72px}.card{background:linear-gradient(180deg,#f7f4edf5,#f7f4ed);backdrop-filter:none;border:0;border-radius:0;padding:23px 0 0;gap:14px;max-width:none!important}.ch.hero .card{max-width:none!important}.hero h1{font-size:62px;line-height:.92}.hero h1 br:first-child{display:none}.hero .card p{display:block;font-size:12px;max-width:420px;line-height:1.7}.hero .ctas{margin-top:2px}.hero .card:after{display:none}.hero-eyebrow{font-size:8px;max-width:none}.card h2{font-size:44px;max-width:500px}.card p{font-size:13px;max-width:520px}.card .num{font-size:9px}.facts span{font-size:10px}.btn{padding:15px 20px;font-size:11px}.scene-window,.scene-border{border-radius:45% 45% 3px 3px}#stage{top:96px;right:25px;left:25px;bottom:auto;width:auto;height:42svh;max-height:450px}.scene-image{width:max(100%,42svh)}.scene-caption{display:none}.scene-border{inset:-8px 8px 8px -8px}.scene-number{top:17px;right:17px;width:36px;height:36px;font-size:9px}.solid-sec{padding-block:75px}.sus:before{opacity:.17;width:70%;right:0}.sus .quote{max-width:25ch}.pc:nth-child(n+4) .img{aspect-ratio:1.25}.pc:last-child .img{aspect-ratio:1.8}.hero .ctas .btn{padding:15px 17px}.contact h2{font-size:55px}.rail{bottom:12px}.fword{font-size:22vw}}
@media(max-width:560px){.ch{min-height:740px}.hero h1{font-size:52px}.ch.hero .card{gap:12px}.hero .card p{max-width:330px;font-size:11px}.card h2{font-size:42px}.hero .ctas{gap:8px}#stage{height:39svh}.scene-image{width:max(100%,39svh)}.hero-eyebrow{font-size:7px;letter-spacing:.14em}.scene-border{inset:-7px 7px 7px -7px}.pc .img,.pc:last-child .img{aspect-ratio:1.25}.bgrid,.vals{grid-template-columns:1fr 1fr;gap:30px 22px}.val h3{font-size:13px}.val p{font-size:12px}.bi h3{font-size:14px}.bi p{font-size:12px}.otab b{font-size:27px}.otab small{font-size:10px}.ppp{gap:15px}.sec-head h2{font-size:44px}.sec-head{margin-bottom:35px}.fgrid{gap:35px}.brand b{font-size:27px}.facts{gap:6px}.facts span{padding-inline:8px}.ch .card{padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ch:not(.on) .card{opacity:1;transform:none}.quote span{opacity:1}.ppp span{color:var(--gold)}html.js .reveal:not(.in){opacity:1;transform:none}}

/* Keep each chapter readable throughout natural scrolling. */
.ch:not(.on) .card{opacity:1;transform:none}
/* Full-screen scroll-synchronized 3D stage; photographs support the story. */
#stage{position:fixed;inset:0;width:100%;height:100%;max-width:none;overflow:hidden;z-index:1;pointer-events:none}
#sky{background:radial-gradient(ellipse at 70% 45%,#fffdf5,#e8dece)!important}
#route{display:block;z-index:0}
#journey-photo{position:fixed;right:4vw;bottom:64px;width:152px;height:152px;z-index:4;pointer-events:none;transition:opacity .4s}
#journey-photo .scene-window{border-radius:5px;background:#e5d9c6;box-shadow:0 12px 35px #372a1d20;border:5px solid #fffaf0}
#journey-photo .scene-image{width:100%;aspect-ratio:1}
#journey-photo .scene-border,#journey-photo .scene-number{display:none}
#journey-photo .scene-caption{bottom:-25px;left:0;font-size:8px;letter-spacing:.12em;white-space:nowrap}
#journey-photo .scene-caption>span:last-child{display:none}
html.no3d #journey-photo{width:40vw;height:40vw;top:20vh;right:5vw;bottom:auto}
html.no3d #journey-photo .scene-caption{display:flex}
.hero h1{font-size:clamp(58px,6.2vw,90px)}
@media(max-width:1100px){.hero h1{font-size:68px}}
@media(max-width:900px){#stage{inset:0;width:100%;height:100%;max-height:none;max-width:none}#journey-photo{right:23px;top:98px;bottom:auto;width:90px;height:90px}#journey-photo .scene-caption{display:none}.hero h1{font-size:55px}.ch .card{background:linear-gradient(180deg,#f7f4ed00,#f7f4edf2 15%);padding:25px 0 0}.ch{padding-bottom:72px}html.no3d #journey-photo{width:70vw;height:36svh;top:95px;right:15vw}}
@media(max-width:560px){.hero h1{font-size:49px}#journey-photo{width:70px;height:70px;right:20px;top:95px}.hero .card p{font-size:12px}.card h2{font-size:40px}}
.ch{scroll-margin-top:-100px}
/* Keep the destination composition readable when scrolling through its arrival. */
@media(max-width:900px){#ship .card{background:linear-gradient(180deg,#f7f4ed00,#f7f4edf2 36%)}.rail{max-width:calc(100vw - 30px)}}

.journey-restart{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:var(--cacao);font-size:11px;border-right:1px solid var(--line);padding-right:12px;min-height:24px}.journey-restart:hover{color:var(--espresso)}
@media(max-width:560px){.rail{gap:9px}.rail .t{font-size:10px}.journey-restart{font-size:11px;padding-right:9px}}
/* Atlas tiles are square. Render each tile on a square layer so wider cards
   crop the photograph instead of stretching its subject. */
.product-photo{position:relative;overflow:hidden;background-image:none!important;isolation:isolate}
.product-photo::before{content:'';position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%);background-image:url('assets/product-scenes.png');background-size:300% 200%;background-position:inherit;background-repeat:no-repeat;pointer-events:none}
.pc .img,.pc:nth-child(n+4) .img,.pc:last-child .img{aspect-ratio:4/3}
.pc:nth-child(n+4) .img{aspect-ratio:16/10}
.pc:nth-child(n+4) .product-photo::before{transform:translateY(-40%)}
.drawer .body>.product-photo{aspect-ratio:1}
@media(max-width:900px){.pc .img,.pc:nth-child(n+4) .img,.pc:last-child .img{aspect-ratio:4/3}.pc:nth-child(n+4) .product-photo::before{transform:translateY(-50%)}}
@media(max-width:560px){.pc .img,.pc:nth-child(n+4) .img,.pc:last-child .img{aspect-ratio:4/3}}
/* Editorial warehouse gallery: intrinsic image proportions, no stretching. */
.warehouse-gallery{margin-block:0 70px;padding-top:34px;border-top:1px solid var(--line);scroll-margin-top:115px}
.warehouse-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}
.warehouse-heading h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,3.5vw,48px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin-top:12px}
.warehouse-heading>p{max-width:370px;font-size:13px;line-height:1.9;color:var(--muted)}
.warehouse-images{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}
.warehouse-frame{margin:0;min-width:0}
.warehouse-frame img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px}
.warehouse-frame:nth-child(2){padding-top:56px}
.warehouse-frame figcaption{padding-top:20px;border-bottom:1px solid var(--line);padding-bottom:22px}
.warehouse-frame figcaption>span{font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cacao)}
.warehouse-frame h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:500;line-height:1.2;margin-top:9px}
.warehouse-frame figcaption p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}
.warehouse-note{margin-top:21px;font-size:10px;line-height:1.7;color:var(--muted)}
@media(max-width:900px){.warehouse-heading{display:block}.warehouse-heading>p{margin-top:18px;max-width:500px}.warehouse-images{gap:20px;grid-template-columns:1fr 1fr}.warehouse-frame:nth-child(2){padding-top:35px}.warehouse-frame h4{font-size:26px}}
@media(max-width:600px){.warehouse-images{grid-template-columns:1fr;gap:30px}.warehouse-frame:nth-child(2){padding-top:0}.warehouse-gallery{margin-bottom:50px}.warehouse-frame h4{font-size:29px}.warehouse-frame figcaption{padding-top:16px}.warehouse-heading{margin-bottom:25px}}
/* Reserve the fixed header's space even on short laptop displays. */
@media(min-width:901px){.ch{min-height:840px;padding-top:116px;padding-bottom:40px}}
.hero .hero-eyebrow{display:block;max-width:100%;line-height:1.8;overflow-wrap:normal}
body.admin-bar .hdr{top:32px}
@media(max-width:782px){body.admin-bar .hdr{top:46px}}
@media(max-width:600px){body.admin-bar .hdr{top:0}}