.coffee-hero{position:relative}.coffee-hero__stage{align-items:center;gap:2.5rem;min-height:min(80svh,720px);padding-block:3.5rem;display:grid}.coffee-hero__copy{flex-direction:column;align-items:flex-start;gap:1.5rem;min-width:0;display:flex}.coffee-hero__anchor{min-width:0}.coffee-hero[data-scroll-scene=true]{height:calc(var(--hero-pin-height) + var(--hero-scroll-distance))}.coffee-hero[data-scroll-scene=true] .coffee-hero__pin{top:var(--hero-header-height);height:var(--hero-pin-height);background:var(--color-cream-deep);position:sticky;overflow:clip}.coffee-hero[data-scroll-scene=true] .coffee-hero__stage{grid-template-rows:auto minmax(0,1fr);gap:clamp(1rem,3svh,2rem);height:100%;min-height:0;padding-block:clamp(1rem,3svh,2.5rem);position:relative}.coffee-hero[data-scroll-scene=true] .coffee-hero__copy{will-change:opacity, transform;gap:clamp(.625rem,1.5svh,1.125rem)}.coffee-hero[data-scroll-scene=true] .coffee-hero__anchor{align-self:stretch;min-height:0}.coffee-hero[data-scroll-scene=true] .coffee-cup-viewer{width:var(--hero-canvas-size);transform-origin:0 0;will-change:transform;pointer-events:none;max-width:none;margin:0;position:absolute;top:0;left:0}.coffee-hero[data-scroll-scene=true] .coffee-cup-viewer canvas{pointer-events:none}@media not (min-width:64rem){.coffee-hero[data-scroll-scene=true] .coffee-hero__copy h1{font-size:clamp(2rem,9vw,2.75rem)}.coffee-hero[data-scroll-scene=true] .coffee-hero__copy .eyebrow{font-size:.875rem}.coffee-hero[data-scroll-scene=true] .coffee-hero__body{font-size:.9375rem;line-height:1.5}.coffee-hero[data-scroll-scene=true] .coffee-hero__actions{gap:.5rem}.coffee-hero[data-scroll-scene=true] .coffee-hero__actions a{height:2.75rem;padding-inline:1rem;font-size:.8125rem}}@media (min-width:64rem){.coffee-hero__stage{grid-template-columns:repeat(12,minmax(0,1fr));padding-block:5rem}.coffee-hero__copy{grid-column:span 7}.coffee-hero__anchor{grid-column:span 5}.coffee-hero[data-scroll-scene=true] .coffee-hero__stage{grid-template-rows:minmax(0,1fr)}}@media print{.coffee-hero[data-scroll-scene=true]{height:auto}.coffee-hero[data-scroll-scene=true] .coffee-hero__pin{height:auto;position:static;overflow:visible}.coffee-hero[data-scroll-scene=true] .coffee-hero__copy{opacity:1!important;transform:none!important}.coffee-hero[data-scroll-scene=true] .coffee-cup-viewer{display:none}}