.pad-coffee-feature{position:relative;background:#eee8de;color:var(--pad-green);isolation:isolate;overflow-anchor:none}
.pad-coffee-scene{position:relative;min-height:600px;height:min(880px,calc(100svh - var(--pad-header-height)));max-width:1440px;margin-inline:auto;overflow:hidden;display:grid;grid-template-columns:55% 45%;grid-template-rows:minmax(0,1fr);align-items:center}
.pad-coffee-label{position:absolute;z-index:2;top:36px;left:var(--pad-gutter)}
.pad-cup-stage{position:relative;align-self:start;min-width:0;min-height:0;width:100%;height:100%;grid-column:1/-1;grid-row:1}
.pad-cup-viewer{display:none;width:100%;height:100%;min-height:0;background:#eee8de;cursor:grab;touch-action:pan-y}
.pad-cup-stage[data-ready] .pad-cup-viewer{display:block}
.pad-cup-fallback{display:block;width:100%;height:100%;object-fit:contain;padding:64px 32px;width:60%}
.pad-cup-stage[data-ready] .pad-cup-fallback{display:none}
.pad-cup-viewer[data-dragging]{cursor:grabbing}
.pad-cup-viewer:focus-visible{outline:3px solid var(--pad-green);outline-offset:-6px}
.pad-coffee-copy{position:relative;z-index:1;grid-column:2;grid-row:1;padding:64px var(--pad-gutter) 48px 0;max-width:600px;min-width:0;transform:translateY(var(--cup-copy-travel,0px));clip-path:inset(0 0 var(--cup-copy-clip,0%) 0)}
.pad-coffee-copy h2{font-family:var(--pad-display);font-size:clamp(32px,4vw,64px);line-height:1.06;letter-spacing:-.035em;max-width:10ch;overflow-wrap:anywhere}
.pad-coffee-copy>p{font-size:clamp(17px,1.4vw,21px);line-height:1.6;margin-top:28px;max-width:32ch}
.pad-coffee-copy .pad-button{margin-top:28px}
.pad-coffee-feature[data-reveal-active]{height:min(190svh,1680px)}
.pad-coffee-feature[data-reveal-active] .pad-coffee-scene{position:sticky;top:var(--pad-header-height);min-height:0}
@media(max-width:749px){.pad-coffee-scene{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:440px auto}.pad-coffee-label{top:24px}.pad-cup-stage{grid-column:1;grid-row:1}.pad-coffee-copy{grid-column:1;grid-row:2;padding:0 24px 48px;max-width:600px}.pad-coffee-copy h2{font-size:clamp(30px,8vw,42px);max-width:14ch}.pad-coffee-copy>p{font-size:17px;margin-top:18px}.pad-coffee-copy .pad-button{margin-top:20px}.pad-coffee-feature[data-reveal-active]{height:170svh}.pad-coffee-feature[data-reveal-active] .pad-coffee-scene{height:calc(100svh - var(--pad-header-height));grid-template-rows:54% 46%}.pad-coffee-feature[data-reveal-active] .pad-coffee-copy{padding-bottom:20px;align-self:start}.pad-cup-fallback{padding:64px 24px 24px;width:100%}}
@media(prefers-reduced-motion:reduce){.pad-cup-stage,.pad-coffee-copy{transform:none!important;clip-path:none!important}}