.hero{position:relative;display:grid;align-items:center;min-height:min(100svh,940px);padding-block:calc(var(--nav-h) + 4rem) var(--sp-9);overflow:hidden;isolation:isolate}.hero-bg{background:radial-gradient(120% 80% at 78% 18%,rgba(217,160,91,.16),transparent 62%),radial-gradient(90% 70% at 12% 88%,rgba(201,111,74,.14),transparent 64%),radial-gradient(150% 130% at 50% 0%,#2b1f16 0%,#211812 45%,var(--bg) 88%)}.hero:after{content:"";position:absolute;inset-inline:0;bottom:0;height:clamp(2.5rem,6vw,4.5rem);z-index:var(--z-bg);pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--bg) 45%,transparent))}.hero-grain{opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.hero-swirl{background:conic-gradient(from 210deg at 62% 38%,transparent 0deg,rgba(217,160,91,.07) 60deg,transparent 140deg),conic-gradient(from 20deg at 20% 70%,transparent 0deg,rgba(255,255,255,.035) 50deg,transparent 120deg);filter:blur(30px)}.hero-inner{position:relative;z-index:var(--z-content);display:grid;gap:var(--sp-6);max-width:46rem}.hero h1{font-size:var(--fs-5xl);font-weight:600;line-height:1.02;font-variation-settings:"SOFT" 20}.hero h1 .word{display:inline-block;animation:fade-up .9s var(--ease-out) backwards;animation-delay:calc(var(--i) * 70ms + .12s)}.hero h1 .accent{color:var(--accent);font-style:italic}.hero-lede{animation:fade-up .9s var(--ease-out) backwards;animation-delay:.52s}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);animation:fade-up .9s var(--ease-out) backwards;animation-delay:.64s}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-5);font-size:var(--fs-sm);color:var(--text-subtle);animation:fade-up .9s var(--ease-out) backwards;animation-delay:.76s}.hero-meta-item{display:inline-flex;align-items:center;gap:.45rem}.hero-meta-item svg{color:var(--accent)}.bean{position:absolute;opacity:.85;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.bean-inner{animation:float-y var(--float-dur, 9s) var(--ease-io) infinite;animation-delay:var(--float-delay, 0s)}.hero-cup{position:absolute;right:-7vw;bottom:-16vw;width:min(46vw,560px);aspect-ratio:1;z-index:1}.hero-cup-2{left:-12vw;top:8vh;bottom:auto;right:auto;width:min(26vw,300px);opacity:.75}.cup{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 38% 32%,#f6e3c8,#e6c69b,#c9945c 52%,#8a5a2e 74%,#4a2d17);box-shadow:0 0 0 clamp(8px,1.6vw,18px) #efe3d2,0 0 0 clamp(11px,2.1vw,24px) #cbbba4,0 40px 90px -20px #000000bf;position:relative;overflow:hidden}.cup:after{content:"";position:absolute;inset:0;border-radius:50%;background-image:radial-gradient(circle at 30% 40%,rgba(255,255,255,.5) 0 3px,transparent 4px),radial-gradient(circle at 44% 30%,rgba(255,255,255,.4) 0 5px,transparent 6px),radial-gradient(circle at 56% 46%,rgba(255,255,255,.32) 0 7px,transparent 8px),radial-gradient(circle at 36% 58%,rgba(255,255,255,.4) 0 4px,transparent 5px),radial-gradient(circle at 62% 62%,rgba(255,255,255,.28) 0 6px,transparent 7px),radial-gradient(circle at 50% 70%,rgba(0,0,0,.22) 0 12px,transparent 13px);mix-blend-mode:soft-light}.steam{position:absolute;right:14vw;bottom:18vw;width:220px;height:340px;z-index:2;filter:blur(9px);opacity:.55}.steam path{fill:none;stroke:#fff4e6d9;stroke-width:12;stroke-linecap:round;transform-origin:50% 100%;animation:steam-rise var(--steam-dur, 7s) var(--ease-io) infinite;animation-delay:var(--steam-delay, 0s)}@keyframes steam-rise{0%{opacity:0;transform:translateY(30px) scale(.7,.6)}22%{opacity:.7}to{opacity:0;transform:translateY(-120px) scale(1.5,1.4)}}.scroll-cue{position:absolute;left:50%;bottom:var(--sp-5);translate:-50% 0;display:grid;justify-items:center;gap:.5rem;font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-subtle);z-index:var(--z-content)}.scroll-cue-rail{width:1px;height:46px;background:linear-gradient(var(--accent),transparent);position:relative;overflow:hidden}.scroll-cue-rail:after{content:"";position:absolute;inset-inline:0;height:14px;background:var(--accent-hi);animation:cue 2.4s var(--ease-io) infinite}@keyframes cue{0%{transform:translateY(-16px);opacity:0}40%{opacity:1}to{transform:translateY(48px);opacity:0}}.section-head{display:grid;gap:var(--sp-3);max-width:46rem;margin-bottom:var(--sp-7)}.section-head.center{justify-items:center;text-align:center;margin-inline:auto}.underline-swash{position:relative;white-space:nowrap}.underline-swash:after{content:"";position:absolute;left:0;right:0;bottom:-.12em;height:.36em;background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8.5C40 3 78 2.6 118 5.4c26 1.8 52 3 80 .6' stroke='%23d9a05b' stroke-width='3.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");opacity:.85;transform-origin:left center}.js .underline-swash:after{transform:scaleX(0);transition:transform .9s var(--ease-out) .38s}.js [data-reveal].is-revealed .underline-swash:after,.js .is-revealed .underline-swash:after{transform:scaleX(1)}@keyframes swash-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.menu-board{position:relative}.menu-grid{display:grid;gap:var(--sp-4);grid-template-columns:1fr}.menu-card{--card-accent: var(--accent);--card-accent-soft: var(--accent-soft);--card-bg: var(--surface);position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:var(--sp-4);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--card-bg);overflow:hidden;isolation:isolate;transition:transform var(--dur-slow) var(--ease-out),border-color var(--dur) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out)}.menu-card:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:radial-gradient(90% 70% at 50% 0%,var(--card-accent-soft),transparent 70%);opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.menu-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--card-accent) 45%,transparent);box-shadow:var(--shadow-3),0 0 60px -30px var(--card-accent)}.menu-card:hover:before{opacity:1}.menu-card[data-card=wiki]{--card-accent: #e08a3c;--card-accent-soft: rgba(224, 138, 60, .14);--card-bg: #1c1713}.menu-card[data-card=luma]{--card-accent: #8b7ff5;--card-accent-soft: rgba(139, 127, 245, .14);--card-bg: #1b1824}.menu-card[data-card=blog]{--card-accent: #d9a05b;--card-accent-soft: rgba(217, 160, 91, .13);--card-bg: #241a14}.menu-art{position:relative;display:grid;place-items:center;height:168px;border-radius:var(--r-lg);background:radial-gradient(70% 90% at 50% 110%,var(--card-accent-soft),transparent 70%),color-mix(in srgb,var(--card-accent) 6%,#000 10%);border:1px solid color-mix(in srgb,var(--card-accent) 16%,transparent);overflow:hidden}.menu-art svg{transition:transform var(--dur-slow) var(--ease-spring)}.menu-card:hover .menu-art svg{transform:translateY(-6px) scale(1.05)}.menu-index{position:absolute;top:10px;right:14px;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em;color:var(--card-accent);opacity:.85}.menu-card h3{font-size:var(--fs-xl);margin-bottom:.35rem}.menu-card p{color:var(--text-muted);font-size:var(--fs-sm)}.menu-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--sp-3)}.menu-tag{padding:.25rem .6rem;font-size:var(--fs-xs);font-weight:600;border-radius:var(--r-pill);color:var(--card-accent);background:var(--card-accent-soft);border:1px solid color-mix(in srgb,var(--card-accent) 22%,transparent)}.menu-go{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);font-weight:600;color:var(--card-accent)}.menu-go svg{transition:transform var(--dur) var(--ease-out)}.menu-card:hover .menu-go svg{transform:translate(4px,-4px)}@media(min-width:700px){.menu-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.menu-grid{grid-template-columns:repeat(3,1fr)}}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.stat{padding:var(--sp-5) var(--sp-4);background:var(--bg-alt);text-align:center;transition:background-color var(--dur) var(--ease-out)}.stat:hover{background:var(--surface)}.stat-value{display:block;font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:600;color:var(--accent);line-height:1}.stat-label{display:block;margin-top:.5rem;font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-subtle)}@media(min-width:760px){.stats{grid-template-columns:repeat(4,1fr)}}.brew{position:relative;display:grid;gap:var(--brew-gap);counter-reset:brew;--brew-gap: var(--sp-5);--brew-dot: 56px}.brew-step:before,.brew-step:after{content:"";position:absolute;left:calc(var(--brew-dot) / 2 - 1px);top:calc(var(--brew-dot) / 2);bottom:calc(-1 * (var(--brew-gap) + var(--brew-dot) / 2));width:2px;pointer-events:none}.brew-step:last-child:before,.brew-step:last-child:after{display:none}.brew-step:before{background:var(--border)}.brew-step:after{background:linear-gradient(var(--accent-hi),var(--accent-2));transform:scaleY(var(--fill, 1));transform-origin:top center;transition:transform .6s var(--ease-out) var(--seg-delay, 0s)}.brew-step:nth-child(1):after{background:linear-gradient(var(--accent-hi),color-mix(in srgb,var(--accent-hi) 66%,var(--accent-2)))}.brew-step:nth-child(2):after{background:linear-gradient(color-mix(in srgb,var(--accent-hi) 66%,var(--accent-2)),color-mix(in srgb,var(--accent-hi) 33%,var(--accent-2)));--seg-delay: .35s}.brew-step:nth-child(3):after{background:linear-gradient(color-mix(in srgb,var(--accent-hi) 33%,var(--accent-2)),var(--accent-2));--seg-delay: .7s}.js .brew-step:after{--fill: 0}.js .brew.is-revealed .brew-step:after{--fill: 1}@media(prefers-reduced-motion:reduce){.brew-step:after{--fill: 1;transition:none}}.brew-step{position:relative;display:grid;grid-template-columns:56px 1fr;gap:var(--sp-4);align-items:start}.brew-dot{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--bg-alt);border:1px solid var(--border-strong);color:var(--accent);transition:border-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-spring),background-color var(--dur) var(--ease-out)}.brew-dot:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);opacity:0;animation:dot-pulse 3.2s var(--ease-io) infinite;pointer-events:none}.brew-step:nth-child(2) .brew-dot:after{animation-delay:.45s}.brew-step:nth-child(3) .brew-dot:after{animation-delay:.9s}.brew-step:nth-child(4) .brew-dot:after{animation-delay:1.35s}@keyframes dot-pulse{0%{transform:scale(.88);opacity:0}35%{opacity:.55}to{transform:scale(1.32);opacity:0}}@media(prefers-reduced-motion:reduce){.brew-dot:after{animation:none}}.brew-step:hover .brew-dot{transform:scale(1.08);border-color:var(--accent);background:var(--accent-soft)}.brew-step:hover .brew-dot:after{opacity:0}.brew-step h3{font-size:var(--fs-lg);margin-bottom:.3rem}.brew-step p{color:var(--text-muted);font-size:var(--fs-sm);max-width:52ch}.brew-step-num{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-subtle);letter-spacing:.12em}.post-grid{display:grid;gap:var(--sp-4);grid-template-columns:1fr}@media(min-width:720px){.post-grid{grid-template-columns:repeat(3,1fr)}}.post-card{display:grid;align-content:start;gap:var(--sp-3);height:100%}.post-card time{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.post-card h3{font-size:var(--fs-lg);transition:color var(--dur) var(--ease-out)}.post-card:hover h3{color:var(--accent)}.post-card p{font-size:var(--fs-sm);color:var(--text-muted)}.cta-band{position:relative;display:grid;gap:var(--sp-5);justify-items:center;text-align:center;padding:clamp(3rem,7vw,5.5rem) var(--sp-5);border:1px solid var(--border);border-radius:var(--r-xl);background:radial-gradient(80% 120% at 50% 0%,rgba(217,160,91,.1),transparent 80%),var(--bg-alt);overflow:hidden}.cta-band h2{font-size:var(--fs-3xl);max-width:20ch}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.hero-cup .cup{animation:cup-bob 11s var(--ease-io) infinite}.hero-cup-2 .cup{animation-delay:2.8s}@keyframes cup-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.hero-cup .cup{animation:none}}@media(max-height:720px){.scroll-cue{display:none}}.cta-beans .bean{opacity:.35}@media(max-width:640px){.hero-cup{right:-30vw;bottom:-34vw;width:72vw}.hero-cup-2{display:none}.steam{right:4vw;bottom:40vw;opacity:.4}}