:root{--ink:#06060a;--gold:#c9a24a;--gold-hi:#f0d493;--gold-dim:#8a6f33;--ash:#a49c8c;--display:"Cinzel",Georgia,serif;--util:"Barlow Condensed",system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--ink);color:var(--ash);font-family:var(--util);overflow-x:hidden;-webkit-font-smoothing:antialiased}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;z-index:1}#scene canvas{display:block;width:100%;height:100%}#grade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 120% 85% at 50% 45%,transparent 28%,rgba(0,0,0,.5) 76%,rgba(0,0,0,.93) 100%)}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:multiply;will-change:opacity;opacity:.72;background:radial-gradient(circle at 50% 42%,transparent 38%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.92) 100%)}.nav-sweep{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,var(--gold-hi) 45%,#fff 50%,var(--gold-hi) 55%,transparent)}#scroll{position:relative;z-index:4;pointer-events:none}.scroll-anchor{position:absolute;left:0;width:1px;height:1px}#navbar{position:fixed;left:0;right:0;top:0;z-index:18;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(180deg,rgba(6,6,10,.86),rgba(6,6,10,.42) 62%,transparent);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.nav-inner{height:74px;padding:0 clamp(16px,3vw,34px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.nav-brand{justify-self:start;display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;pointer-events:auto}.nav-links{justify-self:center;display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);pointer-events:auto}.nav-links a{position:relative;display:flex;align-items:baseline;gap:8px;padding:9px 14px;color:var(--ash);text-decoration:none;text-transform:uppercase;will-change:transform;transition:color .3s ease,background-color .3s ease}.nav-links a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;transition:border-color .35s ease,background-color .35s ease}.nav-num{font-style:normal;font-size:9px;letter-spacing:.18em;color:var(--gold-dim);transition:color .3s ease}.nav-label{font-family:var(--display);font-size:12px;letter-spacing:.2em}.nav-rule{position:absolute;left:14px;right:14px;bottom:6px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--gold-hi);outline:none}.nav-links a:hover .nav-num,.nav-links a:focus-visible .nav-num{color:var(--gold)}.nav-links a:hover:before,.nav-links a:focus-visible:before{border-color:#c9a24a38;background:#c9a24a0d}.nav-links a:hover .nav-rule,.nav-links a:focus-visible .nav-rule{transform:scaleX(1);transform-origin:left}.nav-links a.is-active{color:var(--gold-hi)}.nav-links a.is-active .nav-num{color:var(--gold)}.nav-links a.is-active .nav-rule{transform:scaleX(1);transform-origin:left;box-shadow:0 0 12px 1px #f0d49399}.nav-right{justify-self:end;display:flex;align-items:center;gap:clamp(12px,2vw,22px);pointer-events:auto}.nav-chapter{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:#6b6355;white-space:nowrap}.nav-chapter-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none;box-shadow:0 0 9px 2px #c9a24ab3;animation:navPulse 2.4s ease-in-out infinite}@keyframes navPulse{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.nav-chapter-name{font-style:normal;color:var(--gold-dim)}.nav-progress{position:absolute;left:0;right:0;bottom:0;height:1px;background:#c9a24a1a}.nav-progress-fill{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--gold-dim),var(--gold) 70%,var(--gold-hi))}#gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ink);transition:opacity 1.5s ease,visibility 1.5s}#seal{width:min(58vw,268px);aspect-ratio:1;border-radius:50%;position:relative;cursor:pointer;border:1px solid var(--gold-dim);display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#141310,#050506 72%);transition:transform .8s cubic-bezier(.16,1,.3,1),border-color .8s;opacity:.45;pointer-events:none}#seal.ready{opacity:1;pointer-events:auto;animation:sealArmed 2.6s ease-in-out infinite}#seal:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:1px solid rgba(201,162,74,.25)}#seal.ready:hover,#seal.ready:focus-visible{transform:scale(1.06);border-color:var(--gold);outline:none;box-shadow:0 0 60px 6px #c9a24a80,inset 0 0 40px #c9a24a59}@keyframes sealArmed{0%,to{box-shadow:0 0 22px #c9a24a2e}50%{box-shadow:0 0 46px 4px #c9a24a6b}}#seal.blast{animation:none;transform:scale(.02);opacity:0;border-color:#fff;box-shadow:0 0 160px 60px #f0d493f2;transition:transform .7s cubic-bezier(.7,0,.85,0),opacity .6s ease-in .18s,box-shadow .55s ease-out}#gate.open{opacity:0;visibility:hidden;transition:opacity .75s ease-out .12s,visibility .9s}#seal .mark{font-family:var(--display);font-size:clamp(14px,3.4vw,21px);letter-spacing:.34em;color:var(--gold);text-indent:.34em}#ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;transform:rotate(-90deg)}#ring circle{fill:none;stroke:var(--gold);stroke-width:1.4;opacity:.9;transition:stroke-dashoffset .4s}#gate .lede{font-family:var(--display);font-size:11px;letter-spacing:.42em;color:var(--gold-dim);margin-top:38px;text-indent:.42em;text-transform:uppercase}#gate .sub{font-size:13px;letter-spacing:.22em;margin-top:12px;color:#5d574c;text-transform:uppercase}.word{display:inline-block;white-space:nowrap}.ch{display:inline-block;transform-origin:50% 100%;will-change:transform,opacity,filter}.ch-space{display:inline-block;width:.26em}.nav-links a,.blends-header h2{perspective:700px}.beat{position:fixed;z-index:10;pointer-events:none;opacity:0;will-change:opacity,transform}@keyframes drift{0%,to{transform:translateY(0);opacity:.25}50%{transform:translateY(7px);opacity:.85}}#sound{display:flex;align-items:center;gap:9px;padding:8px 13px;cursor:pointer;border:1px solid rgba(201,162,74,.24);background:#c9a24a0a;color:var(--gold-dim);font-family:var(--util);font-size:9px;letter-spacing:.24em;text-transform:uppercase;opacity:0;transition:opacity .6s,color .3s,border-color .3s,background-color .3s}#sound.show{opacity:1}#sound:hover,#sound:focus-visible{color:var(--gold-hi);border-color:var(--gold);background:#c9a24a1a;outline:none}.sound-bars{display:flex;align-items:flex-end;gap:2px;height:13px}.sound-bars i{width:2px;background:currentColor;height:4px;transform-origin:bottom}#sound[aria-pressed=true] .sound-bars i{animation:eq .9s ease-in-out infinite}.sound-bars i:nth-child(2){animation-delay:.15s}.sound-bars i:nth-child(3){animation-delay:.3s}.sound-bars i:nth-child(4){animation-delay:.45s}@keyframes eq{0%,to{height:3px}50%{height:13px}}.sound-word{min-width:22px;text-align:left}#notice{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:22;max-width:min(92vw,560px);padding:11px 16px;border:1px solid rgba(201,162,74,.28);background:#060608e0;color:#8a8375;font-size:12.5px;letter-spacing:.04em;line-height:1.6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#notice b{color:var(--gold);font-weight:400}#notice code{font-family:ui-monospace,monospace;color:var(--gold-hi)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){#hint .arrow,#seal.ready{animation:none}}@media (max-width:900px){.nav-inner{grid-template-columns:1fr auto;gap:12px}.nav-chapter{display:none}.nav-links{justify-self:end}.nav-num{display:none}}@media (max-width:600px){.nav-inner{height:60px;padding:0 12px}.nav-brand{gap:7px}.nav-wordmark{font-size:13px;letter-spacing:.18em}.nav-links{gap:2px}.nav-links a{padding:7px 9px}.nav-label{font-size:10px;letter-spacing:.12em}.nav-rule{left:9px;right:9px}#sound{padding:7px 9px;gap:6px}.sound-word{display:none}}.chapter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;padding:clamp(92px,11vh,124px) clamp(28px,6vw,96px) clamp(28px,7vh,70px);pointer-events:none;opacity:0;visibility:hidden;will-change:opacity,transform}.chapter-index{display:flex;align-items:center;gap:12px;color:var(--gold-dim);font-size:10px;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap}.chapter-index-line{display:block;width:clamp(24px,4vw,58px);height:1px;background:linear-gradient(90deg,var(--gold-dim),transparent)}.blends-overlay{display:flex;flex-direction:column;justify-content:space-between}.blends-header{width:100%;max-width:1320px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.blends-header>div:last-child{text-align:right}.blends-header h2{font-family:var(--display);font-size:clamp(30px,4vw,58px);font-weight:400;line-height:1;color:#eee4cf;letter-spacing:-.015em;text-shadow:0 4px 28px rgba(0,0,0,.9)}.blends-header p{margin-top:10px;color:#7f7769;font-size:13px;letter-spacing:.12em;text-transform:uppercase}@media (max-width:900px){.chapter-overlay{padding-left:24px;padding-right:24px}}@media (max-width:600px){.chapter-overlay{padding:76px 16px 20px}.blends-overlay{padding-top:72px}.blends-header{display:block;text-align:center}.blends-header .chapter-index{justify-content:center}.blends-header>div:last-child{text-align:center;margin-top:13px}.blends-header h2{font-size:clamp(27px,8vw,36px)}.blends-header p{font-size:9px;margin-top:7px}}.product-page{position:relative;min-height:100dvh;overflow-x:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"bar bar" "lede stage" "more more";align-items:center;gap:clamp(20px,4vw,64px);padding:0 clamp(20px,5vw,84px) clamp(40px,7vh,90px)}.product-hero-img{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.34;filter:saturate(.85)}.product-hero-grade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 30% 45%,#06060ae6,#06060a9e 55%,#06060ae6),linear-gradient(180deg,#06060af2,#06060a8c 40%,#06060af7)}.product-bar{grid-area:bar;display:flex;align-items:center;justify-content:space-between;height:74px;border-bottom:1px solid rgba(201,162,74,.12)}.product-back{display:inline-flex;align-items:center;gap:10px;color:var(--gold-hi);font-family:var(--display);font-size:13px;letter-spacing:.22em;text-decoration:none;text-transform:uppercase;transition:gap .3s ease}.product-back:hover{gap:16px}.product-back-arrow{width:22px;height:1px;background:currentColor;position:relative}.product-back-arrow:before{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}.product-bar-meta{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#6b6355}.product-lede{grid-area:lede;max-width:520px;padding:clamp(24px,5vh,60px) 0}.product-title{margin-top:clamp(16px,3vh,30px);font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,70px);line-height:1;letter-spacing:-.02em;color:#eee4cf;text-wrap:balance;text-shadow:0 6px 40px rgba(0,0,0,.9)}.product-blurb{margin-top:18px;padding-left:18px;border-left:1px solid var(--product-hue);color:#a49c8c;font-size:clamp(14px,1.2vw,17px);font-weight:300;line-height:1.65}.product-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:18px;margin-top:clamp(24px,4vh,40px);padding-top:22px;border-top:1px solid rgba(201,162,74,.16)}.product-specs dt{font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:#675f52}.product-specs dd{margin-top:7px;font-family:var(--display);font-size:13px;line-height:1.45;letter-spacing:.04em;color:#d2c5aa}.product-cta{margin-top:clamp(24px,4vh,38px);padding:14px 30px;cursor:not-allowed;border:1px solid rgba(201,162,74,.35);background:#c9a24a0f;color:var(--gold-dim);font-family:var(--util);font-size:11px;letter-spacing:.3em;text-transform:uppercase}.product-stage{grid-area:stage;position:relative;height:min(74vh,720px);min-height:340px}.product-stage canvas{display:block;width:100%;height:100%}.product-stage-hint{position:absolute;left:50%;bottom:6px;transform:translate(-50%);font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#5d574c;pointer-events:none}.product-more{grid-area:more;padding-top:clamp(24px,5vh,54px);border-top:1px solid rgba(201,162,74,.12)}.product-more-label{display:block;margin-bottom:20px;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#675f52}.product-more ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);list-style:none}.product-more a{display:block;position:relative;overflow:hidden;text-decoration:none;border:1px solid rgba(201,162,74,.18);transition:border-color .35s ease,transform .35s ease}.product-more a:hover{border-color:var(--product-hue);transform:translateY(-4px)}.product-more img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;opacity:.62;transition:opacity .35s ease}.product-more a:hover img{opacity:1}.product-more span{position:absolute;left:0;right:0;bottom:0;padding:14px 14px 12px;font-family:var(--display);font-size:13px;letter-spacing:.08em;color:#eee4cf;background:linear-gradient(180deg,transparent,rgba(6,6,10,.92))}.product-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.product-missing h1{font-family:var(--display);font-size:40px;color:#eee4cf}@media (max-width:900px){.product-page{grid-template-columns:minmax(0,1fr);grid-template-areas:"bar" "stage" "lede" "more"}.product-stage{height:52vh}.product-more ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-more span{font-size:11px;padding:10px}}.blends-featured{position:absolute;left:clamp(28px,6vw,96px);bottom:clamp(38px,9vh,92px);text-align:left;pointer-events:none}.blends-featured-index{display:block;font-size:9px;letter-spacing:.34em;color:var(--gold-dim);text-transform:uppercase}.blends-featured-name{margin-top:10px;font-family:var(--display);font-weight:400;font-size:clamp(20px,2.4vw,34px);letter-spacing:.03em;color:#eee4cf;text-shadow:0 4px 30px rgba(0,0,0,.95)}.blends-featured-roast{margin-top:7px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#7f7769}@media (max-width:600px){.blends-featured{left:16px;right:16px;bottom:14px;text-align:center}.blends-featured-name{font-size:18px}}#intro-film{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;width:100%;height:100%;object-fit:cover;background:var(--ink);transition:opacity .45s ease}#intro-film.gone{opacity:0;pointer-events:none}#desk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;opacity:0;transition:opacity .45s ease;pointer-events:none;background:var(--ink)}#desk.show{opacity:1}#desk.show.dim{opacity:0}.desk-plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.desk-screen{position:absolute;left:0;top:0;transform-origin:0 0;object-fit:cover;will-change:transform}.nav-wordmark{font-family:var(--display);font-size:15px;letter-spacing:.24em;color:var(--gold-hi);white-space:nowrap}#navbar.show{opacity:1;visibility:visible}#skip{position:fixed;left:50%;bottom:clamp(28px,6vh,62px);transform:translate(-50%);z-index:21;display:flex;align-items:center;gap:clamp(10px,1.6vw,20px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility .6s}#skip.show{opacity:1;visibility:visible;pointer-events:auto}.skip-btn{display:inline-flex;align-items:center;gap:11px;padding:12px 22px;cursor:pointer;border:1px solid rgba(201,162,74,.32);background:#06060a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--gold-hi);font-family:var(--display);font-size:11px;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;transition:border-color .3s ease,background-color .3s ease,color .3s ease}.skip-btn:hover,.skip-btn:focus-visible{border-color:var(--gold);background:#c9a24a1f;outline:none}.skip-arrow{display:block;width:22px;height:1px;background:currentColor;position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1)}.skip-arrow:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg)}.skip-btn:hover .skip-arrow{transform:translate(5px)}@media (max-width:600px){#skip{flex-direction:column;gap:9px;bottom:20px}.skip-btn{font-size:9px;letter-spacing:.18em;padding:10px 16px}.skip-arrow{width:16px}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}