.site-header{z-index:20;justify-content:space-between;align-items:center;padding-block:22px;display:flex;position:absolute;inset:0 0 auto}.wordmark{font-family:var(--display);letter-spacing:-.035em;color:var(--cream);font-size:21px;font-weight:500;text-decoration:none}.wordmark .accent{color:var(--latte);padding-inline:.04em;font-size:1.1em}
.hero{min-height:100svh;display:flex}.hero-veil{z-index:-1;pointer-events:none;background:linear-gradient(#291c0e80 0%,#291c0e00 26% 50%,#291c0eb8 100%),linear-gradient(90deg,#291c0e73 0%,#291c0e00 60%);position:absolute;inset:0}.hero-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-content:end;gap:28px 24px;padding-block:140px 30px;display:grid}.hero-eyebrow{grid-column:1/-1}.hero-title{font-family:var(--display);letter-spacing:-.055em;color:var(--cream);text-wrap:balance;grid-column:1/span 9;margin:0;font-size:clamp(56px,10.6vw,184px);font-weight:400;line-height:.9}.hero-title .accent{letter-spacing:-.02em;color:var(--latte)}.hero-aside{grid-column:10/-1;align-self:end;gap:18px;padding-bottom:1vw;display:grid}.hero-lede{max-width:34ch;color:var(--stone);margin:0;font-size:18px}.hero-foot{border-top:1px solid var(--hair-dark);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:clamp(12px,4vh,40px);padding-top:18px;padding-right:clamp(52px,5vw,72px);display:flex}.scroll-cue{align-items:center;gap:14px;display:inline-flex}.scroll-line{background:var(--hair-dark);width:44px;height:1px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--cream);animation:scroll-cue 2.2s var(--ease-out) infinite;position:absolute;inset:0}@keyframes scroll-cue{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:900px){.hero-title,.hero-aside{grid-column:1/-1}.hero-aside{padding-bottom:0}}
.wordmark-band{background:var(--cream);color:var(--espresso);padding-block:clamp(72px,10vw,140px) clamp(28px,4vw,48px)}.wordmark-band :focus-visible{outline-color:var(--mocha)}.wordmark-band .label{color:var(--mocha)}.wordmark-head{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:24px 56px;margin-bottom:clamp(40px,6vw,80px);display:grid}.wordmark-title{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;margin:12px 0 0;font-size:clamp(38px,5.4vw,80px);font-weight:400;line-height:.95}.wordmark-title .accent{color:var(--mocha)}.wordmark-intro{max-width:40ch;color:var(--mocha);margin:0;font-size:17px}@media (max-width:760px){.wordmark-head{grid-template-columns:1fr}}.kinetic{touch-action:pan-y;cursor:crosshair;container-type:inline-size}.kinetic-row{white-space:nowrap;font-family:var(--kinetic);letter-spacing:-.02em;justify-content:center;align-items:baseline;margin:0;font-size:min(12.5cqi,180px);line-height:1;display:flex}.kinetic-letter{font-variation-settings:"wght" 800, "wdth" 75, "opsz" 96;display:inline-block}.kinetic-amp{letter-spacing:0;color:var(--mocha);padding-inline:.06em;font-size:1.05em}.wordmark-foot{border-top:1px solid var(--hair-light);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(24px,4vw,48px);padding-top:16px;display:flex}
.pour{background:linear-gradient(var(--cream) 50%, var(--espresso) 50%);height:280svh;position:relative}.pour-stage{background-color:var(--cream);place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.pour-hud{z-index:3;pointer-events:none;justify-content:space-between;padding-block:28px;display:flex;position:absolute;inset:0 0 auto}.pour-hud .label{color:var(--mocha);transition:color .4s}.pour[data-dark] .pour-hud .label{color:var(--latte)}.pour-title{max-width:12ch;padding-inline:var(--gutter);text-align:center;font-family:var(--display);letter-spacing:-.05em;color:var(--espresso);text-wrap:balance;grid-area:1/1;margin:0;font-size:clamp(48px,8.4vw,150px);font-weight:400;line-height:.92}.pour-title .accent{color:var(--mocha)}.pour-iris{z-index:2;background:var(--espresso);clip-path:circle(var(--r,0%) at 50% 50%);place-items:center;display:grid;position:absolute;inset:0}.pour-iris .pour-title{color:var(--cream)}.pour-iris .pour-title .accent{color:var(--latte)}@media (prefers-reduced-motion:reduce){.pour{height:auto}.pour-stage{height:auto;padding-block:160px;position:relative}.pour-iris{display:none}}
.statements{padding-block:clamp(48px,6vw,96px) clamp(64px,10vw,140px)}.statements-eyebrow{margin-bottom:clamp(32px,5vw,64px)}.steps{border-bottom:1px solid var(--hair-dark);margin:0;padding:0;list-style:none}.step{grid-template-columns:minmax(0,2fr) minmax(0,7fr) minmax(0,3fr);align-items:end;gap:24px;padding-block:clamp(28px,4vw,56px);display:grid;position:relative}.step:before{content:"";background:var(--hair-dark);transform-origin:0;height:1px;position:absolute;inset:0 0 auto}.js .step:before{transition:transform 1.4s var(--ease-out);transform:scaleX(0)}.js .step[data-in]:before{transform:none}.step-index{align-self:start;padding-top:1.2em}.step-title{font-family:var(--display);letter-spacing:-.05em;color:var(--cream);margin:0;font-size:clamp(48px,8vw,132px);font-weight:400;line-height:.92}.step-title .accent{color:var(--latte)}.step-note{max-width:30ch;color:var(--stone);margin:0;padding-bottom:.6em;font-size:16px}@media (max-width:900px){.step{grid-template-columns:1fr;gap:14px}.step-index{padding-top:0}}
.cup-scene{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%;position:relative}.cup-layer{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;opacity:0;transition:opacity 75ms linear;position:absolute;inset:0}.cup-layer[data-on]{opacity:1}.cup-sparkle{pointer-events:none;animation:1s ease-in-out forwards cup-twinkle;position:absolute;overflow:hidden}.cup-sparkle img{max-width:none;image-rendering:pixelated;position:absolute}@keyframes cup-twinkle{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.15)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}
.magnet-zone{margin-block:-36px;padding:36px min(64px,6vw);display:inline-block}.magnet{background:var(--cream);min-height:64px;color:var(--espresso);white-space:nowrap;transition:transform .6s var(--ease-out), background-color .25s;will-change:transform;border-radius:999px;align-items:center;padding:0 clamp(20px,5vw,32px);font-size:clamp(15px,4vw,17px);font-weight:600;text-decoration:none;display:inline-flex}.magnet:hover{background:var(--latte)}.magnet-label{transition:transform .6s var(--ease-out);align-items:center;gap:12px;display:inline-flex}.magnet.is-near,.magnet.is-near .magnet-label{transition-duration:.2s}@media (max-width:480px){.magnet-zone{padding-inline:0}.magnet-label{gap:8px}}@media (max-width:360px){.magnet{padding-inline:16px;font-size:14px}.magnet-label{gap:6px}.magnet-label svg{width:18px;height:18px}}
.marquee{background:var(--mocha);color:var(--cream);padding-block:22px;overflow:hidden}.marquee-track{width:max-content;animation:32s linear infinite marquee;display:flex}.marquee-line{white-space:nowrap;font-family:var(--display);letter-spacing:-.04em;transform:skewX(var(--skew,0deg));margin:0;padding-right:.3em;font-size:clamp(40px,6.4vw,104px);font-weight:300;line-height:1.1}.marquee-line .accent{color:var(--latte);padding-inline:.06em}@keyframes marquee{to{transform:translate(-50%)}}
.closing-glow{align-items:center;min-height:92svh;display:flex}.closing-inner{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:24px;padding-block:clamp(96px,14vw,180px);display:grid}.closing-cup{justify-items:center;gap:10px;margin:0 0 clamp(8px,2vw,24px);display:grid}.closing-cup .cup-scene{width:clamp(150px,18vw,220px)}.closing-cup .label{text-align:center;color:var(--stone)}.closing-title{font-family:var(--display);letter-spacing:-.055em;color:var(--cream);margin:0;font-size:clamp(56px,11vw,196px);font-weight:400;line-height:.9}.closing-title .accent{color:var(--latte)}.closing-copy{max-width:44ch;color:var(--stone);margin:0;font-size:18px}.closing-action{margin-top:12px}
.site-footer{padding-block:28px calc(96px + env(safe-area-inset-bottom));border-top:1px solid var(--hair-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-link{text-decoration:none}.footer-link:hover{color:var(--cream)}@media (max-width:600px){.site-footer{flex-direction:column;align-items:flex-start;gap:10px}}
.bean-dock{right:clamp(16px,3vw,40px);bottom:max(20px, env(safe-area-inset-bottom));z-index:50;align-items:center;gap:12px;display:flex;position:fixed}.bean{cursor:pointer;width:56px;height:56px;transition:transform .35s var(--ease-out);background:0 0;border:0;border-radius:50%;padding:0}.bean:hover{transform:rotate(-8deg)scale(1.08)}.bean:active{transform:scale(.94)}.bean-art{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 6px 10px #291c0e80);background:url(/bean.svg) 50%/contain no-repeat;display:block}.bean-art[data-pop]{animation:bean-pop .5s var(--ease-out)}@keyframes bean-pop{35%{transform:scale(1.28)rotate(-10deg)}}.bean-note{border:1px solid var(--hair-dark);background:var(--espresso);color:var(--cream);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s, transform .3s var(--ease-out);border-radius:999px;padding:9px 14px;transform:translate(8px)}.bean-note[data-visible]{opacity:1;transform:none}@media (max-width:480px){.bean{width:48px;height:48px}.bean-note{white-space:normal;max-width:60vw}}