.onepage .header #nav,.onepage .header .menu{display:none}.onepage .header .header-shop{margin-left:auto}.chapter{scroll-margin-top:0}.chapter-opening{background:#141414;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:7vw}.chapter-opening h2{font-size:clamp(42px,5.6vw,86px);font-weight:400;letter-spacing:-.04em;margin:24px 0}.chapter-opening p{max-width:30em;color:#aaa;line-height:2}.chapter-opening img{width:100%;aspect-ratio:4/3;object-fit:cover}.chapter .module-section{padding-top:65px;padding-bottom:65px}.chapter .module-section>h2{font-size:clamp(26px,3vw,42px)}.chapter-note{padding:25px 7vw 65px;margin:0;line-height:2;font-size:13px;color:#777}.onepage footer{padding-bottom:150px}.chapter .module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.chapter .card-caption h3{font-size:23px}.chapter .card-caption p{font-size:13px}.chapter .care{padding-top:70px;padding-bottom:70px}.chapter .factory-top{display:none}.chapter .factory-story{padding-top:50px;padding-bottom:70px}/* A vertical chapter instrument: one line, seven tactile nodes. */
nav.chapter-dock{position:fixed;display:block;right:20px;left:auto;top:50%;bottom:auto;transform:translateY(-50%);width:44px;margin:0;padding:18px 0;z-index:100;touch-action:none;user-select:none;background:rgba(20,20,20,.78);border:1px solid #ffffff25;border-radius:28px;box-shadow:0 8px 35px #0002;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;transition:background .4s,box-shadow .4s}.dock-hint{position:absolute;top:-35px;right:0;white-space:nowrap;font-size:9px;letter-spacing:.12em;padding:7px 10px;background:#191919dd;border-radius:15px;color:#ccc;opacity:0;transform:translateY(5px);transition:.3s;pointer-events:none}.dock-rail{height:280px;position:relative;display:grid;grid-template-rows:repeat(7,1fr);cursor:grab;touch-action:none}.dock-rail:before{content:'';position:absolute;width:1px;top:20px;bottom:20px;left:50%;background:#ffffff32}.dock-marker{position:absolute;left:50%;top:calc(20px + var(--dock-pos,0)*240px);height:16px;width:16px;border:1px solid #fff9;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ffffff0a,0 0 16px #fff2;pointer-events:none;transition:width .3s,height .3s}.dock-rail button{position:relative;display:block;height:40px;width:100%;background:none;border:none;padding:0;color:#aaa;cursor:grab;touch-action:none}.dock-rail button:before{content:'';position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#858585;transform:translate(-50%,-50%);transition:width .35s,height .35s,background .35s,box-shadow .35s}.dock-rail button[aria-current=true]:before{width:8px;height:8px;background:#fff;box-shadow:0 0 12px #fff5}.dock-number,.dock-label{position:absolute;top:50%;opacity:0;transform:translate(7px,-50%);transition:opacity .3s,transform .4s;white-space:nowrap;pointer-events:none}.dock-number{right:calc(100% + 104px);font:10px ui-monospace,monospace;letter-spacing:.08em;color:#999;z-index:2}.dock-label{right:calc(100% + 9px);width:92px;text-align:right;font-size:12px;letter-spacing:.08em;background:rgba(20,20,20,.88);border:1px solid #ffffff20;border-radius:20px;padding:9px 12px 9px 33px;color:#fff;box-sizing:content-box;box-shadow:0 5px 20px #0001}.dock-rail button[aria-current=true] :is(.dock-label,.dock-number){opacity:1;transform:translate(0,-50%)}.dock-status{display:none}.chapter-dock:is(:hover,:focus-within,.is-dragging){background:#111;box-shadow:0 8px 40px #0004}.chapter-dock:is(:hover,:focus-within,.is-dragging) .dock-hint{opacity:1;transform:translateY(0)}.chapter-dock:is(:hover,:focus-within,.is-dragging) button :is(.dock-number,.dock-label){opacity:.55;transform:translate(0,-50%)}.chapter-dock:is(:hover,:focus-within,.is-dragging) button[aria-current=true] :is(.dock-number,.dock-label){opacity:1}.chapter-dock.is-dragging .dock-marker{width:22px;height:22px;box-shadow:0 0 0 7px #ffffff0a,0 0 24px #fff3}.chapter-dock.is-dragging :is(.dock-rail,button){cursor:grabbing}.dock-rail button:focus-visible{outline:1px solid #fff;border-radius:50%}.chapter-dock.is-inviting .dock-marker{animation:node-invite 2.6s ease-in-out 3}.chapter-dock.is-inviting .dock-hint{opacity:1;transform:none}@keyframes node-invite{0%,100%{box-shadow:0 0 0 2px #ffffff12}50%{box-shadow:0 0 0 9px #ffffff03,0 0 18px #ffffff25}}
@media(max-width:650px){.chapter-opening{grid-template-columns:1fr;padding:50px 7vw;gap:25px}.chapter-opening h2{font-size:43px}.chapter-opening p{font-size:14px}.chapter .module-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.chapter .card-caption h3{font-size:19px}.chapter .card-caption p{font-size:12px}.chapter .care{padding:50px 7vw}.onepage .arch-bottom{padding-bottom:30px}nav.chapter-dock{right:8px;width:34px;padding:12px 0}.dock-rail{height:280px}.dock-label{font-size:10px;width:75px;padding:8px 10px 8px 29px;right:calc(100% + 5px)}.dock-number{right:calc(100% + 83px);font-size:9px}.dock-hint{font-size:8px}.chapter-opening{padding-right:50px}.chapter-dock:not(:hover):not(:focus-within):not(.is-dragging) .dock-label{background:#171717ce}}
@media(prefers-reduced-motion:reduce){.chapter-dock *,.chapter-dock{animation:none!important;transition:none!important}}
/* Bare track; the current chapter lives inside its node. */
nav.chapter-dock,nav.chapter-dock:is(:hover,:focus-within,.is-dragging){background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}
.dock-rail:before{top:-22px;bottom:-22px;background:linear-gradient(to bottom,transparent,rgba(150,150,150,.65) 18%,rgba(150,150,150,.65) 82%,transparent)}
.dock-rail button[aria-current=true]:before{width:26px;height:26px;background:#202020;border:1px solid #aaa;box-shadow:0 2px 12px #0003}
.dock-initial{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;line-height:1;opacity:0;pointer-events:none;transition:opacity .25s}
.dock-rail button[aria-current=true] .dock-initial{opacity:1}
.dock-marker{width:32px;height:32px;border-color:#ffffff38;box-shadow:none}
.dock-rail button[aria-current=true] :is(.dock-label,.dock-number){opacity:0;transform:translate(7px,-50%)}
.chapter-dock:is(:hover,:focus-within,.is-dragging) button :is(.dock-label,.dock-number){opacity:0;transform:translate(7px,-50%)}
.chapter-dock.is-dragging button[aria-current=true] :is(.dock-label,.dock-number),.dock-rail button:focus-visible :is(.dock-label,.dock-number){opacity:1;transform:translate(0,-50%)}
.chapter-dock .dock-hint{display:none}
@media(hover:hover) and (pointer:fine){.chapter-dock:hover button[aria-current=true] :is(.dock-label,.dock-number){opacity:1;transform:translate(0,-50%)}}
.chapter-dock.is-dragging .dock-marker{width:38px;height:38px;box-shadow:0 0 0 4px #ffffff08}
/* Give the Yunnan collection a full-width photographic opening. */
#coffee>.chapter-opening{grid-template-columns:1fr;gap:34px;padding-bottom:5vw}
#coffee>.chapter-opening>div{display:grid;grid-template-columns:1fr 1fr;column-gap:5vw;align-items:end}
#coffee>.chapter-opening .module-label{grid-column:1/-1}
#coffee>.chapter-opening h2{margin-bottom:0}
#coffee>.chapter-opening p{margin-bottom:5px}
#coffee>.chapter-opening>img{aspect-ratio:4/3;object-fit:contain;max-height:850px;background:#171717}
@media(max-width:650px){#coffee>.chapter-opening>div{grid-template-columns:1fr}#coffee>.chapter-opening p{margin-top:20px}#coffee>.chapter-opening{padding-right:7vw;gap:24px;padding-bottom:35px}}
/* Original transparent packshots, never redrawn or stretched. */
.real-coffee-range{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 0;padding:50px 24px 25px;background:radial-gradient(ellipse at 50% 35%,#353535 0,#1e1e1e 55%,#151515 100%);isolation:isolate;position:relative;overflow:hidden}
.real-coffee-range:before,.real-coffee-range:after{content:'';position:absolute;left:2%;right:2%;height:1px;background:linear-gradient(90deg,transparent,#ffffff25,transparent);z-index:-1}.real-coffee-range:before{top:49%}.real-coffee-range:after{bottom:25px}
.real-coffee-range figure{margin:0;min-width:0;position:relative;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.real-coffee-range img{display:block;width:100%;height:auto;aspect-ratio:455/510;object-fit:contain;filter:drop-shadow(0 14px 12px #0007)}
.real-coffee-range figcaption{text-align:center;color:#aaa;font-size:11px;letter-spacing:.18em;margin-top:15px}
@media(hover:hover){.real-coffee-range figure:hover{transform:translateY(-8px)}}
@media(max-width:650px){.real-coffee-range{grid-template-columns:repeat(5,minmax(0,1fr));padding:26px 5px 20px;gap:22px 0;margin-left:-3vw;margin-right:-3vw}.real-coffee-range figcaption{font-size:9px;letter-spacing:0;margin-top:9px}.real-coffee-range img{filter:drop-shadow(0 6px 4px #0007)}}
#coffee>.chapter-opening>.real-coffee-range{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:0;row-gap:30px;align-items:end}
@media(max-width:650px){#coffee>.chapter-opening>.real-coffee-range{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 0}}