.navigation{position:fixed}
.coffee-opening{height:205svh;position:relative;background:var(--ivory)}
.coffee-opening-sticky{height:100svh;min-height:580px;position:sticky;top:0;overflow:hidden}
.opening-meta{position:absolute;top:146px;left:max(5%,calc((100% - 1152px)/2));right:max(5%,calc((100% - 1152px)/2));display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em}
.coffee-assembly{position:absolute;left:50%;top:47%;width:clamp(340px,38vw,480px);height:auto;transform:translate(-50%,-50%);overflow:visible;color:#236487;filter:none}
.coffee-ring-trace{stroke-dasharray:1;stroke-dashoffset:1}
.coffee-k-reveal,.coffee-wordmark{opacity:0}
.coffee-logo-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.opening-bottom{position:absolute;bottom:65px;left:max(5%,calc((100% - 1152px)/2));right:max(5%,calc((100% - 1152px)/2));display:flex;justify-content:space-between;align-items:end}
.opening-bottom>p{font-size:15px;line-height:1.6}
.opening-progress{position:absolute;bottom:30px;width:110px;left:calc(50% - 55px);height:1px;background:#23648720}
.opening-progress span{display:block;height:1px;background:#236487;transform:scaleX(0);transform-origin:left}
@media(max-width:900px){.coffee-assembly{width:360px}}
@media(max-width:700px){.coffee-opening{height:190svh}.coffee-opening-sticky{min-height:540px}.opening-meta{top:115px;left:24px;right:24px;font-size:9px;letter-spacing:.1em}.coffee-assembly{width:min(96vw,360px);top:44%}.opening-bottom{left:24px;right:24px;bottom:58px;gap:22px}.opening-bottom>p{font-size:12px}.opening-bottom .text-link{font-size:12px;gap:12px}.opening-progress{bottom:25px}}
@media(max-height:700px) and (min-width:701px){.coffee-assembly{width:320px;top:43%}.opening-meta{top:125px}.opening-bottom{bottom:44px}}
@media(prefers-reduced-motion:reduce){.coffee-opening{height:100svh;min-height:600px}.coffee-opening-sticky{position:relative}.opening-progress{display:none}}
@media(max-height:560px){.coffee-opening-sticky{min-height:500px}.coffee-opening{min-height:650px}.opening-meta{top:110px}.coffee-assembly{width:270px;top:44%}.opening-bottom{bottom:35px}.opening-bottom>p{font-size:12px}.opening-progress{bottom:18px}}

/* Coffee brand stays on the approved ivory/azure palette in both navigation themes. */
.coffee-opening{background:#F2EFE7;color:#236487}

/* Mineral finish surrounds the unchanged origin carousel. */
.coffee-page .coffee-opening{background:#f2efe7;background-image:var(--kb-mineral-ended);}
.coffee-page .coffee-mineral-content{background:#f2efe7;background-image:var(--kb-mineral-ended);display:flow-root;}