[data-module=coffee]{--bg:#1a1008;--bg-deep:#100804;--surface:#26170d;--surface-2:#33200f;--line:#5c3b21;--line-soft:#442a17;--ink:#f7ecdc;--ink-muted:#d8c0a2;--ink-faint:#ab8d6c;--accent:#e9a94f;--accent-soft:#4b2f13;--accent-ink:#1d1206;--highlight:#ffd694;--on-accent:#1d1206;--paper:#f4e6d0;--paper-ink:#2a1a0d;--aurora-1:#6b3418;--aurora-2:#b9743a;--aurora-3:#e8b06a;--aura-alpha:0.4}.m-coffee-hero,.m-coffee-root{position:relative}.m-coffee-hero{display:grid;gap:1.75rem;align-items:center}@media (min-width:900px){.m-coffee-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.m-coffee-kicker{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}.m-coffee-kicker:before{content:"";width:1.75rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}.m-coffee-lead{margin:.75rem 0 0;max-width:34rem;font-size:.9375rem;line-height:1.75;color:var(--ink-muted)}.m-coffee-stage{position:relative;display:grid;place-items:center;min-height:360px;padding:2rem 1rem 2.5rem;overflow:hidden;border-radius:var(--radius-card);isolation:isolate;background:radial-gradient(120% 90% at 50% 118%,color-mix(in oklab,var(--accent) 14%,transparent),transparent 60%),radial-gradient(70% 55% at 78% 6%,color-mix(in oklab,var(--aurora-2) 16%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in oklab,var(--bg) 92%,var(--bg-deep)) 0,var(--bg-deep) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/.05)}.m-coffee-aura{position:absolute;left:50%;top:54%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 26%,transparent) 0,transparent 62%);opacity:.5;animation:m-coffee-aura 7.5s ease-in-out infinite;pointer-events:none}.m-coffee-scene{position:relative;display:grid;place-items:center;width:min(320px,84vw);aspect-ratio:1/1.06;perspective:900px}.m-coffee-table{bottom:2%;width:118%;height:46%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 40%,color-mix(in oklab,var(--surface-2) 88%,transparent) 0,color-mix(in oklab,var(--bg-deep) 92%,transparent) 72%);box-shadow:0 24px 60px -30px rgb(0 0 0/.85);opacity:.9}.m-coffee-saucer,.m-coffee-table{position:absolute;left:50%;border-radius:50%;pointer-events:none}.m-coffee-saucer{top:52%;width:86%;height:60%;transform:translate(-50%,-50%) rotateX(66deg);background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--paper) 55%,transparent) 0,color-mix(in oklab,var(--paper) 22%,transparent) 46%,transparent 62%);box-shadow:0 18px 40px -24px rgb(0 0 0/.9)}.m-coffee-cup-tilt{position:relative;display:grid;place-items:center;transform-origin:50% 54%}.m-coffee-cup-tilt[data-phase=tilt]{animation:m-coffee-tilt 2.4s cubic-bezier(.55,0,.45,1) forwards}.m-coffee-cup{position:relative;display:block;width:min(226px,60vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 60%,color-mix(in oklab,var(--paper) 88%,transparent) 61%,color-mix(in oklab,var(--paper) 62%,var(--surface)) 88%,color-mix(in oklab,var(--paper) 40%,var(--surface-2)) 100%);box-shadow:0 26px 50px -26px rgb(0 0 0/.9),inset 0 0 0 1px color-mix(in oklab,var(--paper-ink) 14%,transparent)}.m-coffee-cup-rim{position:absolute;inset:6%;border-radius:50%;border:1px solid color-mix(in oklab,var(--paper-ink) 12%,transparent);box-shadow:inset 0 0 18px color-mix(in oklab,var(--paper-ink) 18%,transparent);pointer-events:none}.m-coffee-cup-light{inset:0;border-radius:50%;background:radial-gradient(circle at 78% 22%,color-mix(in oklab,var(--highlight) 34%,transparent) 0,transparent 44%);opacity:.55;animation:m-coffee-flicker 4.2s ease-in-out infinite}.m-coffee-cup-light,.m-coffee-handle{position:absolute;pointer-events:none}.m-coffee-handle{right:-13%;top:40%;width:30%;height:26%;border:8px solid color-mix(in oklab,var(--paper) 74%,var(--surface));border-left:8px solid transparent;border-radius:50%;transform:translateY(-10%);opacity:.92}.m-coffee-surface{inset:13%;overflow:hidden;background:radial-gradient(circle at 44% 36%,color-mix(in oklab,var(--paper-ink) 62%,var(--accent) 38%) 0,color-mix(in oklab,var(--paper-ink) 78%,var(--bg-deep)) 52%,var(--bg-deep) 100%);box-shadow:inset 0 0 26px rgb(0 0 0/.6)}.m-coffee-crema,.m-coffee-surface{position:absolute;border-radius:50%}.m-coffee-crema{inset:0;background:radial-gradient(circle at 50% 46%,transparent 56%,color-mix(in oklab,var(--paper) 20%,transparent) 76%,transparent 86%);opacity:.85;pointer-events:none}.m-coffee-grounds{position:absolute;inset:-8%;background-image:radial-gradient(circle,color-mix(in oklab,var(--paper-ink) 62%,transparent) 0 1.3px,transparent 1.7px),radial-gradient(circle,color-mix(in oklab,var(--paper) 30%,transparent) 0 1px,transparent 1.4px);background-size:13px 11px,19px 17px;opacity:.5;transform:translate3d(0,18%,0) scale(.86);will-change:transform,opacity;pointer-events:none}.m-coffee-cup-tilt[data-phase=tilt] .m-coffee-grounds{animation:m-coffee-grounds 2.4s cubic-bezier(.4,.1,.3,1) forwards}.m-coffee-symbol{position:absolute;left:50%;top:54%;display:grid;place-items:center;width:46%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.6);opacity:0;color:color-mix(in oklab,var(--paper) 55%,var(--accent) 45%);pointer-events:none}.m-coffee-symbol[data-state=in]{animation:m-coffee-symbol-in .9s var(--ease-out,cubic-bezier(.22,1,.36,1)) forwards}.m-coffee-symbol-halo{position:absolute;inset:-34%;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--highlight) 42%,transparent) 0,transparent 66%);opacity:0;transform:scale(.7);pointer-events:none}.m-coffee-symbol[data-state=in] .m-coffee-symbol-halo{animation:m-coffee-halo 3.4s ease-in-out infinite}.m-coffee-steam{bottom:50%;width:52%;height:46%;opacity:.9}.m-coffee-steam,.m-coffee-steam-ring{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.m-coffee-steam-ring{top:6%;width:62%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 38%,color-mix(in oklab,var(--paper) 26%,transparent) 50%,transparent 62% 100%);filter:blur(9px);opacity:.55;animation:m-coffee-steam-spin 9s linear infinite}.m-coffee-wisp{position:absolute;bottom:0;left:50%;width:46%;height:74%;margin-left:-23%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--paper) 40%,transparent) 0,transparent 74%);filter:blur(7px);opacity:0;transform:translate3d(0,12%,0) scale(.7);animation:m-coffee-steam 6s ease-in-out infinite;pointer-events:none}.m-coffee-wisp:nth-child(2){animation-delay:-2s}.m-coffee-wisp:nth-child(3){animation-delay:-4s}.m-coffee-candle{position:absolute;right:4%;top:4%;width:46px;pointer-events:none}.m-coffee-candle-body{display:block;height:58px;border-radius:8px 8px 5px 5px;background:linear-gradient(180deg,color-mix(in oklab,var(--paper) 90%,transparent) 0,color-mix(in oklab,var(--paper) 58%,var(--surface)) 100%);box-shadow:0 10px 24px -12px rgb(0 0 0/.9)}.m-coffee-wick{display:block;width:2px;height:7px;margin:0 auto;background:color-mix(in oklab,var(--paper-ink) 70%,transparent)}.m-coffee-flame{display:block;width:13px;height:22px;margin:-3px auto 0;border-radius:50% 50% 46% 46%;transform-origin:50% 100%;background:radial-gradient(circle at 50% 72%,color-mix(in oklab,var(--highlight) 92%,white) 0,var(--accent) 58%,color-mix(in oklab,var(--accent) 30%,transparent) 100%);box-shadow:0 0 18px color-mix(in oklab,var(--accent) 55%,transparent);animation:m-coffee-flame 2.6s ease-in-out infinite}.m-coffee-candle-glow{position:absolute;left:50%;top:26%;width:190px;height:190px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 40%,transparent) 0,transparent 66%);opacity:.65;animation:m-coffee-candle-glow 3.6s ease-in-out infinite;pointer-events:none}.m-coffee-settled{margin-top:1.25rem;text-align:center}.m-coffee-settled-name{display:block;font-family:var(--font-display);font-size:clamp(1.35rem,4vw,1.9rem);letter-spacing:.02em;color:var(--highlight)}.m-coffee-settled-sub{display:block;margin-top:.35rem;font-size:.875rem;color:var(--ink-muted)}.m-coffee-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem}.m-coffee-ritual{display:grid;place-items:center;margin-top:1.25rem;min-height:120px}.m-coffee-note{margin:1.25rem auto 0;max-width:30rem;text-align:center;font-size:.8125rem;line-height:1.7;color:var(--ink-faint)}.m-coffee-privacy{display:inline-flex;align-items:center;gap:.45rem;margin-top:.6rem;padding:.35rem .75rem;border-radius:var(--radius-pill);border:1px solid color-mix(in oklab,var(--accent) 26%,transparent);background:color-mix(in oklab,var(--accent-soft) 60%,transparent);font-size:.75rem;color:var(--ink-muted)}.m-coffee-fallback{display:grid;place-items:center;gap:.75rem;padding:3rem 1.5rem;text-align:center}.m-coffee-fallback-glyph{font-size:2.75rem;line-height:1;filter:drop-shadow(0 0 18px color-mix(in oklab,var(--accent) 45%,transparent));animation:m-coffee-flame 3.2s ease-in-out infinite}@keyframes m-coffee-tilt{0%{transform:rotate(0deg)}30%{transform:rotate(-1turn)}62%{transform:rotate(-2turn)}to{transform:rotate(-3turn)}}@keyframes m-coffee-grounds{0%{transform:translate3d(0,-14%,0) scale(1);opacity:.85}28%{transform:translate3d(-12%,2%,0) rotate(-7deg) scale(1.06);opacity:.95}58%{transform:translate3d(10%,10%,0) rotate(6deg) scale(.98);opacity:.78}to{transform:translate3d(0,20%,0) scale(.84);opacity:.5}}@keyframes m-coffee-symbol-in{0%{transform:translate(-50%,-50%) scale(.55);opacity:0}60%{transform:translate(-50%,-50%) scale(1.08);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes m-coffee-halo{0%,to{transform:scale(.92);opacity:.35}50%{transform:scale(1.08);opacity:.75}}@keyframes m-coffee-steam{0%{transform:translate3d(0,14%,0) scale(.62);opacity:0}25%{opacity:.55}60%{transform:translate3d(6%,-30%,0) scale(1.05);opacity:.32}to{transform:translate3d(-4%,-62%,0) scale(1.35);opacity:0}}@keyframes m-coffee-steam-spin{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}@keyframes m-coffee-flame{0%,to{transform:scaleY(1) scaleX(1) translateY(0);opacity:.92}28%{transform:scaleY(1.12) scaleX(.92) translateY(-1px);opacity:1}55%{transform:scaleY(.94) scaleX(1.05) translateY(1px);opacity:.82}78%{transform:scaleY(1.06) scaleX(.96) translateY(-1px);opacity:.96}}@keyframes m-coffee-candle-glow{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.78;transform:translate(-50%,-50%) scale(1.06)}}@keyframes m-coffee-flicker{0%,to{opacity:.5}22%{opacity:.66}47%{opacity:.38}71%{opacity:.62}}@keyframes m-coffee-aura{0%,to{opacity:.42;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.62;transform:translate(-50%,-50%) scale(1.05)}}@media (prefers-reduced-motion:reduce){.m-coffee-aura,.m-coffee-candle-glow,.m-coffee-cup-light,.m-coffee-cup-tilt[data-phase=tilt],.m-coffee-cup-tilt[data-phase=tilt] .m-coffee-grounds,.m-coffee-fallback-glyph,.m-coffee-flame,.m-coffee-steam-ring,.m-coffee-symbol[data-state=in],.m-coffee-symbol[data-state=in] .m-coffee-symbol-halo,.m-coffee-wisp{animation:none!important}.m-coffee-symbol[data-state=in]{transform:translate(-50%,-50%) scale(1);opacity:1}.m-coffee-symbol-halo{opacity:.5;transform:scale(1)}}[data-motion=reduced] .m-coffee-aura,[data-motion=reduced] .m-coffee-candle-glow,[data-motion=reduced] .m-coffee-cup-light,[data-motion=reduced] .m-coffee-cup-tilt[data-phase=tilt],[data-motion=reduced] .m-coffee-cup-tilt[data-phase=tilt] .m-coffee-grounds,[data-motion=reduced] .m-coffee-fallback-glyph,[data-motion=reduced] .m-coffee-flame,[data-motion=reduced] .m-coffee-steam-ring,[data-motion=reduced] .m-coffee-symbol[data-state=in],[data-motion=reduced] .m-coffee-symbol[data-state=in] .m-coffee-symbol-halo,[data-motion=reduced] .m-coffee-wisp{animation:none!important}[data-motion=reduced] .m-coffee-symbol[data-state=in]{transform:translate(-50%,-50%) scale(1);opacity:1}[data-motion=reduced] .m-coffee-symbol-halo{opacity:.5;transform:scale(1)}