#coffee .cf-copy h1{font-size:clamp(65px,8.7vw,130px);letter-spacing:.015em}#coffee .cf-range a{color:inherit;text-decoration:none;border-bottom:1px solid #777;padding-bottom:3px}.retail-choices{background:#f0f0ed;padding:75px 7vw 50px;color:#171717}.retail-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;align-items:end;margin-bottom:40px}.retail-heading>span{grid-column:1/-1;font:10px monospace;letter-spacing:.15em;color:#777}.retail-heading h2{font-family:"Songti SC",serif;font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1.3;margin:0}.retail-heading>p{margin:0;color:#777;font-size:13px;line-height:1.9}.retail-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}.retail-pair article{min-width:0;scroll-margin-top:25px}.retail-photo{aspect-ratio:4/3;overflow:hidden;background:#dededc}.retail-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.retail-pair article:hover img{transform:scale(1.025)}.retail-caption{padding-top:22px}.retail-caption>span{font:10px monospace;letter-spacing:.08em;color:#777}.retail-caption h3{font-size:25px;font-weight:400;margin:12px 0}.retail-caption p{color:#777;line-height:1.9;font-size:13px}.retail-caption a,.retail-single-link{display:inline-block;color:#333;font-size:12px;border-bottom:1px solid #999;text-decoration:none;padding:8px 0}.retail-single-link{margin-top:35px}.retail-care{margin:0;background:#e4e4e1;padding:25px 7vw;display:flex;gap:28px;align-items:center;color:#222}.retail-care>img{width:130px;height:105px;object-fit:cover;flex-shrink:0}.retail-care>div>span{font-size:9px;letter-spacing:.1em;color:#777}.retail-care h3{font-size:20px;font-weight:400;margin:10px 0}.retail-care p{font-size:12px;color:#777;line-height:1.8;margin:0}.retail-care>a{margin-left:auto;font-size:11px;color:#555;text-decoration:none;white-space:nowrap;border-bottom:1px solid #999;padding:8px 0}
@media(max-width:650px){#coffee .cf-copy h1{font-size:49px}.retail-choices{padding:50px 7vw 35px}.retail-heading{grid-template-columns:1fr;gap:16px}.retail-heading h2{font-size:33px}.retail-heading p{font-size:12px}.retail-pair{gap:37px;grid-template-columns:1fr}.retail-caption h3{font-size:24px}.retail-care{padding:24px 7vw;gap:16px;flex-wrap:wrap}.retail-care>img{width:85px;height:95px}.retail-care>div{flex:1;min-width:170px}.retail-care h3{font-size:16px;line-height:1.5}.retail-care p{font-size:11px}.retail-care>a{margin-left:0;font-size:10px}}
@media(prefers-reduced-motion:reduce){.retail-photo img{transition:none}}
.retail-stories{display:grid;gap:70px}.retail-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:5vw;align-items:center;scroll-margin-top:24px}.retail-whole{margin:0;overflow:hidden;background:#202020}.retail-whole>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.retail-eyebrow{font:10px monospace;color:#777;letter-spacing:.13em}.retail-usage>h3{font-family:"Songti SC",serif;font-size:clamp(32px,3.4vw,48px);font-weight:400;margin:22px 0}.retail-intro{font-size:13px;line-height:2;color:#777}.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 18px}.usage-tile{min-width:0;border-top:1px solid #b9b9b6;padding-top:12px;color:#333}.usage-tile>span{font:9px monospace;color:#999}.usage-tile svg{display:block;width:100%;height:auto;aspect-ratio:240/190;margin:5px 0;overflow:visible}.usage-tile h4{font-size:12px;font-weight:500;margin:12px 0 7px}.usage-tile p{font-size:10px;line-height:1.8;color:#888;margin:0}.retail-usage>a{display:inline-block;color:#333;border-bottom:1px solid #999;text-decoration:none;font-size:12px;padding:10px 0}.grind-note{display:block;font-size:10px;color:#999;line-height:1.8;margin-top:16px}.scene-steam{animation:steam-rise 3.2s ease-in-out infinite}.usage-tile:nth-child(2) .scene-steam{animation-delay:-1s}.usage-tile:nth-child(3) .scene-steam{animation-delay:-2s}.scene-drop{stroke-dasharray:3 5;animation:brew-flow 1.6s linear infinite}@keyframes steam-rise{0%,100%{opacity:.2;transform:translateY(3px)}50%{opacity:.7;transform:translateY(-4px)}}@keyframes brew-flow{to{stroke-dashoffset:-16}}
@media(max-width:850px){.retail-story{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:30px}.usage-grid{gap:10px}.usage-tile p{font-size:9px}}
@media(max-width:600px){.retail-stories{gap:55px}.retail-story{grid-template-columns:1fr;gap:28px}.retail-whole{max-width:320px;width:100%;margin:0 auto}.retail-usage>h3{font-size:34px;margin:16px 0}.retail-intro{font-size:12px}.usage-grid{margin-top:25px;gap:12px}.usage-tile h4{font-size:11px}.usage-tile p{font-size:9px}.grind-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scene-steam,.scene-drop{animation:none}}
/* Original paired cards; product and quiet icon rail share one visual frame. */
.retail-composite{display:grid;grid-template-columns:minmax(0,1fr) 23%;aspect-ratio:1/1;background:#202020;overflow:hidden;align-items:stretch}
.retail-composite>.retail-pack{width:100%;height:100%;min-height:0;object-fit:contain;display:block;background:#202020}
.retail-icon-rail{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));padding:9px 10px;background:linear-gradient(90deg,#222,#292929);color:#bcbcbc;min-height:0}
.rail-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;position:relative;padding:5px 0}.rail-icon+.rail-icon:before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:#ffffff12}.rail-icon svg{width:100%;max-width:96px;height:auto;max-height:78%;stroke-width:1.8;opacity:.76}.rail-icon>span{font-size:9px;letter-spacing:.08em;color:#999;margin-top:2px}.retail-pair article{min-width:0;scroll-margin-top:20px}
@media(max-width:650px){.retail-composite{grid-template-columns:minmax(0,1fr) 23%}.retail-icon-rail{padding:6px}.rail-icon>span{font-size:9px}.retail-pair{grid-template-columns:1fr;gap:38px}}
/* No letterboxed inset: exact portrait-to-square geometry, shared charcoal field. */
.retail-composite{grid-template-columns:minmax(0,4fr) 1fr;background:#222;position:relative}
.retail-composite>.retail-pack{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:transparent;mask-image:linear-gradient(90deg,#000 0,#000 97%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 97%,transparent 100%)}
.retail-icon-rail{background:transparent;padding:12px 8px;color:#d1d1d1}.rail-icon+.rail-icon:before{display:none}.rail-icon svg{max-width:105px;opacity:.35;transition:opacity .6s,transform .6s}.rail-icon>span{opacity:.55;transition:opacity .6s}
.rail-icon.is-playing svg,.rail-icon:hover svg{opacity:1;transform:translateY(-2px)}.rail-icon.is-playing>span,.rail-icon:hover>span{opacity:1;color:#ddd}.rail-icon{cursor:default}
.rail-icon .scene-steam,.rail-icon .scene-drop{animation-play-state:paused}.rail-icon.is-playing .scene-steam,.rail-icon:hover .scene-steam{animation:visible-steam 2s ease-out infinite}.rail-icon.is-playing .scene-drop,.rail-icon:hover .scene-drop{stroke-width:2.8;stroke-dasharray:4 6;animation:brew-flow .65s linear infinite}
.liquid-rise{transform-box:fill-box;transform-origin:center bottom;transform:scaleY(.1);opacity:.3}.is-playing .liquid-rise,.rail-icon:hover .liquid-rise{animation:fill-coffee 3.8s ease-in-out infinite}.is-playing .device-light{animation:ready-light 1s ease-in-out infinite}.is-playing .heat-wave{animation:heat-cycle 1.2s ease-in-out infinite}.is-playing .screen-lines{stroke-dasharray:80;animation:screen-write 3.8s ease-in-out infinite}.is-playing .travel-cloud{animation:travel-pass 3.8s ease-in-out infinite}
.single-origin-cta{display:inline-block;pointer-events:auto;color:#ddd;border-bottom:1px solid #777;padding:12px 0 7px;margin-top:10px;font-size:15px;letter-spacing:.06em;text-decoration:none}
@keyframes visible-steam{0%{opacity:0;transform:translateY(7px)}30%{opacity:.9}100%{opacity:0;transform:translateY(-13px)}}@keyframes fill-coffee{0%,10%{transform:scaleY(.1);opacity:.3}70%,90%{transform:scaleY(1);opacity:.8}100%{transform:scaleY(.1);opacity:.2}}@keyframes ready-light{50%{opacity:.25}}@keyframes heat-cycle{0%,100%{opacity:.2;transform:translateY(2px)}50%{opacity:.9;transform:translateY(-2px)}}@keyframes screen-write{0%{stroke-dashoffset:80}80%,100%{stroke-dashoffset:0}}@keyframes travel-pass{0%{opacity:0;transform:translateX(12px)}30%,70%{opacity:.8}100%{opacity:0;transform:translateX(-20px)}}
@media(max-width:650px){.retail-composite{grid-template-columns:minmax(0,4fr) 1fr}.single-origin-cta{font-size:13px}}
@media(prefers-reduced-motion:reduce){.rail-icon *{animation:none!important}.rail-icon svg{opacity:.8}}
.rail-icon[role=button]{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rail-icon[role=button]:focus-visible{outline:1px solid #aaa;outline-offset:-3px;border-radius:8px}.rail-icon[role=button]:active{background:#ffffff08}
@media(hover:none){.rail-icon:hover svg{opacity:.35;transform:none}.rail-icon.is-playing svg{opacity:1;transform:translateY(-2px)}.rail-icon:hover>span{opacity:.55}.rail-icon.is-playing>span{opacity:1}}
/* Always-on environmental motion; no selector states or button affordances. */
.rail-icon,.rail-icon[role=button]{cursor:default;pointer-events:none}.rail-icon svg,.rail-icon:hover svg,.rail-icon.is-playing svg{opacity:.8;transform:none;max-width:none;width:100%;max-height:83%;aspect-ratio:1/1}.rail-icon>span,.rail-icon:hover>span{opacity:1;color:#aaa;font-size:9px;margin-top:6px}.retail-icon-rail{padding:10px 7px;gap:9px}.rail-icon{padding:5px 0}.ambient-stream{stroke-dasharray:7 5;animation:ambient-flow .7s linear infinite}.ambient-fill{transform-box:fill-box;transform-origin:bottom;animation:ambient-cup 5s ease-in-out infinite}.ambient-steam{animation:ambient-vapor 2.7s ease-out infinite;stroke-width:1.8}.ambient-kettle{transform-origin:75px 28px;animation:ambient-tilt 4s ease-in-out infinite}.ambient-pour{stroke-dasharray:9 4;animation:ambient-flow .6s linear infinite}.ambient-heat{animation:ambient-warm 1.4s ease-in-out infinite}.ambient-mountains{animation:ambient-view 7s linear infinite}.ambient-typing{stroke-dasharray:45;animation:ambient-type 4s ease-in-out infinite}.rail-icon:nth-child(2) .ambient-steam{animation-delay:-1.3s}.rail-icon:nth-child(3) .ambient-steam{animation-delay:-.7s}.rail-icon:nth-child(3) .ambient-fill{animation-delay:-2s}
@keyframes ambient-flow{to{stroke-dashoffset:-24}}@keyframes ambient-cup{0%,10%{transform:scaleY(.08);opacity:.25}70%,85%{transform:scaleY(1);opacity:.65}100%{transform:scaleY(.08);opacity:.25}}@keyframes ambient-vapor{0%{opacity:0;transform:translateY(9px)}30%{opacity:.9}100%{opacity:0;transform:translateY(-14px)}}@keyframes ambient-tilt{0%,100%{transform:rotate(0)}30%,75%{transform:rotate(-8deg)}}@keyframes ambient-warm{50%{opacity:.2;transform:translateY(-3px)}}@keyframes ambient-view{from{transform:translateX(0)}to{transform:translateX(-74px)}}@keyframes ambient-type{0%{stroke-dashoffset:45}70%,100%{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.ambient-scene *{animation:none!important}}