.origins-visual{height:490px}.origins-visual img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease}.origins-visual img.is-active{opacity:1}.origins-visual figcaption{z-index:1}
.roast-enhanced .roast-media{transform:translateX(var(--roast-shift,0%));mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
@media(max-width:800px){.roast-enhanced .roast-media{transform:none;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.roast-enhanced .roast-media img,.roast-enhanced .roast-media video{position:absolute;left:-25%;width:150%;height:100%}}
.roast-story{background:#04251f;position:relative}.roast-stage{position:relative;overflow:hidden;min-height:700px;padding:90px 7.7%}.roast-top{display:flex;align-items:start;justify-content:space-between;gap:20px;position:relative;z-index:2}.roast-top .eyebrow{color:var(--gold)}.roast-top a{font-size:14px;color:var(--muted)}.roast-media{position:relative;aspect-ratio:16/9}.roast-media img,.roast-media video{width:100%;height:100%;object-fit:contain}.roast-media video{position:absolute;inset:0;opacity:0}.roast-copies article{padding:28px 0;max-width:450px}.roast-copies h2,.roast-copies h3{font:400 clamp(38px,4.6vw,70px)/1.04 var(--serif);letter-spacing:-.025em}.roast-copies p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);max-width:365px;margin-top:22px}.roast-copies .eyebrow{color:var(--gold);margin-bottom:16px}.roast-copies .text-link{margin-top:28px}.roast-bottom{display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:12px;line-height:1.5}.roast-bottom>span{display:none}.roast-bottom p{max-width:320px}.roast-progress{display:none}
.roast-enhanced{height:700svh}.roast-enhanced .roast-stage{position:sticky;top:0;height:100svh;min-height:600px;padding:44px 7.7%}.roast-enhanced .roast-media{position:absolute;inset:0;aspect-ratio:auto}.roast-enhanced .roast-media img,.roast-enhanced .roast-media video{object-fit:contain}.roast-enhanced .roast-copies{position:absolute;z-index:1;left:7.7%;top:50%;transform:translateY(-45%);width:34%}.roast-enhanced .roast-copies article{padding:0;display:none}.roast-enhanced .roast-copies article.is-active{display:block;animation:origin-appear .35s ease-out}.roast-enhanced .roast-bottom{position:absolute;left:7.7%;right:7.7%;bottom:32px}.roast-enhanced .roast-bottom>span{display:block}.roast-enhanced .roast-progress{display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#c6a26920}.roast-progress i{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.barista{background:var(--ink)}.barista .section-heading>p:last-child{color:var(--muted)}.barista-scene{position:relative;aspect-ratio:1344/752;background:var(--deep);isolation:isolate}.barista-scene>img,.barista-scene>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.barista-scene>video{opacity:0}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:1px solid #f0d29b;border-radius:50%;background:#06392fe6;color:#fff0d3;width:52px;height:52px;cursor:pointer;box-shadow:0 0 0 7px #06392f40;font-size:14px;transition:background .2s,box-shadow .2s}.hotspot:hover{background:#c6a269;color:#04251f;box-shadow:0 0 0 11px #c6a26930}.hotspot:disabled{opacity:.4;cursor:wait}.hotspot[hidden]{display:none}.barista-controls{display:flex;justify-content:space-between;gap:28px;padding:28px 0;min-height:125px;align-items:start}.barista-controls .eyebrow{color:var(--gold);margin-bottom:12px;font-size:12px}.barista-controls p:last-child{font-size:16px;line-height:1.6}.barista-restart{background:none;border:0;border-bottom:1px solid var(--gold);color:var(--muted);padding:7px 0;white-space:nowrap;font-size:14px;cursor:pointer}.barista-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;color:var(--muted);font-size:12px}.barista-steps li{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:14px}.barista-steps span{font-size:14px}.barista-steps li[aria-current]{color:var(--gold);border-color:var(--gold)}.barista-steps li.is-done{color:var(--paper)}.no-script-note{position:absolute;bottom:0;background:#04251fcc;padding:15px;width:100%;font-size:14px}
@media(max-width:800px){.origins-visual{height:290px}.roast-enhanced .roast-stage{min-height:670px;padding:32px 7%}.roast-top .eyebrow{font-size:11px;max-width:160px;line-height:1.6}.roast-top a{font-size:12px}.roast-enhanced .roast-media{top:8%;bottom:auto;height:48%}.roast-enhanced .roast-media img,.roast-enhanced .roast-media video{object-fit:contain}.roast-enhanced .roast-copies{top:auto;bottom:85px;left:7%;width:86%;transform:none}.roast-copies h2,.roast-copies h3{font-size:40px}.roast-copies p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:460px;margin-top:14px}.roast-enhanced .roast-bottom{bottom:23px;left:7%;right:7%}.roast-bottom p{max-width:190px;font-size:10px}.roast-bottom>span{max-width:120px;font-size:11px}.barista-controls{gap:15px;padding:24px 0;min-height:140px}.barista-controls p:last-child{font-size:14px}.barista-restart{font-size:12px}.hotspot{width:44px;height:44px;font-size:12px;box-shadow:0 0 0 4px #06392f50}.barista-steps{gap:12px}.barista-steps li{gap:7px}.barista-steps span{font-size:12px}.barista-scene{margin:0 -4%;}.roast-stage{padding:65px 7%}}
@media(prefers-reduced-motion:reduce){.origins-visual img{transition:none}.hotspot{transition:none}}