/* Approved scroll collection; scoped to coffee. */
.cf-scroll-scene{height:320svh;position:relative}.cf-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 50%,#242424 0,#111 65%)}.cf-topline{position:absolute;top:5vh;left:6vw;right:6vw;display:flex;justify-content:space-between;color:#999;font:10px monospace;letter-spacing:.15em;z-index:5}.cf-topline span:last-child{color:#666}.cf-copy{position:absolute;left:6vw;top:50%;width:88vw;transform:translateY(-50%);z-index:4;pointer-events:none;will-change:transform}.cf-kicker{font-size:11px;color:#999;letter-spacing:.25em;margin:0 0 24px}.cf-copy h1{font-family:"Songti SC",serif;font-size:clamp(70px,10vw,148px);font-weight:400;letter-spacing:.055em;line-height:1.15;margin:0}.cf-copy .cf-lead{font-family:"Songti SC",serif;font-size:clamp(19px,2vw,28px);line-height:1.8;letter-spacing:.08em;color:#ccc;margin-top:30px}.cf-copy .cf-detail{font-size:13px;line-height:2;color:#999;margin-top:26px;max-width:25em}.cf-gather{position:absolute;left:43%;width:52%;height:60%;top:22%;z-index:2;perspective:1200px}.cf-bag{position:absolute;width:29%;aspect-ratio:455/510;will-change:transform,opacity;transform-origin:50% 75%;filter:drop-shadow(0 18px 14px #0005)}.cf-bag img{width:100%;height:100%;object-fit:contain;display:block}.cf-ground{position:absolute;left:35%;right:0;bottom:20%;height:9%;background:radial-gradient(ellipse,#0008,transparent 70%);filter:blur(12px);opacity:0}.cf-scene-foot{position:absolute;bottom:8vh;left:6vw;right:6vw;border-top:1px solid #ffffff24;padding-top:22px;display:flex;justify-content:space-between;align-items:center;z-index:4}.cf-scene-foot .cf-range{font-size:11px;color:#aaa;letter-spacing:.1em}.cf-scene-foot .cf-origin{font:10px monospace;color:#777;letter-spacing:.1em}.cf-scroll-cue{position:absolute;left:6vw;bottom:17vh;display:flex;align-items:center;gap:15px;font-size:10px;color:#999;letter-spacing:.14em}.cf-cue-line{width:1px;height:35px;background:linear-gradient(transparent,#ccc);animation:cue 1.8s ease-in-out infinite}@keyframes cue{50%{transform:translateY(8px);opacity:.3}}.cf-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ffffff10}.cf-progress i{height:100%;display:block;background:#aaa;width:0}.cf-after{background:#efefed;color:#171717;padding:70px 7vw}.cf-after small{font:10px monospace;color:#777;letter-spacing:.15em}.cf-after h2{font:400 34px "Songti SC",serif;line-height:1.5}.cf-types{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.cf-types>div{border-top:1px solid #bbb;padding-top:20px}.cf-types h3{font-size:18px;font-weight:400}.cf-types p{font-size:12px;color:#777;line-height:1.9}.cf-back{display:inline-block;margin-top:25px;font-size:11px;color:#777;text-decoration:none;border-bottom:1px solid #aaa;padding-bottom:8px}
@media(max-width:650px){.cf-scroll-scene{height:300svh}.cf-topline{top:4vh;font-size:8px}.cf-topline span:last-child{display:none}.cf-copy{left:7vw;width:86vw;top:36%}.cf-copy h1{font-size:66px}.cf-copy .cf-lead{font-size:18px;margin-top:22px}.cf-copy .cf-detail{font-size:11px;margin-top:17px;max-width:28em}.cf-kicker{font-size:9px;margin-bottom:18px}.cf-gather{left:3%;width:94%;height:38%;top:45%}.cf-bag{width:28%}.cf-ground{left:5%;bottom:18%;height:8%}.cf-scene-foot{bottom:6vh;padding-top:17px}.cf-scene-foot .cf-range{font-size:9px;letter-spacing:0}.cf-scene-foot .cf-origin{font-size:8px}.cf-scroll-cue{bottom:15vh;font-size:9px}.cf-types{grid-template-columns:1fr;gap:12px}.cf-after{padding:50px 7vw}.cf-after h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.cf-cue-line{animation:none}}

#coffee .cf-copy h1{color:#eee}#coffee .cf-copy p{font-weight:400}#coffee .cf-stage{color:#eee}#coffee .cf-bag picture{display:block;width:100%;height:100%}