@font-face{font-family:DM;src:url('assets/fonts/dm-sans.9fea608a947e.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{font-family:DM,Arial,sans-serif;color:#181613;background:#f1eee7;font-synthesis:none;--cream:#f1eee7;--ease:cubic-bezier(.22,.7,.14,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0}body.loading{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:6px}button{color:inherit}::selection{background:#a94e2c;color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:var(--cream);padding:15px}.skip-link:focus{top:15px}.micro{font-size:9px;font-weight:500;letter-spacing:1.4px}.header{position:fixed;inset:0 0 auto;height:85px;padding:0 3.5%;display:flex;align-items:center;gap:30px;z-index:30;color:white;transition:color .4s,background .4s;pointer-events:none}.header>*{pointer-events:auto}.wordmark{font-size:13px;font-weight:750;letter-spacing:-.6px;line-height:1}.wordmark span{display:block;font-size:8px;letter-spacing:2.3px;margin-top:5px}.header nav{display:flex;gap:25px;margin-left:auto;font-size:10px}.header nav a{padding:10px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:4px;left:0;right:100%;height:1px;background:currentColor;transition:right .2s}.header nav a:hover:after{right:0}.nav-pill{border:1px solid #fff8;border-radius:30px;padding:10px 18px;font-size:10px;white-space:nowrap}.header.dark-ink{color:#1c1815;background:#f1eee7dc;backdrop-filter:blur(12px)}.header.dark-ink .nav-pill{border-color:#1c181566}

.loader{position:fixed;inset:0;z-index:100;color:#f5e9d1;isolation:isolate;overflow:hidden;--load:0}.loader[hidden]{display:none}.loader-paper{position:absolute;inset:0;background:#f2e5cd;transition:opacity .65s .4s}.loader-curtain{position:absolute;inset:-2px;background:radial-gradient(ellipse at 50% 50%,#70310f,#4d1c09 65%,#3e170b);will-change:transform;transition:transform 1.25s var(--ease)}.loader-curtain-left{clip-path:polygon(0 0,51% 0,49.7% 8%,50.8% 18%,49.3% 28%,50.5% 38%,49.4% 46%,50.8% 55%,49.5% 63%,50.6% 73%,49.6% 83%,50.5% 94%,50% 100%,0 100%)}.loader-curtain-right{clip-path:polygon(50% 0,100% 0,100% 100%,49.8% 100%,50.2% 94%,49.3% 83%,50.3% 73%,49.2% 63%,50.5% 55%,49.1% 46%,50.2% 38%,49% 28%,50.5% 18%,49.4% 8%)}.loader-logo{position:absolute;top:35px;width:100%;text-align:center;font-size:10px;font-weight:650;line-height:1.1;letter-spacing:1px;transition:opacity .2s}.loader-bean{position:absolute;width:180px;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-57%);filter:drop-shadow(0 16px 16px #1d090b66);perspective:1000px}.bean-half{position:absolute;inset:0;background-image:url('assets/coffee-beans.4355a87ae98d.webp');background-size:200% 200%;background-position:100% 100%;transition:transform 1.3s var(--ease);will-change:transform}.bean-half-left{clip-path:polygon(0 0,57% 0,52% 25%,50% 42%,46% 61%,48% 80%,57% 100%,0 100%)}.bean-half-right{clip-path:polygon(56% 0,100% 0,100% 100%,56% 100%,47% 80%,45% 61%,49% 42%,51% 25%)}.loader-meter{position:absolute;top:calc(50% + 83px);left:50%;width:160px;height:1px;transform:translateX(-50%);background:#da9b5433;transition:opacity .2s}.loader-meter span{display:block;width:calc(var(--load)*100%);height:1px;background:#e2ae68;box-shadow:0 0 8px #cf8c3a66}.loader-skip{position:absolute;right:30px;bottom:25px;border:0;background:none;font-size:9px;opacity:.65;transition:opacity .2s}.bean-fragments{position:absolute;top:50%;left:50%;pointer-events:none}.bean-fragments i{display:block;position:absolute;width:9px;height:15px;background:linear-gradient(35deg,#32170c,#ac6840);clip-path:polygon(20% 0,100% 35%,70% 100%,0 60%);opacity:0;transition:transform 1.2s var(--ease),opacity .2s}.bean-fragments i:nth-child(2){width:15px;height:23px}.bean-fragments i:nth-child(3){width:7px;height:11px}.loader.is-cracking .loader-curtain-left{transform:translateX(-56%)}.loader.is-cracking .loader-curtain-right{transform:translateX(56%)}.loader.is-cracking .bean-half-left{transform:translate(-46vw,-5vh) rotateY(-65deg) rotate(-35deg) scale(1.8)}.loader.is-cracking .bean-half-right{transform:translate(46vw,9vh) rotateY(65deg) rotate(35deg) scale(1.8)}.loader.is-cracking .loader-paper,.loader.is-cracking .loader-logo,.loader.is-cracking .loader-meter,.loader.is-cracking .loader-skip{opacity:0}.loader.is-cracking .bean-fragments i{opacity:1}.loader.is-cracking .bean-fragments i:nth-child(1){transform:translate(-26vw,-28vh) rotate(200deg)}.loader.is-cracking .bean-fragments i:nth-child(2){transform:translate(31vw,-18vh) rotate(-160deg)}.loader.is-cracking .bean-fragments i:nth-child(3){transform:translate(-33vw,12vh) rotate(80deg)}.loader.is-cracking .bean-fragments i:nth-child(4){transform:translate(24vw,31vh) rotate(250deg)}.loader.is-cracking .bean-fragments i:nth-child(5){transform:translate(-18vw,40vh) rotate(-320deg)}.loader.is-cracking .bean-fragments i:nth-child(6){transform:translate(10vw,-37vh) rotate(160deg)}

.film-scroll{height:570svh}.film-stage{height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden;background:var(--cream);color:white}.film-frame{position:absolute;inset:0;overflow:hidden;transform:scale(var(--film-scale,1));will-change:transform}.film-frame img,.film-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-frame video{opacity:0}.film-stage.video-ready video{opacity:1}.film-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#0004,transparent 50%)}.film-caption{position:absolute;bottom:14%;left:3.5%;transition:opacity .25s,transform .3s}.film-caption h1{font-size:clamp(38px,5vw,78px);line-height:.99;letter-spacing:-3px;font-weight:550;margin:14px 0 0}.film-stage.brand-visible .film-caption{opacity:0;transform:translateY(-20px)}.film-brand{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(65px,13vw,210px);font-weight:650;letter-spacing:-.085em;line-height:.82;color:#10100e;opacity:0;transform:scale(.85);transition:opacity .5s,transform .9s var(--ease);pointer-events:none}.film-brand span:last-child{font-size:.72em;letter-spacing:-.07em;margin-top:18px}.film-stage.brand-visible .film-brand{opacity:1;transform:scale(1)}.film-skip{position:absolute;bottom:32px;right:3.5%;width:32px;height:32px;border:1px solid #fff8;border-radius:50%;background:none;font-size:20px;color:white}.film-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff2}.film-line span{height:100%;display:block;width:var(--film-progress,0%);background:#fff}

.roast-scroll{height:350svh}.roast-stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;background:#b9c6b4;color:#f8f6ef;--roast-progress:0;--bean-turn:0deg;--bean-scale:1}.roast-kicker{position:absolute;top:120px;left:3.5%}.temperature{position:absolute;top:155px;left:3.5%;display:flex;align-items:flex-start;font-size:clamp(70px,9vw,145px);font-weight:450;letter-spacing:-7px;line-height:1}.degree{font-size:.4em;letter-spacing:-2px;padding-top:12px}.roast-description{position:absolute;right:5%;top:170px;width:200px}.roast-description h2{font-size:25px;font-weight:450;letter-spacing:-1px;margin:0 0 9px}.roast-description p{font-size:10px;opacity:.65;line-height:1.6;margin:0}.roast-axis{position:absolute;top:64%;width:125%;left:-12%;height:1px;background:#fffb;transform:rotate(-23deg)}.roast-bean{position:absolute;left:50%;top:50%;width:clamp(260px,34vw,500px);aspect-ratio:1;transform:translate(-50%,-43%) rotate(var(--bean-turn)) scale(var(--bean-scale));filter:drop-shadow(0 25px 15px #25190d44);will-change:transform}.bean-state{position:absolute;inset:0;background:url('assets/coffee-beans.4355a87ae98d.webp');background-size:200% 200%;opacity:0}.bean-green{background-position:0 0;opacity:1}.bean-light{background-position:100% 0}.bean-medium{background-position:0 100%}.bean-dark{background-position:100% 100%}.crack-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%) scale(.85);font-size:clamp(85px,15vw,240px);font-weight:750;letter-spacing:-.065em;opacity:0;pointer-events:none;will-change:transform}.roast-timeline{position:absolute;bottom:38px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;padding-bottom:23px}.roast-timeline button{border:0;background:none;font-size:8px;color:inherit;padding:10px 4px;opacity:.7}.roast-timeline-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff4}.roast-timeline-line i{display:block;height:2px;width:calc(var(--roast-progress)*100%);background:#fff}

.menu-scroll{height:670svh}.menu-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;background:#44282a;color:#f4e4d3;transition:background .4s,color .4s}.menu-kicker{position:absolute;top:115px;left:3.5%;z-index:4}.menu-wheel{position:absolute;inset:0}.menu-item{position:absolute;inset:0;will-change:transform,opacity;pointer-events:none}.menu-item.current{pointer-events:auto}.menu-item h3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(80px,12vw,200px);font-weight:650;letter-spacing:-.075em;line-height:.85;white-space:nowrap;margin:0;z-index:0}.menu-cup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(300px,41vw,590px);aspect-ratio:1;background:none;border:0;padding:0;z-index:1;perspective:1000px}.product-art{position:absolute;inset:0;background-image:url('assets/coffee-cups.e11d43d74ea0.webp');background-size:300% 200%;background-repeat:no-repeat;filter:drop-shadow(0 26px 18px #20130b20);transform:rotate(var(--cup-tilt,0deg));transition:transform .6s var(--ease)}.menu-cup:hover .product-art{transform:translateY(-15px) rotate(calc(var(--cup-tilt,0deg) - 6deg)) scale(1.05)}.menu-description{position:absolute;bottom:48px;left:3.5%;z-index:3;width:240px}.menu-description>span{font-size:9px;letter-spacing:1px}.menu-description p{font-size:14px;line-height:1.4;letter-spacing:-.4px;margin:12px 0 0}.menu-index{position:absolute;right:3.5%;bottom:48px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.menu-index button{border:0;background:none;font-size:8px;text-transform:uppercase;letter-spacing:.8px;opacity:.4;padding:2px 0;transition:opacity .2s,transform .2s}.menu-index button.active{opacity:1;transform:translateX(-12px)}.menu-index button:hover{opacity:1}.menu-position{position:absolute;top:115px;right:3.5%;font-size:9px;opacity:.7}

.coffee-bar{height:100svh;min-height:720px;position:relative;background:#f0edeb;color:#161514;overflow:hidden;--milk-fill:62%;--espresso-fill:13%;--foam-fill:12%}.bar-kicker{position:absolute;left:3.5%;top:115px}.coffee-bar>h2{position:absolute;left:3.5%;top:22%;font-size:clamp(33px,4.4vw,70px);line-height:.95;letter-spacing:-3px;font-weight:500;margin:0;z-index:2}.bar-recipe{position:absolute;right:3.5%;top:22%;width:180px;text-align:right}.bar-recipe h3{font-size:30px;font-weight:450;letter-spacing:-1px;margin:0 0 22px}.bar-recipe dl{font-size:9px;line-height:1.9;opacity:.65}.bar-recipe dl div{display:flex;gap:25px;justify-content:space-between}.bar-recipe dd{margin:0}.bar-glass-wrap{position:absolute;left:50%;top:49%;width:190px;height:360px;transform:translate(-50%,-50%)}.bar-glass{position:absolute;inset:0;border:3px solid #fff9;border-top:1px solid #bbb5;border-bottom-width:12px;border-radius:8px 8px 34px 34px;background:linear-gradient(90deg,#fff5,#ffffff0a 20%,#a2a3a315 49%,#fff5 73%,#5552 90%,#fff9);box-shadow:inset 5px 0 7px #5c626344,inset -5px 0 7px #fff9,0 3px 3px #54515033;transform:perspective(700px) rotateX(-2deg)}.glass-inner{position:absolute;inset:8px 8px 1px;overflow:hidden;border-radius:3px 3px 25px 25px;display:flex;flex-direction:column-reverse;justify-content:flex-start}.liquid-espresso{height:var(--espresso-fill);background:linear-gradient(90deg,#32150c,#603016 20%,#4e2510 55%,#76421f 85%,#3b190e);flex-shrink:0;border-top:3px solid #af7e4d;border-radius:45% 45% 0 0/10px 10px 0 0;transition:height .65s var(--ease)}.liquid-milk{height:var(--milk-fill);background:linear-gradient(90deg,#d5b98d,#e7d2b2 12%,#c9a06e 48%,#ead3ac 78%,#b7885b);flex-shrink:0;transition:height .65s var(--ease);box-shadow:inset 0 -20px 24px #683b1940}.liquid-foam{height:var(--foam-fill);background:linear-gradient(90deg,#ded9d0,#fffff4 20%,#efeee5 60%,#fff 83%,#d2c9b9);border-radius:45% 45% 0 0/12px 12px 0 0;flex-shrink:0;transition:height .65s var(--ease)}.glass-rim{position:absolute;top:-4px;left:-3px;right:-3px;height:14px;border:2px solid #a5a7a88c;border-radius:50%;box-shadow:0 1px 2px #fffc,inset 0 2px 2px #fff}.glass-glare{position:absolute;left:13px;top:10px;width:17px;bottom:18px;background:linear-gradient(90deg,transparent,#fff9,#fff1);border-radius:0 0 12px 12px;pointer-events:none}.glass-base{position:absolute;height:16px;bottom:-4px;left:4px;right:4px;border-radius:50%;background:linear-gradient(#fff0,#e8e6e3aa,#72757577,#e7e6e5aa)}.glass-shadow{position:absolute;left:0;right:0;bottom:-12px;height:25px;background:#25201b28;filter:blur(13px);border-radius:50%}.bar-controls{position:absolute;bottom:40px;left:3.5%;right:3.5%}.bar-controls input{width:100%;appearance:none;height:1px;background:#bbb4b0;display:block;margin:0 0 28px;cursor:pointer}.bar-controls input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#2c2926;box-shadow:0 0 0 5px #f0edeb}.bar-controls input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#2c2926;border:0}.recipe-options{display:flex;justify-content:space-between;gap:12px}.recipe-options button{font-size:9px;border:0;background:none;color:#7b7570;padding:9px 0;position:relative}.recipe-options button.active{color:#161514}.recipe-options button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor}.roastery{position:relative;height:85svh;min-height:500px;overflow:hidden;color:#fff}.roastery>img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}.roastery-shade{position:absolute;inset:0;background:linear-gradient(90deg,#100a09aa,#100a0920)}.roastery-copy{position:absolute;left:3.5%;top:27%;right:5%}.roastery h2{font-size:clamp(38px,5vw,75px);font-weight:500;line-height:.98;letter-spacing:-3px;margin:22px 0 28px}.roastery-copy>div{display:flex;gap:12px}.button-light,.button-outline{display:inline-block;border-radius:30px;padding:12px 20px;border:1px solid #fff8;font-size:10px;background:transparent;color:white}.button-light{background:#f4f0e9;color:#1a1714;border-color:#f4f0e9}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 3.5%;background:#f1eee7;font-size:9px}footer>a:first-child{font-size:12px;font-weight:650;letter-spacing:-.5px}
@media(min-width:1700px){.header{height:100px}.menu-kicker,.menu-position,.bar-kicker{top:140px}}
@media(max-width:800px){.header{height:75px;gap:20px;padding:0 5%}.header nav{gap:18px;font-size:9px}.nav-pill{font-size:8px;padding:9px 13px}.wordmark{font-size:11px}.wordmark span{font-size:7px}.film-caption{left:5%;bottom:16%}.film-caption h1{font-size:54px;letter-spacing:-2.4px}.film-scroll{height:480svh}.temperature{top:150px;font-size:90px;letter-spacing:-5px}.roast-description{top:165px;right:5%;width:145px}.roast-description h2{font-size:22px}.roast-description p{font-size:9px}.roast-bean{width:350px}.menu-description p{font-size:12px}.menu-description{width:190px}.menu-cup{width:490px}.menu-item h3{font-size:14vw}.coffee-bar>h2{font-size:46px;letter-spacing:-2px;top:20%}.bar-recipe{top:20%;width:120px}.bar-recipe h3{font-size:25px}.bar-glass-wrap{top:55%;width:155px;height:300px}}
@media(max-width:520px){html{scroll-padding-top:70px}.header{height:70px;gap:15px}.header nav{gap:14px}.header nav a:nth-child(3),.header nav a:nth-child(4){display:none}.nav-pill{font-size:8px;padding:9px 11px}.wordmark{font-size:10px}.wordmark span{font-size:6px;letter-spacing:1.8px}.loader-logo{top:27px;font-size:9px}.loader-bean{width:155px}.loader-meter{top:calc(50% + 75px);width:135px}.loader-skip{bottom:22px;right:22px;font-size:8px}.film-stage{min-height:530px}.film-caption{bottom:17%;left:5%}.film-caption h1{font-size:44px;letter-spacing:-2px;line-height:1.02}.film-caption .micro{font-size:7px}.film-brand{font-size:15vw;letter-spacing:-.085em}.film-brand span:last-child{margin-top:13px}.film-frame img,.film-frame video{object-position:60% center}.film-skip{right:5%;bottom:25px}.film-scroll{height:430svh}.roast-scroll{height:300svh}.roast-kicker{top:108px;left:5%;font-size:7px}.temperature{top:145px;left:5%;font-size:78px;letter-spacing:-5px}.degree{letter-spacing:-1px;padding-top:7px}.roast-description{top:155px;width:125px;right:5%;text-align:right}.roast-description h2{font-size:20px;letter-spacing:-.6px}.roast-description p{font-size:8px}.roast-bean{width:330px;top:52%}.roast-axis{top:65%;width:160%;left:-30%;transform:rotate(-32deg)}.crack-word{font-size:24vw}.roast-timeline{left:5%;right:5%;bottom:33px}.roast-timeline button{font-size:7px}.menu-scroll{height:600svh}.menu-stage{min-height:590px}.menu-kicker,.menu-position{top:105px;font-size:7px}.menu-kicker{left:5%}.menu-position{right:5%}.menu-cup{width:90vw;max-width:440px;top:47%}.menu-item h3{font-size:15vw;top:47%;letter-spacing:-.08em}.menu-description{bottom:47px;left:5%;width:165px}.menu-description>span{font-size:8px}.menu-description p{font-size:11px;line-height:1.5}.menu-index{right:5%;bottom:47px;gap:8px}.menu-index button{font-size:6px;letter-spacing:.5px}.menu-index button.active{transform:translateX(-7px)}.coffee-bar{min-height:750px}.bar-kicker{left:5%;top:105px;font-size:7px}.coffee-bar>h2{left:5%;top:20%;font-size:36px;letter-spacing:-1.8px;line-height:.98}.bar-recipe{right:5%;top:34%;width:100px}.bar-recipe h3{font-size:20px;margin-bottom:10px;letter-spacing:-.7px}.bar-recipe dl{font-size:7px}.bar-recipe dl div{gap:12px}.bar-glass-wrap{width:143px;height:295px;top:54%;left:41%}.bar-controls{bottom:35px;left:5%;right:5%}.recipe-options{gap:8px;flex-wrap:wrap}.recipe-options button{font-size:7px}.roastery{height:70svh;min-height:500px}.roastery-copy{left:5%;top:27%}.roastery h2{font-size:40px;letter-spacing:-1.8px}.roastery-copy .micro{font-size:8px}footer{padding:28px 5%;font-size:7px}footer>a:first-child{font-size:9px}.micro{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.loader{display:none}.film-scroll{height:100svh;min-height:560px}.film-brand{display:none}.film-caption{opacity:1!important;transform:none!important}.menu-scroll{height:auto}.menu-stage{height:auto;min-height:0;padding:120px 5% 40px}.menu-wheel{position:relative;display:grid;gap:50px}.menu-item{position:relative;height:480px;transform:none!important;opacity:1!important;pointer-events:auto!important}.menu-item h3{font-size:clamp(55px,12vw,140px)}.menu-cup{width:min(75vw,400px)}.menu-index,.menu-position,.menu-description{display:none}.menu-kicker{top:90px}.roast-scroll{height:100svh;min-height:580px}}
.film-frame .film-final{z-index:2;opacity:var(--final-opacity,0);transition:opacity .3s}.film-vignette{z-index:3}.header.dark-ink{background:transparent;backdrop-filter:none}.menu-description p{white-space:pre-line}
html{scroll-padding-top:0}.menu-item h3{font-size:clamp(105px,16vw,270px);transform:translate(calc(-50% + var(--name-x,0px)),calc(-50% + var(--name-y,0px))) skewX(var(--name-skew,0deg)) scale(var(--name-scale,1));will-change:transform;backface-visibility:hidden}.product-art{will-change:transform}.menu-description{pointer-events:none}@media(max-width:520px){.menu-item h3{font-size:20vw}}@media(prefers-reduced-motion:reduce){.menu-item h3{transform:translate(-50%,-50%)!important}}
@font-face{font-family:Revelation;src:url('assets/fonts/instrument-serif.5eb09b5ac0e2.woff2') format('woff2');font-weight:400;font-display:swap}
.film-stage,.roast-stage,.menu-stage,.coffee-bar{overflow:clip}
.film-frame .film-final{display:none}
.film-brand{display:block;isolation:isolate;background:radial-gradient(ellipse at 50% 38%,#50311f,#20120e 56%,#100b09);color:#fff1d9;font-family:Revelation,Georgia,serif;letter-spacing:-.035em;opacity:0;transform:none;transition:opacity .5s;perspective:1400px;overflow:clip}
.film-stage.brand-visible .film-brand{transform:none}
.rebuild-glow{position:absolute;left:10%;right:10%;top:3%;height:70%;background:radial-gradient(ellipse,#b57b4140,transparent 65%);filter:blur(40px)}
.rebuild-cup{position:absolute;width:min(78vw,860px);aspect-ratio:1;left:50%;top:39%;transform:translate(-50%,-50%);perspective:1200px;filter:drop-shadow(0 25px 30px #0008)}
.cup-shard{position:absolute;inset:0;background-image:url('assets/coffee-cups.e11d43d74ea0.webp');background-position:0 100%;background-size:300% 200%;will-change:transform,opacity;backface-visibility:hidden;opacity:0}
.rebuild-name{position:absolute;width:100%;height:1.15em;left:0;top:62%;font-size:clamp(82px,15vw,240px);font-weight:400;line-height:.9;letter-spacing:-.045em;text-shadow:0 3px 22px #080402bb;perspective:1000px}
.name-shard{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;white-space:nowrap;will-change:transform,opacity;background:linear-gradient(110deg,#c79b65,#fff3d8 24%,#fff8e9 60%,#d7af77);color:transparent;background-clip:text;-webkit-background-clip:text;opacity:0}
.brand-subtitle{position:absolute;left:0;right:0;top:1.14em;display:flex;justify-content:center;gap:1.1em;font-family:DM,Arial,sans-serif;font-size:clamp(10px,1.15vw,17px);font-weight:500;letter-spacing:0;color:#d4af78;text-shadow:none}
.brand-subtitle span{display:block;font-size:inherit!important;margin:0!important;letter-spacing:0!important}
.coffee-bar{background:radial-gradient(ellipse at 49% 51%,#5a3b29 0%,#332117 35%,#211711 65%,#1a120e);color:#f8ecd9;isolation:isolate;min-height:790px}
.bar-spotlight{position:absolute;width:60%;height:75%;top:14%;left:20%;border-radius:50%;background:radial-gradient(ellipse,#c3986430,transparent 65%);filter:blur(15px);z-index:-1;pointer-events:none}
.coffee-bar>h2{font-family:Revelation,Georgia,serif;font-size:clamp(45px,5.1vw,78px);font-weight:400;letter-spacing:-.025em;top:20%;line-height:.96}
.bar-kicker{color:#c5a078}.bar-recipe{z-index:9;top:24%}.bar-recipe h3{font-family:Revelation,Georgia,serif;color:#e8c69c;font-size:40px}.bar-recipe dl{color:#dac9b3;opacity:.8}
.bar-glass-wrap{top:57%;z-index:5;filter:drop-shadow(0 12px 25px #05030255)}
.bar-glass{border-color:#fff7e65c;background:linear-gradient(90deg,#faf0db22,#ffffff02 20%,#d7be9d0c 49%,#f3dcba33 75%,#fff0dd08 90%,#fff7e95a);box-shadow:inset 5px 0 7px #eee0c533,inset -5px 0 7px #fff5,0 3px 3px #0007}
.glass-rim{border-color:#f9eed36e}.glass-shadow{background:#08040299;filter:blur(18px);height:35px;bottom:-20px}
.liquid-milk{position:relative}.liquid-milk:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 9px,#fff0c955 20px,transparent 39px);opacity:0;transition:opacity .5s;filter:blur(8px)}
.is-pouring .liquid-milk:after{opacity:.8;animation:milk-fold 1.3s linear infinite}
@keyframes milk-fold{to{transform:translateY(35px) skewX(-15deg)}}
.pour-rig{position:absolute;left:calc(50% - 24px);top:calc(57% - 245px);width:310px;height:460px;pointer-events:none;z-index:7;transform-origin:0 0}
.teapot{position:absolute;width:310px;height:auto;left:0;top:0;transform-origin:8% 22%;transform:rotate(4deg);transition:transform .65s cubic-bezier(.2,.8,.3,1);filter:drop-shadow(5px 18px 15px #09050355);z-index:2}
.is-pouring .teapot{transform:rotate(-26deg)}
.pour-flow{position:absolute;inset:0;width:310px;height:460px;overflow:visible}
.milk-stream{stroke:#f5e4c5;stroke-width:6;stroke-linecap:round;opacity:0;transition:opacity .18s}
.milk-highlight{stroke:#fffaf0;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:16 13;opacity:0;transition:opacity .18s}
.is-pouring .milk-stream,.is-pouring .milk-highlight{opacity:1}.is-pouring .milk-highlight{animation:stream-fall .3s linear infinite}
@keyframes stream-fall{to{stroke-dashoffset:-29}}
.pour-splash{opacity:0;transition:opacity .2s}.is-pouring .pour-splash{opacity:1}.splash-ring{stroke:#fff3dc;stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:ripple .7s ease-out infinite}.splash-ring.second{animation-delay:.35s}
@keyframes ripple{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.8);opacity:0}}
.bar-controls{z-index:10}.bar-controls input{background:#b0956a75;height:2px}.bar-controls input::-webkit-slider-thumb{background:#f4dfb4;box-shadow:0 0 0 5px #332318,0 0 20px #d5b07966}.bar-controls input::-moz-range-thumb{background:#f4dfb4}.recipe-options button{color:#c6b49b}.recipe-options button.active{color:#fff0d5}
@media(max-width:800px){.rebuild-name{font-size:17vw;top:64%}.rebuild-cup{width:min(94vw,750px);top:40%}.coffee-bar>h2{font-size:52px;top:19%;max-width:370px}.bar-recipe{top:28%;width:110px}.bar-recipe h3{font-size:29px}.bar-glass-wrap{top:59%}.pour-rig{top:calc(59% - 210px);left:calc(50% - 20px);transform:scale(.82)}}
@media(max-width:520px){.rebuild-cup{width:125vw;top:42%}.rebuild-name{font-size:18.5vw;top:64%;height:1.2em}.brand-subtitle{font-size:10px;gap:1.05em;top:1.05em}.coffee-bar{min-height:820px}.coffee-bar>h2{font-size:43px;top:18%;max-width:290px;z-index:9}.bar-glass-wrap{left:41%;top:59%}.pour-rig{left:calc(41% - 17px);top:calc(59% - 190px);transform:scale(.72)}.bar-recipe{top:33%;right:5%;width:95px}.bar-recipe h3{font-size:27px}.bar-recipe dl{font-size:7px}.bar-controls{bottom:35px}}
@media(prefers-reduced-motion:reduce){.film-brand{display:none}.cup-shard,.name-shard{transform:none!important;opacity:1!important}.pour-rig{display:none}.liquid-milk:after{display:none}}
.rebuild-cup{width:min(56vw,65svh,650px);top:39%;filter:drop-shadow(0 28px 24px #0007)}
.rebuild-name{top:66%;height:1em;font-size:clamp(68px,11.5vw,172px);letter-spacing:-.025em;line-height:.9;text-shadow:0 3px 18px #08040266}
.brand-subtitle{top:calc(100% + 22px);font-size:clamp(11px,1vw,15px);gap:1.15em;color:#d8b985}
.reveal-whole{position:absolute;inset:0;opacity:0}
.cup-whole{background-image:url('assets/coffee-cups.e11d43d74ea0.webp');background-position:0 100%;background-size:300% 200%}
.name-whole{display:flex;justify-content:center;align-items:flex-start;white-space:nowrap;background:linear-gradient(110deg,#dec49d,#fff6e5 30%,#f4e9d3 72%,#d0af7e);color:transparent;background-clip:text;-webkit-background-clip:text}
@media(max-width:800px){.rebuild-cup{width:min(80vw,61svh,580px);top:39%}.rebuild-name{font-size:14vw;top:65%}.brand-subtitle{top:calc(100% + 20px);font-size:12px}}
@media(max-width:520px){.rebuild-cup{width:min(100vw,57svh);top:40%}.rebuild-name{font-size:17vw;top:64%;height:1em}.brand-subtitle{top:calc(100% + 19px);font-size:10px;gap:1.1em}}
@media(max-width:520px){.bar-recipe{top:66%}}
.coffee-bar{min-height:700px}@media(max-width:520px){.coffee-bar{min-height:820px}}
[hidden]{display:none!important}
.film-stage{background:#eee9e0;color:#211c18}
.film-scroll{height:470svh}
.film-frame{background:#eee9e0}.film-frame img,.film-frame video{object-position:50% 50%}
.film-vignette{background:none}.film-stage .film-caption{bottom:auto;top:37%;left:3.5%;max-width:34%;z-index:5}
.film-caption h2{font-size:clamp(36px,5.3vw,82px);font-weight:750;letter-spacing:-.065em;line-height:.9;margin:18px 0}
.story-data{font-size:11px;letter-spacing:.25px;line-height:1.5;margin:18px 0 0}
.film-skip{color:#261d15;border-color:#261d1560;z-index:5}.film-stage.brand-visible .film-skip{color:#fff3df;border-color:#fff5}
.film-line{background:#2b201220}.film-line span{background:#9d6844;transform-origin:left}
.story-frames{position:absolute;inset:0;z-index:2}.story-frames img{opacity:0;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.story-thread{position:absolute;width:4px;left:50%;top:18%;height:54%;transform:translateX(-50%);z-index:3;pointer-events:none;opacity:0}
.story-thread span{height:100%;width:100%;display:block;background:linear-gradient(#e8d2a722,#9d6f45a8,#52331ed9);transform-origin:top;transform:scaleY(0)}
.film-brand{z-index:6}.menu-item:not(.near){visibility:hidden}.menu-item{will-change:auto}.menu-item.near{will-change:transform,opacity}.menu-item .product-art,.menu-item h3{will-change:auto}.menu-item.near .product-art,.menu-item.near h3{will-change:transform}
.film-brand:not(.assembling) .cup-shard,.film-brand:not(.assembling) .name-shard{visibility:hidden;will-change:auto}
.bar-glass-wrap{top:50%;left:50%}.pour-rig{top:calc(50% - 245px);left:calc(50% - 24px)}
.coffee-bar:not(.in-view) .splash-ring,.coffee-bar:not(.in-view) .liquid-milk:after,.coffee-bar:not(.in-view) .milk-highlight{animation-play-state:paused}
.shop-section{padding:95px 5% 80px;background:#eee9e0;color:#211c18}.shop-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px}.shop-heading h2{font-family:Revelation,Georgia,serif;font-size:clamp(40px,5vw,68px);font-weight:400;letter-spacing:-.035em;margin:0}.shop-heading button{background:none;border:0;border-bottom:1px solid #7a6c5960;font-size:10px;padding:10px 0}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.shop-card{display:block}.shop-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .4s}.shop-card:hover img{transform:translateY(-5px)}.shop-card h3{font-family:Revelation,Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-.02em;margin:20px 0 8px}.shop-card>span{font-size:10px;opacity:.65}
@media(max-width:800px){.film-stage .film-caption{top:30%;max-width:37%}.film-caption h2{font-size:44px}.story-data{font-size:9px}.bar-glass-wrap{top:50%}.pour-rig{top:calc(50% - 210px);left:calc(50% - 20px)}.shop-section{padding:70px 5%}.shop-grid{gap:15px}.shop-card h3{font-size:25px}}
@media(max-width:520px){.film-stage .film-caption{left:5%;top:17%;max-width:82%}.film-caption h2{font-size:43px;line-height:.92;margin-top:15px}.story-data{font-size:9px;margin-top:13px}.film-frame img,.film-frame video,.story-frames img{object-fit:contain;object-position:50% 58%;background:#eee9e0}.story-thread{width:2px;top:39%;height:28%}.film-scroll{height:440svh}.bar-glass-wrap{left:50%;top:53%}.pour-rig{top:calc(53% - 180px);left:calc(50% - 15px);transform:scale(.63)}.coffee-bar>h2{font-size:38px;top:16%;max-width:270px}.shop-section{padding:60px 5%}.shop-heading{margin-bottom:25px}.shop-grid{grid-template-columns:1fr;gap:35px}.shop-card h3{font-size:30px;margin-top:17px}}
@media(prefers-reduced-motion:reduce){.story-thread{display:none}.menu-item{visibility:visible!important}.story-frames{display:none}.film-frame video{display:none}.film-caption{opacity:1!important;transform:none!important}}
.menu-index{gap:2px}.menu-index button{opacity:.82;min-height:28px;min-width:48px;padding:6px 8px;font-size:8px}.menu-index button.active{opacity:1}.recipe-options button{min-height:32px;padding:7px 8px}.wordmark{padding:4px 0}.shop-card>span{opacity:.78}.menu-scroll{content-visibility:auto;contain-intrinsic-size:auto 670svh}.shop-section{content-visibility:auto;contain-intrinsic-size:auto 700px}@media(prefers-reduced-motion:reduce){.film-scroll{height:100svh;min-height:560px}}
.bar-scroll{height:330svh;content-visibility:auto;contain-intrinsic-size:auto 330svh}.coffee-bar{position:sticky;top:0;height:100svh}.bar-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity .4s;z-index:0}#bar-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;pointer-events:none}.coffee-bar.video-ready #bar-video{opacity:1}.coffee-bar.video-ready .bar-glass-wrap,.coffee-bar.video-ready .pour-rig,.coffee-bar.video-ready .bar-spotlight{visibility:hidden}.coffee-bar>h2,.bar-kicker,.bar-recipe,.bar-controls{z-index:10}.bar-kicker{position:absolute}@media(max-width:520px){.bar-scroll{height:300svh}.coffee-bar.video-ready #bar-video{object-fit:contain;background:#24170f}}@media(prefers-reduced-motion:reduce){.bar-scroll{height:auto;content-visibility:visible}.coffee-bar{position:relative}}
html{scroll-behavior:auto}
.film-stage,.menu-stage,.coffee-bar{contain:layout paint;isolation:isolate}
.menu-scroll,.bar-scroll{content-visibility:visible}
.film-frame{transform:none;will-change:auto}
.film-line span{width:100%;transform:scaleX(0);will-change:transform}
.menu-item .product-art{transition:none;filter:none}
.menu-stage{transition:none;background:#3f292c}
.menu-palette{position:absolute;inset:0;z-index:-1;pointer-events:none}
.menu-palette span{position:absolute;inset:0;opacity:0;transition:opacity .35s}
.menu-palette span.active{opacity:1}
.bar-recipe{contain:layout style}.bar-recipe dd{min-width:5ch;font-variant-numeric:tabular-nums}
.menu-cup:after{content:'';position:absolute;left:20%;right:15%;bottom:15%;height:9%;background:radial-gradient(ellipse,#20130b24,transparent 70%);z-index:-1;pointer-events:none}
.rebuild-cup{filter:none}.rebuild-glow{filter:none}
.film-brand.assembled .reveal-whole,.film-brand.assembled .brand-subtitle span{opacity:1}
.scroll-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;pointer-events:none}
.film-stage.frames-ready #ritual-frames{opacity:1}
.coffee-bar.frames-ready #bar-frames{opacity:1}
.coffee-bar.frames-ready .bar-glass-wrap,.coffee-bar.frames-ready .pour-rig,.coffee-bar.frames-ready .bar-spotlight{visibility:hidden}
@media(max-width:520px){.film-frame .scroll-canvas{object-fit:contain;object-position:50% 58%;background:#eee9e0}.coffee-bar.frames-ready #bar-frames{object-fit:contain;background:#24170f}}
@media(prefers-reduced-motion:reduce){.scroll-canvas{display:none}.film-line{display:none}}