.coffee-scene{--scene-progress:0;--scene-strength:.35;position:relative;isolation:isolate;overflow:hidden;width:100%;min-width:0;aspect-ratio:1;background:#e9dfd1;color:#291c17}
.coffee-scene-surface{position:absolute;inset:0;background:radial-gradient(ellipse at 26% 15%,#f8f1e7 0%,#eee4d6 40%,#d9c9b6 83%,#c9b298 130%)}
.coffee-scene-surface::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(109deg,transparent 0 2px,#826c4a08 2px 3px);opacity:.38}
.coffee-scene-daylight{position:absolute;inset:0;background:linear-gradient(126deg,transparent 22%,#fffdf780 23%,#fffaf124 34%,transparent 36%,transparent 54%,#7354350f 56%,transparent 69%);pointer-events:none;opacity:.64}
.coffee-scene-atmosphere{position:absolute;inset:0;z-index:1;opacity:1;transform-origin:50% 53%;pointer-events:none}
.coffee-scene-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.coffee-scene-pool{position:absolute;z-index:2;left:27%;bottom:12%;width:49%;height:8%;border-radius:50%;background:radial-gradient(ellipse,#29170c45,transparent 69%);filter:blur(10px);transform:rotate(-8deg)}
.coffee-scene-subject{position:absolute;z-index:3;left:28%;top:10%;width:44%;height:79%;display:flex;align-items:center;justify-content:center}
.coffee-scene-main,.coffee-scene-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.coffee-scene [hidden]{display:none}
.coffee-scene-pouch-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(14px 24px 16px #3c241c29)}
.coffee-scene .pouch-stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:transparent;overflow:visible;isolation:auto}
.coffee-scene .vp-pouch-stage::after{display:none}
.coffee-scene .vp-pouch-sprite{width:100%;height:auto;transform:rotate(-2deg);filter:drop-shadow(13px 20px 12px #301d122b)}
.coffee-scene--motion .coffee-scene-atmosphere{transform:translate3d(0,calc(18px * var(--scene-strength) * var(--scene-progress)),0) scale(calc(1 - .4 * var(--scene-strength) * var(--scene-progress)));opacity:calc(1 - .84 * var(--scene-progress));filter:blur(calc(1.4px * var(--scene-strength) * var(--scene-progress)));will-change:transform,opacity}
.coffee-scene--offscreen .coffee-scene-atmosphere{will-change:auto}
.coffee-scene--art-unavailable .coffee-scene-atmosphere{display:none}
.product-information .coffee-details{margin-top:18px;border-top:1px solid #b6a59680}
.coffee-details summary{cursor:pointer;padding-block:17px;font-size:16px;letter-spacing:.025em}
.coffee-details summary:focus-visible{outline:2px solid #725b4a;outline-offset:4px}
.coffee-detail-list{margin:0;padding:0 0 17px}
.coffee-detail-list>div{display:grid;grid-template-columns:minmax(105px,.42fr) 1fr;gap:18px;padding-block:9px;font-size:13px;line-height:1.65}
.coffee-detail-list dt{font-weight:500;color:#725b4a}
.coffee-detail-list dd{margin:0;overflow-wrap:anywhere}
@media(max-width:760px){.coffee-scene{height:auto;max-height:none;aspect-ratio:1}.coffee-scene .vp-pouch-sprite{filter:drop-shadow(9px 16px 10px #301d122b)}.coffee-detail-list>div{grid-template-columns:minmax(100px,.4fr) 1fr;gap:14px}}
@media(prefers-reduced-motion:reduce){.coffee-scene--motion .coffee-scene-atmosphere{transform:none;opacity:1;filter:none;will-change:auto}}