:root{--paper:#f4e8ce;--paper-2:#efe0bd;--ink:#231711;--ink-soft:#6b5544;--pour:#d8382a;--pour-deep:#b22a1f;--trophy:#f3b11b;--pitch:#2f7d4f;--cup:#fbf6ea;--line:#d8c7a4;--display:"Anton", Impact, sans-serif;--body:"Hanken Grotesk", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0}.cupstory{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--body);color:var(--ink);background:var(--paper);text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:clip}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0;font-weight:400;line-height:.92}.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--pour-deep);margin:0;font-size:.78rem}.lede{max-width:46ch;font-size:clamp(1.05rem,1.6vw,1.4rem);font-weight:500;line-height:1.5}.data{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}p{margin:0;line-height:1.55}.section{padding:clamp(4rem,9vw,8rem) 0;position:relative}.wrap{width:min(1120px,92vw);margin:0 auto}.rule{background:var(--ink);border:0;height:3px}:focus-visible{outline:3px solid var(--pour);outline-offset:3px}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.hl{color:var(--pour);white-space:nowrap;font-weight:700}.section-h{color:var(--ink);max-width:16ch;margin:.15em 0 .45em;font-size:clamp(2.3rem,6vw,4.5rem)}.section-lede{max-width:56ch;color:var(--ink);font-size:clamp(1.02rem,1.5vw,1.28rem);line-height:1.55}.br-mobile{display:none}.band-rule{background:var(--ink);height:4px}.hero{background:radial-gradient(120% 80% at 80% 0%, #f3b11b29, transparent 60%), var(--paper);padding:clamp(2rem,5vw,4rem) 0 clamp(2.5rem,5vw,4rem)}.hero .wrap{width:min(1280px,92vw)}.hero-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.55fr);align-items:end;gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(1.5rem,3.5vw,2.8rem);display:grid}.hero-title{color:var(--ink);max-width:none;margin:.1em 0 0;font-size:clamp(3rem,11vw,8rem);line-height:.9}.hero-title-pour{color:var(--pour)}.scroll-cue{letter-spacing:.14em;color:var(--ink-soft);margin-top:2rem;font-size:.8rem}.video-embed{aspect-ratio:9/16;border:3px solid var(--ink);background:#000;border-radius:14px;width:100%;max-width:264px;margin:0 0 1.4rem;position:relative;overflow:hidden;box-shadow:6px 6px #23171124}.video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.hero-cups{justify-content:center;align-items:flex-end;gap:clamp(.5rem,1.5vw,1.1rem);min-width:0;display:flex}.cup-col{flex-direction:column-reverse;align-items:center;gap:.55rem;margin:0;display:flex}.cup-col figcaption{flex-direction:column;align-items:center;gap:.1rem;display:flex}.cup-ml{color:var(--ink);font-size:clamp(.95rem,1.5vw,1.4rem);font-weight:500}.cup-ml small{margin-left:1px;font-size:.55em}.cup-place{color:var(--ink-soft);white-space:nowrap;font-size:.78rem}.cup-col.is-us .cup-ml{color:var(--pour);font-size:clamp(1.25rem,2vw,1.9rem);font-weight:700}.cup-size{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);font-size:.6rem}.cup-col.is-us .cup-size{color:var(--pour);font-weight:500}.field{background:var(--paper);position:relative;overflow:hidden}.bowl-mascot{z-index:3;pointer-events:none;filter:drop-shadow(0 10px 8px #2317112e);width:clamp(122px,17vw,204px);position:absolute;top:clamp(2.5rem,6vw,6rem);right:clamp(1rem,5vw,5rem)}.bowl-mascot .scoop-1,.bowl-mascot .scoop-2{opacity:0;transform-box:fill-box;transform-origin:50% 100%}.bowl-mascot.in .scoop-1{animation:.75s cubic-bezier(.2,.85,.3,1) both scoop-drop}.bowl-mascot.in .scoop-2{animation:.75s cubic-bezier(.2,.85,.3,1) .55s both scoop-drop}@keyframes scoop-drop{0%{opacity:0;transform:translateY(-110px)scaleY(1)}55%{opacity:1;transform:translateY(0)scaleY(.8)}74%{transform:translateY(-6px)scaleY(1.08)}to{opacity:1;transform:translateY(0)scaleY(1)}}@media (prefers-reduced-motion:reduce){.bowl-mascot .scoop-1,.bowl-mascot .scoop-2{opacity:1}.bowl-mascot.in .scoop-1,.bowl-mascot.in .scoop-2{animation:none}}@media (width<=600px){.bowl-mascot{float:right;width:116px;margin:.1rem -.2rem .3rem .8rem;position:static;top:auto;right:auto}.field .ranking-key{clear:right}}.ranking-key{color:var(--ink-soft);align-items:center;gap:.5rem;margin:1.8rem 0 .7rem;font-size:.8rem;display:flex}.key-tick{background:var(--pitch);width:2px;height:.95rem;display:inline-block}.ranking{flex-direction:column;gap:3px;display:flex}.rank-row{border-radius:4px;grid-template-columns:2rem minmax(6.5rem,12rem) 1fr 3.4rem;align-items:center;gap:.6rem;padding:2px 6px;display:grid}.rank-row.is-us{background:#d8382a1f}.rank-n{text-align:right;color:var(--ink-soft);font-size:.78rem}.rank-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.rank-iso{color:var(--ink-soft);background:var(--paper-2);border:1px solid var(--line);border-radius:3px;margin-right:.5rem;padding:1px 4px;font-size:.64rem;font-weight:500}.rank-track{background-color:var(--paper-2);background-image:linear-gradient(90deg, transparent calc(var(--median-pct) - 1px), var(--pitch) calc(var(--median-pct) - 1px), var(--pitch) calc(var(--median-pct) + 1px), transparent calc(var(--median-pct) + 1px));border-radius:3px;height:13px;position:relative}.rank-bar{background:var(--pour);border-radius:3px;min-width:2px;height:100%;position:absolute;top:0;left:0}.rank-row.is-us .rank-bar{background:var(--pour-deep)}.rank-val{text-align:right;color:var(--ink);font-size:.8rem}.rank-row.is-us .rank-name,.rank-row.is-us .rank-val{color:var(--pour-deep);font-weight:700}.grams{background:var(--paper-2);border-block:4px solid var(--ink)}.grams-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.plates{flex-direction:column;gap:1.1rem;display:flex}.plate-place{margin-bottom:.35rem;font-size:1rem;font-weight:700;display:block}.plate-track{border:2px solid var(--ink);background:var(--paper);border-radius:7px;align-items:center;height:2.7rem;display:flex;overflow:hidden}.plate-bar{background:var(--pour);justify-content:flex-end;align-items:center;min-width:4.5rem;height:100%;padding-right:.85rem;display:flex}.plate-row.is-us .plate-bar{background:var(--pour-deep)}.plate-val{color:#fff;font-weight:500}.margins{background:var(--paper);position:relative;overflow:hidden}.margins .wrap{position:relative}.foam-finger{z-index:3;transform-origin:50% 100%;pointer-events:none;filter:drop-shadow(0 9px 8px #2317112e);width:clamp(120px,18vw,198px);position:absolute;top:clamp(0rem,2vw,1.75rem);right:clamp(.5rem,8vw,6rem)}.foam-finger.in{animation:1.7s ease-in-out .1s forwards foam-wave}@keyframes foam-wave{0%{transform:rotate(0)}14%{transform:rotate(-10deg)}30%{transform:rotate(8deg)}46%{transform:rotate(-6deg)}62%{transform:rotate(4deg)}78%{transform:rotate(-2deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.foam-finger.in{animation:none}}@media (width<=600px){.foam-finger{width:90px;top:.4rem;right:.4rem}}.leadbars{flex-direction:column;gap:.85rem;max-width:780px;margin-top:2rem;display:flex}.lead-row{grid-template-columns:10rem 1fr 9.5rem;align-items:center;gap:.85rem;display:grid}.lead-label{font-size:.95rem;font-weight:700}.lead-track{align-items:center;gap:.6rem;height:1.7rem;display:flex;position:relative}.lead-bar{background:var(--trophy);border:2px solid var(--ink);border-radius:4px;min-width:3px;height:100%}.lead-val{font-weight:600}.lead-vs{color:var(--ink-soft);white-space:nowrap;font-size:.8rem}.margins-foot{color:var(--ink-soft);max-width:62ch;margin-top:2.2rem;font-size:.96rem;line-height:1.55}.sources{background:var(--ink);color:var(--paper)}.sources-h{color:var(--trophy)}.sources-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:1.4rem;display:grid}.src-note h3{font-family:var(--body);color:var(--trophy);margin:0 0 .4rem;font-size:1rem;font-weight:700}.src-note p{color:#e9dec6;font-size:.92rem;line-height:1.5}.sources-rule{background:#4a3a2c;margin:2.2rem 0 1.2rem}.src-cite{color:#bcaa89;font-size:.78rem;line-height:1.65}@media (prefers-reduced-motion:reduce){.cup-liquid{transition:none!important;transform:scaleY(1)!important}}@media (width<=880px){.hero-grid,.grams-grid{grid-template-columns:1fr}.hero-cups{margin-top:1.5rem}.sources-grid{grid-template-columns:1fr;gap:1.2rem}}@media (width<=600px){.br-mobile{display:inline}.rank-row{grid-template-columns:1.6rem minmax(5rem,1fr) 2.2fr 2.8rem;gap:.4rem}.rank-name{font-size:.8rem}.lead-row{grid-template-columns:1fr;gap:.2rem}.lead-vs{margin-left:0}}.flag{object-fit:cover;vertical-align:-.18em;border-radius:2px;width:1.5em;height:1.05em;display:inline-block;box-shadow:0 0 0 1px #23171138}.rank-flag{flex-shrink:0;margin-right:.5rem}.cup-flag{vertical-align:-.12em;width:1.35em;height:.95em;margin-right:.3rem}.plate-flag{margin-right:.45rem}.grams-viz{flex-direction:column;gap:1.5rem;display:flex}.scale-anim{align-self:center;width:clamp(230px,78%,330px)}.scale-beam{transform-box:view-box;transform-origin:160px 122px}.scale-anim.in .scale-beam{animation:2.1s cubic-bezier(.3,.6,.35,1) forwards scale-tip}@keyframes scale-tip{0%{transform:rotate(0)}16%{transform:rotate(-15deg)}34%{transform:rotate(8deg)}50%{transform:rotate(-12deg)}66%{transform:rotate(5deg)}82%{transform:rotate(-9deg)}to{transform:rotate(-12deg)}}@media (prefers-reduced-motion:reduce){.scale-anim.in .scale-beam{animation:none;transform:rotate(-12deg)}}@media (width<=560px){.hero-cups{justify-content:center;align-items:flex-end;gap:.2rem}.cup-col{min-width:0}.cup-ml{font-size:.74rem}.cup-col.is-us .cup-ml{font-size:.9rem}.cup-ml small{font-size:.62em}.cup-place{white-space:normal;word-break:break-word;font-size:.54rem;line-height:1.1}.cup-size{font-size:.5rem}.cup-flag{width:1em;height:.7em;margin-right:.16rem}}body{background:#16130f}.hub{box-sizing:border-box;color:#f4e8ce;-webkit-font-smoothing:antialiased;background:#16130f;min-height:100vh;padding:clamp(2.5rem,7vw,6rem) clamp(1.2rem,6vw,5rem);font-family:Hanken Grotesk,system-ui,sans-serif}.hub *{box-sizing:border-box}.hub-head{max-width:1100px;margin:0 auto clamp(2.2rem,5vw,3.5rem)}.hub-brand{letter-spacing:.22em;text-transform:uppercase;color:#f3b11b;font-family:DM Mono,ui-monospace,monospace;font-size:.8rem;text-decoration:none}.hub-brand:hover{text-decoration:underline}.hub-title{text-transform:uppercase;letter-spacing:.01em;color:#f7eed6;margin:.25em 0 .3em;font-family:Anton,Impact,sans-serif;font-size:clamp(2.6rem,9vw,5.5rem);line-height:.92}.hub-tagline{color:#b9a98a;max-width:42ch;margin:0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.4rem;max-width:1100px;margin:0 auto;display:grid}.story-card{min-height:210px;color:inherit;background:#1f1b15;border:1px solid #342e24;border-radius:14px;flex-direction:column;padding:1.7rem 1.5rem 1.4rem;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.story-card:hover{border-color:var(--accent);background:#241f18;transform:translateY(-4px)}.story-card-bar{background:var(--accent);height:5px;position:absolute;inset:0 0 auto}.story-card-year{color:#8a7a5f;font-family:DM Mono,monospace;font-size:.74rem}.story-card-title{text-transform:uppercase;color:#f7eed6;margin:.5rem 0 .65rem;font-family:Anton,Impact,sans-serif;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1}.story-card-blurb{color:#c9b896;flex:1;margin:0;font-size:.95rem;line-height:1.5}.story-card-cta{color:var(--accent);margin-top:1.3rem;font-weight:700}.hub-foot{color:#8a7a5f;border-top:1px solid #2a2419;flex-wrap:wrap;justify-content:space-between;gap:1rem;max-width:1100px;margin:clamp(3rem,6vw,5rem) auto 0;padding-top:1.5rem;font-size:.85rem;display:flex}.hub-foot a{color:#f3b11b;text-decoration:none}.hub-foot a:hover{text-decoration:underline}.story-back{z-index:50;letter-spacing:.05em;color:#f4e8ce;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16130fd1;border:1px solid #f4e8ce47;border-radius:999px;padding:.42rem .85rem;font-family:DM Mono,ui-monospace,monospace;font-size:.76rem;text-decoration:none;position:fixed;top:1rem;left:1rem}.story-back:hover{background:#16130f}@media (prefers-reduced-motion:reduce){.story-card{transition:none}}