:root{--yellow: #e2992a;--yellow-light: #f2b240;--yellow-deep: #b86a14;--cream: #f6e3b7;--gold: #e9c070;--brown: #140b06;--brown-2: #2a1a0e;--accent: #c4382a;--accent-deep: #8e2419;--ember: #ff8a2a;--green: #2a7a5c;--magenta: #d02a6e;--text: var(--brown);--text-70: rgba(20, 11, 6, .76);--text-50: rgba(20, 11, 6, .55);--text-15: rgba(20, 11, 6, .16);--surface: var(--yellow);--font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--font-body: "Figtree", system-ui, sans-serif;--font-eth: "Noto Sans Ethiopic", sans-serif;--gutter: clamp(20px, 5vw, 96px);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--glow-x: 50%;--glow-y: 65%;--glow-c: rgba(255, 150, 40, .45);--glow-c2: rgba(250, 205, 110, .55)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--yellow);color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--brown);color:var(--gold)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 55% at var(--glow-x) var(--glow-y),var(--glow-c) 0%,transparent 70%),radial-gradient(70% 60% at 50% 30%,var(--glow-c2) 0%,transparent 65%),radial-gradient(120% 100% at 50% 40%,var(--yellow-light) 0%,var(--yellow) 42%,var(--yellow-deep) 100%);transition:--glow-x 1.2s var(--ease-in-out),--glow-y 1.2s var(--ease-in-out)}.backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(70,30,6,.45) 100%)}body[data-chapter=hero] .backdrop{--glow-x: 50%;--glow-y: 72%;--glow-c: rgba(255,150,40,.45)}body[data-chapter=connect] .backdrop{--glow-x: 70%;--glow-y: 55%;--glow-c: rgba(250,205,110,.6)}body[data-chapter=threshold] .backdrop{--glow-x: 50%;--glow-y: 50%;--glow-c: rgba(250,205,110,.5)}body[data-chapter=door] .backdrop{--glow-x: 50%;--glow-y: 50%;--glow-c: rgba(250,205,110,.6)}body[data-chapter=origins] .backdrop{--glow-x: 75%;--glow-y: 45%;--glow-c: rgba(42,122,92,.16)}body[data-chapter=roast] .backdrop{--glow-x: 70%;--glow-y: 95%;--glow-c: rgba(196,56,42,.55)}body[data-chapter=grind] .backdrop{--glow-x: 70%;--glow-y: 85%;--glow-c: rgba(255,150,40,.45)}body[data-chapter=brew] .backdrop{--glow-x: 70%;--glow-y: 70%;--glow-c: rgba(196,56,42,.5)}body[data-chapter=pour] .backdrop{--glow-x: 60%;--glow-y: 50%;--glow-c: rgba(250,205,110,.6)}body[data-chapter=rounds] .backdrop{--glow-x: 50%;--glow-y: 85%;--glow-c: rgba(255,150,40,.4)}body[data-chapter=blends] .backdrop{--glow-x: 50%;--glow-y: 25%;--glow-c: rgba(42,122,92,.16)}body[data-chapter=popcorn] .backdrop{--glow-x: 50%;--glow-y: 85%;--glow-c: rgba(250,205,110,.7)}body[data-chapter=visit] .backdrop{--glow-x: 70%;--glow-y: 55%;--glow-c: rgba(255,150,40,.45)}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.scene canvas{display:block}.story{position:relative;z-index:3}.section{position:relative;min-height:100vh;padding:0 var(--gutter);display:grid;align-content:center}.section--tall{min-height:150vh}.section--xl{min-height:200vh}.container{width:100%;max-width:1320px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent-deep);font-weight:700}.eyebrow:before{content:"";width:34px;height:2px;background:var(--accent);border-radius:2px}.eyebrow .num{font-family:var(--font-display);letter-spacing:.04em;font-size:.9rem;font-weight:800}.display{font-family:var(--font-display);font-weight:700;line-height:.95;letter-spacing:-.035em;font-variation-settings:"opsz" 96;text-wrap:balance}.display em{font-style:normal;color:var(--accent-deep)}.caption{font-family:var(--font-display);font-weight:500;font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.35;color:var(--text-70);letter-spacing:-.01em}.h1{font-size:clamp(2.9rem,8.6vw,7.6rem)}.h2{font-size:clamp(2.2rem,5.2vw,4.8rem)}.h3{font-size:clamp(1.5rem,2.6vw,2.3rem);letter-spacing:-.02em}.lede{font-size:clamp(1.02rem,1.2vw,1.22rem);color:var(--text-70);max-width:54ch;font-weight:400;line-height:1.7}.lede strong{color:var(--text);font-weight:700}.eth{font-family:var(--font-eth);font-weight:700}.reveal .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}.reveal .w>span{display:inline-block;transform:translateY(110%)}.reveal.is-in .w>span{transform:translateY(0)}.fade{opacity:0;transform:translateY(28px);transition:opacity 1.1s var(--ease-out),transform 1.1s var(--ease-out)}.fade.is-in{opacity:1;transform:none}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px var(--gutter);color:var(--brown)}.brand{display:flex;align-items:baseline;gap:12px}.brand .eth{font-size:1.05rem;color:var(--accent-deep)}.brand .word{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.nav ul{display:flex;gap:34px;list-style:none}.nav li a{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-70);font-weight:700;transition:color .3s;position:relative}.nav li a:hover{color:var(--text)}.nav li a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--accent);transition:right .5s var(--ease-out)}.nav li a:hover:after{right:0}.nav .ig{display:inline-flex;align-items:center;gap:8px}.nav .ig svg{width:16px;height:16px}@media (max-width: 760px){.nav ul li:not(:last-child){display:none}}.rail{position:fixed;left:calc(var(--gutter) * .5);top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:14px;pointer-events:none}.rail button{pointer-events:auto;display:flex;align-items:center;gap:10px;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-50);font-weight:700;transition:color .4s}.rail button i{display:block;width:14px;height:2px;border-radius:2px;background:currentColor;transition:width .5s var(--ease-out)}.rail button span{opacity:0;transform:translate(-6px);transition:all .4s var(--ease-out)}.rail button.active{color:var(--accent-deep)}.rail button.active i{width:28px}.rail:hover button span{opacity:1;transform:none}@media (max-width: 1100px){.rail{display:none}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--yellow);display:grid;place-items:center;color:var(--brown)}.loader .glyph{font-family:var(--font-eth);font-weight:700;font-size:clamp(5rem,16vw,11rem);line-height:1;color:var(--brown);opacity:0}.loader .line{width:min(240px,50vw);height:2px;background:var(--text-15);margin-top:28px;overflow:hidden}.loader .line i{display:block;height:100%;width:100%;background:var(--brown);transform-origin:left;transform:scaleX(0)}.loader .cap{margin-top:16px;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-50);font-weight:700}.hero{min-height:100vh;padding-top:15vh;padding-bottom:8vh;align-content:space-between}.hero .top{display:grid;gap:26px;justify-items:start;max-width:680px;margin:0}.hero .h1{max-width:11ch}.hero .lede{max-width:48ch}.hero .cta{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}.btn{display:inline-flex;align-items:center;gap:12px;padding:15px 28px;border-radius:999px;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;border:2px solid var(--text);color:var(--text);transition:border-color .4s,background .4s,color .4s,transform .4s var(--ease-out)}.btn:hover{background:#140b0614;transform:translateY(-2px)}.btn--solid{background:var(--text);color:var(--surface)}.btn--solid:hover{background:var(--text);filter:brightness(1.25)}.hero .bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero .proverb{text-align:left;font-size:.8rem;color:var(--text-50);letter-spacing:.06em;font-weight:600}.hero .proverb .eth{display:block;color:var(--text);font-size:1.15rem;margin-bottom:4px;letter-spacing:0}.hero .caption{max-width:30ch}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-50);font-weight:700}.scroll-cue i{width:2px;height:54px;background:linear-gradient(var(--text),transparent);display:block;animation:cue 2.2s var(--ease-in-out) infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(0);transform-origin:bottom}}@media (max-width: 760px){.hero .bottom{justify-content:center}.hero .proverb{display:none}}.tibeb{width:100%;height:28px;color:var(--brown);opacity:.7}.tibeb--dim{opacity:.4}.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:60px;align-items:center}.split .copy{display:grid;gap:28px}.split .copy .h2{max-width:14ch}.split--rev .copy{order:2}@media (max-width: 900px){.split{grid-template-columns:1fr}}.lacquer,.scrim,.card{--text: var(--cream);--text-70: rgba(246, 227, 183, .78);--text-50: rgba(246, 227, 183, .56);--text-15: rgba(246, 227, 183, .18);--surface: var(--brown);color:var(--cream);background:linear-gradient(160deg,#22140bf0,#100904f0);border:1px solid rgba(233,192,112,.22);box-shadow:0 40px 80px -36px #140b06b3,inset 0 1px #f6e3b714}.scrim{padding:32px 36px;border-radius:24px}.lacquer .eyebrow,.scrim .eyebrow,.card .eyebrow{color:var(--gold)}.lacquer .eyebrow:before,.scrim .eyebrow:before,.card .eyebrow:before{background:var(--gold)}.lacquer .display em,.scrim .display em,.card .display em,.lacquer .eth,.scrim .eth,.card .eth{color:var(--gold)}.lacquer .timeline li:before,.scrim .timeline li:before{background:var(--gold)}@media (max-width: 600px){.scrim{padding:22px;border-radius:18px}}@media (max-width: 900px){.hero .top,.split .copy{--text: var(--cream);--text-70: rgba(246, 227, 183, .78);--text-50: rgba(246, 227, 183, .56);--text-15: rgba(246, 227, 183, .18);--surface: var(--brown);color:var(--cream);padding:22px;border-radius:18px;background:linear-gradient(160deg,#22140bf0,#100904f0);border:1px solid rgba(233,192,112,.22)}.hero .top .eyebrow,.split .copy .eyebrow{color:var(--gold)}.hero .top .eyebrow:before,.split .copy .eyebrow:before{background:var(--gold)}.hero .top .display em,.split .copy .display em{color:var(--gold)}}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:18px;border-top:2px solid var(--text-15);padding-top:26px}.stats div b{display:block;font-family:var(--font-display);font-weight:800;font-size:clamp(1.25rem,1.9vw,1.8rem);color:var(--text);line-height:1.1;letter-spacing:-.02em}.stats div span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-50);font-weight:700}@media (max-width: 600px){.stats{grid-template-columns:1fr;gap:14px}}.threshold{text-align:center}.threshold .container{display:grid;gap:28px;justify-items:center;padding:9vh 6vw;border-radius:50%;background:radial-gradient(55% 60% at 50% 50%,rgba(242,178,64,.98),rgba(242,178,64,.85) 55%,transparent 80%)}.threshold .lede{text-align:center}.threshold .marks{display:flex;gap:40px;flex-wrap:wrap;justify-content:center;margin-top:10px}.threshold .marks span{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-70);font-weight:700;display:flex;align-items:center;gap:12px}.threshold .marks span:before{content:"◆";color:var(--accent-deep);font-size:.55rem}.door{min-height:240vh;align-content:start;padding-top:34vh}.door .copy{display:grid;gap:20px;max-width:min(380px,27vw)}.door .copy .lede{font-size:1rem}@media (max-width: 900px){.door{padding-top:46vh}.door .copy{max-width:none;gap:14px}}.origins{overflow:hidden}.origins .bigglyph{position:absolute;right:-2vw;top:50%;transform:translateY(-52%);font-family:var(--font-eth);font-weight:700;font-size:clamp(14rem,42vw,40rem);line-height:1;color:var(--brown);opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.04em}.timeline{display:grid;gap:0;margin-top:10px;border-left:2px solid var(--text-15)}.timeline li{list-style:none;padding:18px 0 18px 28px;position:relative;display:grid;gap:4px}.timeline li:before{content:"";position:absolute;left:-5px;top:29px;width:8px;height:8px;background:var(--accent);transform:rotate(45deg)}.timeline li b{font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em}.timeline li span{color:var(--text-70);font-size:.92rem}.ceremony{position:relative}.ceremony .tail{height:50vh}.rounds{margin-top:-50vh}.ceremony .steps{position:relative}.ceremony .step{height:100vh}.ceremony .panel{position:sticky;top:0;height:100vh;display:grid;align-content:center;padding:0 var(--gutter);pointer-events:none}.ceremony .panel .container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:40px;height:100vh;padding:13vh 0 9vh}.ceremony .heading{display:grid;gap:22px;align-self:start;grid-column:1;grid-row:1}.ceremony .texts{position:relative;min-height:230px;grid-column:1;grid-row:2;justify-self:start;width:min(100%,46ch)}.ceremony .text{position:absolute;left:0;right:0;bottom:0;display:grid;gap:16px;opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.ceremony .text.active{opacity:1;transform:none}.ceremony .text .idx{font-family:var(--font-display);font-weight:800;color:var(--accent-deep);font-size:1rem;letter-spacing:.04em}.ceremony .text p{color:var(--text-70);max-width:46ch;font-size:clamp(.98rem,1.15vw,1.15rem)}.ceremony .text .eth{color:var(--accent-deep);font-size:1rem}.ceremony .progress{display:flex;gap:10px;margin-top:6px}.ceremony .progress i{display:block;width:46px;height:3px;border-radius:3px;background:var(--text-15);position:relative;overflow:hidden}.ceremony .progress i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text);transform:scaleX(var(--p, 0));transform-origin:left}@media (max-width: 900px){.ceremony .panel .container{grid-template-columns:1fr;gap:20px;padding:12vh 0 7vh}.ceremony .texts{grid-column:1;justify-self:start}.ceremony .heading .h2{font-size:clamp(2rem,8vw,3rem)}.ceremony .texts{min-height:200px}}.rounds .container{display:grid;gap:54px;padding-bottom:26vh}.rounds .head{display:grid;gap:22px}.rounds .three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.round{border-top:2px solid var(--text-15);padding-top:24px;display:grid;gap:12px;transition:border-color .6s}.round.lit{border-top-color:var(--accent)}.round .eth{color:var(--accent-deep);font-size:1.2rem}.round b{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.03em;line-height:1}.round p{color:var(--text-70);font-size:.98rem;max-width:30ch}.round small{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-50);font-weight:700}.rounds .note{font-family:var(--font-display);font-weight:500;color:var(--text-70);font-size:clamp(1.15rem,1.6vw,1.5rem);letter-spacing:-.01em}@media (max-width: 800px){.rounds .three{grid-template-columns:1fr;gap:18px}.round p{max-width:none}}.blends .container{display:grid;gap:50px}.blends .head{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;perspective:1200px}.card{position:relative;border-radius:22px;padding:28px 24px 24px;display:grid;gap:14px;min-height:330px;align-content:start;transform-style:preserve-3d;transition:transform .25s ease-out,border-color .4s,background .4s;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px 240px at var(--mx, 50%) var(--my, 50%),rgba(255,150,40,.3),transparent 70%);opacity:0;transition:opacity .4s}.card:hover{border-color:var(--gold)}.card:hover:before{opacity:1}.card .tag{font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700;display:flex;justify-content:space-between}.card .name{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,2.3vw,2.2rem);letter-spacing:-.03em;line-height:1.05}.card .notes{font-family:var(--font-display);font-weight:600;color:var(--yellow-light);font-size:1.1rem;letter-spacing:-.01em}.card p{color:var(--text-70);font-size:.92rem}.card .alt{margin-top:auto;padding-top:14px;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-50);font-weight:700;border-top:2px solid var(--text-15)}.card .bean{position:absolute;right:-18px;bottom:-22px;width:120px;height:120px;opacity:.16;transform:rotate(-20deg) translateZ(30px);color:var(--gold)}@media (max-width: 1000px){.cards{grid-template-columns:repeat(2,1fr)}.blends .head{grid-template-columns:1fr}}@media (max-width: 560px){.cards{grid-template-columns:1fr}}.popcorn{text-align:center}.popcorn .container{display:grid;gap:26px;justify-items:center;padding-bottom:34vh}.popcorn .lede{text-align:center}.visit{min-height:100vh;align-content:end;padding-bottom:0}.visit .container{display:grid;gap:50px;padding-bottom:40px;padding-top:16vh}.visit .head{display:grid;gap:22px;max-width:58ch}.visit .head .cta{display:flex;gap:18px;flex-wrap:wrap}.visit .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.visit .cell{border-top:2px solid var(--text-15);padding-top:18px;display:grid;gap:8px}.visit .cell small{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-deep);font-weight:700}.visit .cell b{font-family:var(--font-display);font-weight:800;font-size:1.45rem;line-height:1.15;letter-spacing:-.02em}.visit .cell span{color:var(--text-70);font-size:.92rem}.visit .cell a{border-bottom:2px solid var(--text-50);transition:border-color .3s}.visit .cell a:hover{border-color:var(--accent-deep)}.footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:26px 0 30px;border-top:2px solid var(--text-15);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-50);font-weight:700}.footer .eth{color:var(--brown);letter-spacing:0;text-transform:none;font-size:.95rem}.visit .caption{max-width:34ch}@media (max-width: 800px){.visit .grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.fade,.reveal .w>span{transition:none!important;transform:none!important;opacity:1!important}.scroll-cue i{animation:none}}