:root{--brown:#201009;--dark:#170b07;--medium:#3a1c11;--cream:#f8f0e5;--ivory:#f5e6cd;--gold:#f1af32;--orange:#e9a321;--muted:#bfae98;--pad:clamp(22px,6.2vw,110px);--display:'Oswald','Arial Narrow',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--brown);color:var(--cream);font:400 15px/1.6 'DM Sans',sans-serif;overflow-x:hidden}body.loading{overflow:hidden}::selection{background:var(--gold);color:var(--dark)}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}em{font-style:normal;color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.grain-overlay{pointer-events:none;position:fixed;z-index:100;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E")}.progress-track{position:fixed;z-index:101;top:0;left:0;right:0;height:3px;pointer-events:none}.progress-track span{display:block;height:100%;width:0;background:var(--gold)}.preloader{position:fixed;z-index:200;inset:0;background:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.loader-brand{font:600 clamp(55px,11vw,150px)/1 var(--display);letter-spacing:-.06em}.loader-brand span{font:15px 'DM Sans',sans-serif;vertical-align:top;letter-spacing:0}.loader-rule{width:min(280px,66vw);height:2px;background:#493126}.loader-rule i{display:block;width:0;height:100%;background:var(--gold);transition:width .16s}.loader-caption{font:10px 'Manrope',sans-serif;letter-spacing:2px;color:var(--muted)}.site-header{position:absolute;z-index:40;top:0;left:0;width:100%;height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);transition:background .4s,transform .4s}.site-header.is-scrolled{position:fixed;height:78px;background:#1a0b07e8;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff15}.brand{display:flex;flex-direction:column;line-height:1}.brand strong{font:600 35px/1 var(--display);letter-spacing:.025em}.brand sup,.footer-logo sup{font:11px 'DM Sans',sans-serif;top:-1em;position:relative}.brand small{font:500 9px/1.4 'Manrope',sans-serif;letter-spacing:.24em;margin-left:2px}.desktop-nav{display:flex;gap:clamp(20px,3vw,54px)}.desktop-nav a,.nav-cta,.lang-toggle{font-size:11px;letter-spacing:.13em;font-weight:700}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:2px;background:var(--gold);transition:width .3s}.desktop-nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:18px}.lang-toggle{background:none;border:0;color:var(--cream);cursor:pointer;padding:12px}.nav-cta{display:flex;align-items:center;gap:25px;padding:13px 21px;border-radius:30px;color:#1c0e08;background:var(--gold);transition:transform .2s,background .2s}.nav-cta:hover,.visit-cta:hover{transform:translateY(-3px);background:#ffd26a}.menu-toggle{border:0;background:none;display:none;width:38px;height:40px;cursor:pointer}.menu-toggle span:not(.sr-only){display:block;height:2px;width:26px;background:var(--cream);margin:7px auto}.mobile-menu{display:none}.hero-sequence{height:400vh;position:relative}.hero-sticky{position:sticky;top:0;width:100%;height:100vh;height:100svh;background:radial-gradient(ellipse at 65% 45%,#4b281b 0%,#201009 75%);overflow:hidden}#coffeeCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,10,5,.9) 0%,rgba(29,11,5,.76) 33%,rgba(29,11,5,.15) 61%,rgba(15,6,3,.03) 100%);pointer-events:none}.hero-copy{position:absolute;z-index:3;left:var(--pad);top:50%;transform:translateY(-38%);width:60%;max-width:830px}.eyebrow{display:flex;align-items:center;gap:15px;letter-spacing:.21em;font-size:10px;font-weight:700}.eyebrow-line{width:34px;height:1px;background:var(--gold)}.hero-title,.display-heading,.big-quote{font-family:var(--display);font-weight:700;letter-spacing:-.045em;text-transform:uppercase}.hero-title{font-size:clamp(80px,10.5vw,184px);line-height:.92;margin-top:30px;white-space:nowrap}.hero-title .line-mask{display:block;overflow:hidden;padding-bottom:.09em}.hero-title .line-mask>span{display:block}.hero-title em{color:var(--gold)}.hero-description{max-width:320px;margin:24px 0 35px;line-height:1.7;font-size:14px;color:#f1e4d9}.round-link{display:inline-flex;align-items:center;gap:22px;font-weight:700;font-size:10px;letter-spacing:.11em}.arrow-circle{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e7c9a4;border-radius:50%;font-size:18px;transition:background .3s,color .3s,transform .3s}.round-link:hover .arrow-circle{background:var(--gold);color:var(--dark);transform:rotate(45deg)}.hero-bottom{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:32px;display:flex;align-items:center;gap:20px;font-size:10px;font-weight:700;letter-spacing:.13em}.hero-index{color:#b59e8b;margin-right:auto}.hero-scroll-line{display:block;width:80px;height:1px;background:#97725b;position:relative}.hero-scroll-line:after{content:'';display:block;width:35%;height:2px;background:var(--gold);animation:scrollline 2s ease-in-out infinite alternate}.hero-scroll-percent{font-variant-numeric:tabular-nums;color:var(--gold);min-width:44px;text-align:right}@keyframes scrollline{to{transform:translateX(185%)}}.hero-final-word{position:absolute;right:var(--pad);bottom:90px;font:600 clamp(25px,3vw,54px)/1 var(--display);opacity:0;transform:translateY(30px);letter-spacing:-.04em}.section-inner{width:100%;max-width:1700px;margin:auto;padding-left:var(--pad);padding-right:var(--pad)}.section-label{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.18em;font-weight:800;color:#513429}.section-label .dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}.section-number{margin-left:auto;color:#a28770}.section-label.light{color:#e9d8c8}.display-heading{font-size:clamp(66px,8vw,140px);line-height:.98}.intro-section{position:relative;overflow:hidden;background:var(--cream);color:var(--brown);padding:130px 0 155px}.intro-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:8%;align-items:end;margin-top:62px}.intro-big{position:relative}.intro-big h2{position:relative;z-index:2}.intro-copy{max-width:360px;margin-bottom:18px}.intro-copy p{font-size:17px;line-height:1.95;color:#5b4939}.small-rule{display:block;width:65px;height:1px;background:#9f8062;margin-bottom:40px}.underline-link{margin-top:35px;padding-bottom:9px;border-bottom:1px solid var(--brown);display:inline-flex;gap:65px;font-size:11px;letter-spacing:.08em;font-weight:700}.underline-link:hover{color:#ae671c}.intro-seal{position:absolute;right:-12px;top:-75px;width:160px;height:160px;border:1px solid #bcaa94;border-radius:50%;display:grid;place-items:center;transform:rotate(-13deg)}.seal-ring{font-size:10px;letter-spacing:.12em;width:120px;text-align:center;line-height:2}.intro-seal>span{position:absolute;bottom:26px;font-size:30px;color:var(--orange)}.beans-float{position:absolute;width:47px;height:75px;border-radius:50%;background:radial-gradient(ellipse at 25% 18%,#c68d4f,#724021 55%,#261109 85%);box-shadow:inset -8px -5px 12px #150a0666,8px 12px 20px #35170622;transform:rotate(38deg)}.beans-float:after{content:'';position:absolute;left:50%;top:9px;bottom:8px;width:7px;border-radius:50%;background:#2b130c;transform:rotate(10deg)}.bean-1{right:12%;bottom:-10px}.bean-2{right:21%;top:8%;transform:rotate(-35deg) scale(.6)}.ticker{background:var(--gold);color:#281305;padding:18px 0;overflow:hidden;transform:rotate(-1deg) scale(1.02);position:relative;z-index:2}.ticker-track{width:max-content;animation:ticker 28s linear infinite;font:600 clamp(18px,2.2vw,35px)/1 var(--display);white-space:nowrap;letter-spacing:.025em}.ticker-track b{margin:0 28px;font-family:'DM Sans',sans-serif;font-weight:400}@keyframes ticker{to{transform:translateX(-50%)}}.gallery-section{background:var(--cream);color:var(--dark);padding:145px 0 130px;overflow:hidden}.gallery-heading-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:52px}.gallery-aside{max-width:280px;font-size:16px;line-height:1.8;margin-bottom:10px;color:#77614f}.gallery-counter{display:flex;justify-content:space-between;max-width:275px;margin-top:55px;font-size:10px;letter-spacing:.12em;font-weight:700}.gallery-track-viewport{overflow:visible;margin:30px 0 0 var(--pad)}.gallery-track{display:flex;gap:22px;width:max-content;will-change:transform}.drink-card{width:clamp(340px,32vw,560px);height:clamp(480px,42vw,660px);position:relative;flex:none;background:#3c1f13;overflow:hidden;border-radius:4px;isolation:isolate}.drink-photo{position:absolute;inset:0;background-image:linear-gradient(0deg,#160906a8,transparent 55%),var(--photo);background-size:cover;background-position:center;transition:transform .85s cubic-bezier(.2,.65,.2,1);background-color:#7c4a2d}.drink-card:hover .drink-photo{transform:scale(1.1)}.drink-card-2 .drink-photo{background-position:48% center}.drink-card-3 .drink-photo{background-position:55% center}.drink-card-4 .drink-photo{background-position:52% center}.drink-overlay{position:absolute;z-index:2;inset:0;padding:24px 29px;display:flex;justify-content:space-between;flex-direction:column;color:#fff}.drink-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.15em;font-weight:700}.drink-top span:last-child{border-radius:50%;border:1px solid #ffffff9c;padding:2px 11px;font-size:20px}.drink-info h3{font:600 clamp(45px,5vw,75px)/1 var(--display);letter-spacing:-.03em}.drink-info p{font-size:11px;letter-spacing:.15em;margin-top:12px}.gallery-mobile-hint{display:none}.craft-section{display:grid;grid-template-columns:50% 50%;background:#271107;color:var(--cream);min-height:850px}.craft-visual{position:relative;min-height:850px;overflow:hidden}.craft-photo{position:absolute;inset:-12%;background-image:url('https://images.unsplash.com/photo-1497515114629-f71d768fd07c?w=1400&q=90');background-size:cover;background-position:center;filter:sepia(.35) saturate(.8)}.craft-gradient{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#27110788),linear-gradient(0deg,#27110790,transparent 55%)}.craft-rotating-badge{position:absolute;bottom:50px;left:50px;background:var(--gold);border-radius:50%;color:#201009;width:143px;height:143px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transform:rotate(-12deg);font-size:32px}.craft-rotating-badge span{font-size:9px;letter-spacing:.18em;font-weight:800}.craft-content{padding:110px clamp(35px,6vw,100px) 115px 8%;display:flex;flex-direction:column;justify-content:center}.craft-content .display-heading{margin:67px 0 38px;font-size:clamp(65px,7vw,117px)}.craft-description{max-width:420px;font-size:16px;color:#d5bdaa;line-height:1.9}.craft-steps{margin-top:65px}.craft-step{border-top:1px solid #9f806245;padding:16px 0;display:flex;align-items:center;gap:28px}.craft-step:last-child{border-bottom:1px solid #9f806245}.craft-step>span:first-child{font-size:10px;color:var(--gold)}.craft-step strong{font:500 27px var(--display);letter-spacing:.04em}.step-line{margin-left:auto;width:27px;height:1px;background:var(--gold);transform-origin:right;transition:width .35s}.craft-step:hover .step-line{width:60px}.quote-section{min-height:790px;position:relative;overflow:hidden;background:var(--gold);color:#241107;padding:125px 0}.quote-inner{position:relative;z-index:2}.quote-section .section-label{color:#301709}.big-quote{margin:105px 0 65px;font-size:clamp(78px,12vw,190px);line-height:.95;white-space:nowrap}.big-quote em{color:#fff5e1}.quote-bottom{display:flex;justify-content:space-between;align-items:end}.quote-bottom p{max-width:340px;font-size:17px;line-height:1.8}.asterisk{font-size:130px;line-height:.7;animation:spin 20s linear infinite}.quote-circle{position:absolute;border:1px solid #21120529;border-radius:50%;width:640px;height:640px;right:-130px;top:-220px}.quote-circle-2{width:470px;height:470px;right:-30px;top:-135px}@keyframes spin{to{transform:rotate(360deg)}}.treats-section{padding:130px 0 155px;background:var(--cream);color:var(--dark)}.treats-header{display:flex;align-items:end;justify-content:space-between;margin:55px 0 55px;gap:35px}.treats-header>p{max-width:300px;line-height:1.8;font-size:16px;margin-bottom:10px;color:#786350}.treat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.treat-card{overflow:hidden}.treat-picture{aspect-ratio:4/4.7;background-size:cover;background-position:center;transition:transform .6s;position:relative;background-color:#9e7352}.treat-card:hover .treat-picture{transform:scale(.98)}.pastry-one{background-image:url('https://images.unsplash.com/photo-1509365465985-25d11c17e812?w=1000&q=85')}.pastry-two{background-image:url('https://images.unsplash.com/photo-1533134242443-d4fd215305ad?w=1000&q=85')}.pastry-three{background-image:url('https://images.unsplash.com/photo-1563805042-7684c019e1cb?w=1000&q=85')}.treat-card>span{display:block;font-size:10px;letter-spacing:.12em;color:#927c67;margin:22px 0 5px}.treat-card h3{font:600 clamp(25px,3vw,42px)/1.2 var(--display)}.visit-section{min-height:850px;position:relative;overflow:hidden;color:var(--cream);display:flex;align-items:stretch}.visit-photo{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1445116572660-236099ec97a0?w=1900&q=90');background-size:cover;background-position:center;filter:sepia(.55) brightness(.65) saturate(.7);transform:scale(1.07)}.visit-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#180a06ef,#180a06a3 52%,#180a065c),linear-gradient(0deg,#150906e8,transparent 45%)}.visit-inner{position:relative;z-index:2;padding-top:122px;padding-bottom:92px;display:flex;flex-direction:column;flex:1}.visit-inner h2{margin-top:90px;font-size:clamp(85px,11vw,180px)}.blinking-dot{animation:blinkDot 1.35s step-end infinite;color:var(--gold)}@keyframes blinkDot{50%{opacity:0}}.visit-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:auto;padding-top:65px}.visit-address-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--gold)}.visit-address p{font-size:19px;line-height:1.55;margin:17px 0 9px}.visit-address a{font-size:14px;color:#d6c5af}.visit-cta-wrap{display:flex;align-items:flex-end;flex-direction:column;gap:20px}.visit-cta{display:flex;align-items:center;gap:60px;border-radius:50px;padding:19px 23px 19px 32px;color:#1b0b04;background:var(--gold);font-size:11px;font-weight:800;letter-spacing:.09em;transition:.3s}.visit-cta b{font-size:24px;line-height:1}.instagram-link{font-size:11px;letter-spacing:.13em;text-decoration:underline;text-underline-offset:5px}.site-footer{padding:65px var(--pad) 25px;background:#150904;color:var(--cream)}.footer-top{display:flex;justify-content:space-between;align-items:end;padding-bottom:70px;border-bottom:1px solid #ffffff25}.footer-top>div{display:flex;flex-direction:column;gap:8px}.footer-logo{font:600 clamp(90px,17vw,265px)/.85 var(--display);letter-spacing:-.055em}.footer-top>div>span{font-size:12px;letter-spacing:.2em;margin-top:14px}.footer-back{font-size:12px;letter-spacing:.1em;border-bottom:1px solid #ffffff7c;padding-bottom:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:27px;font-size:10px;letter-spacing:.06em;color:#a9907e}.reveal{opacity:0;transform:translateY(40px)}.noscript-warning{position:fixed;z-index:999;bottom:0;width:100%;background:var(--gold);color:var(--dark);padding:14px;text-align:center}
@media(max-width:1100px){.desktop-nav{gap:20px}.site-header{height:85px}.brand strong{font-size:29px}.intro-layout{gap:5%}.craft-section{grid-template-columns:47% 53%}.craft-content{padding:80px 45px}.craft-content .display-heading{font-size:clamp(56px,7vw,100px)}.gallery-track-viewport{margin-left:var(--pad)}}
@media(max-width:800px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}.site-header,.site-header.is-scrolled{height:72px}.brand strong{font-size:30px}.mobile-menu{position:fixed;display:flex;z-index:39;inset:0;background:#1a0c08;flex-direction:column;justify-content:center;padding:90px 9%;gap:16px;transform:translateY(-105%);transition:transform .5s cubic-bezier(.3,.8,.2,1)}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{font:600 clamp(46px,9vw,75px) var(--display);border-bottom:1px solid #ffffff2c}.hero-sequence{height:300vh}.hero-sticky{background:#21120a}.hero-copy{top:17%;transform:none;left:var(--pad);width:85%}.hero-title{font-size:clamp(65px,12.7vw,105px);line-height:.99;margin-top:18px}.hero-description{max-width:285px;margin:16px 0 20px;font-size:13px}.hero-shade{background:linear-gradient(180deg,#1b0b07bd 0%,#1b0b0766 30%,#1b0b0700 70%,#1b0b07aa 100%)}.hero-bottom{bottom:26px}.hero-index{display:none}.hero-final-word{right:var(--pad);bottom:88px}.intro-section{padding:90px 0 110px}.intro-layout{grid-template-columns:1fr;gap:45px;margin-top:45px}.intro-seal{width:120px;height:120px;right:0;top:-80px}.intro-copy{margin-bottom:0}.display-heading{font-size:clamp(64px,11vw,100px)}.gallery-section{padding:90px 0 90px}.gallery-heading-row{align-items:start;flex-direction:column;margin-top:40px;gap:24px}.gallery-counter{display:none}.gallery-track-viewport{overflow:auto;margin:40px 0 0 var(--pad);scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:var(--pad)}.gallery-track-viewport::-webkit-scrollbar{display:none}.gallery-track{width:max-content}.drink-card{width:min(76vw,450px);height:540px;scroll-snap-align:start}.gallery-mobile-hint{display:block;margin:20px 0 0 var(--pad);font-size:10px;letter-spacing:.13em}.craft-section{grid-template-columns:1fr}.craft-visual{min-height:520px}.craft-content{padding:85px var(--pad)}.craft-content .display-heading{margin:45px 0 30px;font-size:clamp(65px,11vw,100px)}.quote-section{min-height:620px;padding:95px 0}.big-quote{white-space:normal;font-size:clamp(75px,13vw,125px);margin:95px 0 70px}.asterisk{font-size:85px}.treats-section{padding:90px 0}.treats-header{align-items:start;flex-direction:column;gap:24px}.treat-grid{gap:12px}.visit-section{min-height:800px}.visit-inner{padding-top:90px}.visit-inner h2{font-size:clamp(80px,12.5vw,135px);margin-top:110px}.footer-logo{font-size:18vw}.footer-bottom{flex-wrap:wrap}.footer-bottom span:nth-child(2){order:3;width:100%}}
@media(max-width:540px){.site-header{padding:0 22px}.hero-copy{top:14%}.hero-title{font-size:clamp(62px,14.6vw,85px)}.hero-eyebrow{font-size:8px;letter-spacing:.16em}.hero-description{max-width:250px}.hero-scroll-label{font-size:9px}.hero-scroll-line{width:40px}.section-label{font-size:9px;letter-spacing:.12em}.intro-section{padding:80px 0}.intro-layout{margin-top:50px}.intro-big .display-heading{font-size:clamp(59px,12vw,84px)}.intro-seal{opacity:.22}.intro-copy p{font-size:15px}.drink-card{width:78vw;height:460px}.drink-info h3{font-size:44px}.craft-visual{min-height:430px}.quote-section{min-height:590px}.big-quote{font-size:clamp(62px,12vw,92px)}.quote-bottom p{font-size:14px}.quote-circle{right:-400px}.treat-grid{grid-template-columns:1fr;gap:40px}.treat-picture{aspect-ratio:4/3.1}.treat-card h3{font-size:36px}.visit-section{min-height:770px}.visit-inner h2{font-size:clamp(62px,12vw,90px);margin-top:110px}.visit-bottom{align-items:flex-start;flex-direction:column;gap:45px}.visit-cta-wrap{align-items:flex-start}.visit-address p{font-size:18px}.footer-top{align-items:start;flex-direction:column;gap:35px;padding-bottom:50px}.footer-logo{font-size:23vw}.footer-top>div>span{font-size:9px}.footer-bottom{font-size:9px;line-height:1.7}.grain-overlay{opacity:.025}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.ticker-track{animation:none}.hero-final-word{opacity:1;transform:none}}

/* OMEZA v2 — reference-inspired animation system */
.hero-story{position:absolute;inset:0;pointer-events:none;z-index:4}
.hero-beat{position:absolute;z-index:5;pointer-events:none;will-change:opacity,transform}
.hero-beat-2,.hero-beat-3{opacity:0}
.hero-beat-title{font:700 clamp(76px,9vw,159px)/.98 var(--display);letter-spacing:-.052em;text-transform:uppercase;margin:30px 0 0;white-space:nowrap}
.hero-beat-title em{color:var(--gold)}
.hero-beat-marker{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.18em;color:#d8b994;margin-top:46px}
.hero-beat-marker i{display:inline-block;width:58px;height:1px;background:var(--gold)}
.hero-stage-dots{position:absolute;z-index:7;right:var(--pad);top:48%;display:flex;flex-direction:column;gap:11px}
.hero-stage-dots span{width:5px;height:18px;border-radius:20px;background:#d6bfa766;transition:height .35s,background .35s}
.hero-stage-dots span.active{height:48px;background:var(--gold)}
/* Torn editorial dividers — no raster assets needed. */
.torn-after:after,.torn-top:before,.torn-bottom:after{content:'';position:absolute;z-index:8;left:0;right:0;height:29px;background:var(--cream);pointer-events:none;clip-path:polygon(0 31%,2% 54%,4% 38%,6% 67%,9% 42%,12% 61%,15% 35%,18% 62%,22% 38%,26% 57%,30% 31%,34% 64%,38% 42%,41% 59%,45% 35%,48% 65%,52% 43%,55% 68%,59% 40%,63% 61%,67% 36%,71% 60%,74% 43%,78% 68%,82% 35%,86% 58%,89% 37%,93% 65%,96% 41%,100% 58%,100% 100%,0 100%)}
.torn-after:after,.torn-bottom:after{bottom:-1px}
.torn-top:before{top:-1px;transform:rotate(180deg)}
.manifesto-section{position:relative;overflow:hidden;background:#fffaf1;color:#351709;padding:120px var(--pad) 140px}
.manifesto-topline{display:flex;justify-content:space-between;letter-spacing:.18em;font-size:10px;font-weight:800;color:#8b5a40}
.manifesto-lines{padding:85px 0 50px;max-width:1500px;margin:auto}
.manifesto-word{font:700 clamp(54px,8.3vw,153px)/1.08 var(--display);letter-spacing:-.04em;white-space:nowrap;text-transform:uppercase;will-change:transform,opacity}
.manifesto-word.standout{color:var(--gold)}
.manifesto-word.standout em{color:#351709}
.manifesto-foot{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #35170950;padding-top:30px}
.manifesto-foot p{font-size:14px;line-height:1.7;max-width:330px}
.manifesto-orbit{font-size:58px;line-height:1;color:var(--gold);display:inline-block}
.craft-section{isolation:isolate}
.splash-ribbon{stroke-dasharray:1100;stroke-dashoffset:1100}
.craft-content{position:relative;z-index:3}
.quote-kinetic{position:absolute;top:16%;left:5%;width:180%;font:700 clamp(100px,12vw,230px)/1 var(--display);letter-spacing:-.05em;color:#32180515;white-space:nowrap;pointer-events:none}
.treats-section{position:relative;overflow:hidden}
.treats-drift{position:absolute;left:5%;top:38px;color:#2411070a;font:700 clamp(100px,15vw,255px)/1 var(--display);white-space:nowrap;letter-spacing:-.06em;pointer-events:none}
.treats-drift i{font-style:normal;color:#e8b45235}
.treat-card{clip-path:inset(0 0 0 0)}
.drink-photo{will-change:transform}
.gallery-section .drink-card:hover .drink-photo{transform:scale(1.11) rotate(-1deg)}
.gallery-section .drink-card .drink-photo{transition:transform 1s cubic-bezier(.16,1,.3,1)}
@media(max-width:800px){.hero-beat-title{font-size:clamp(62px,12vw,108px);white-space:normal}.hero-beat-marker{margin-top:20px}.hero-stage-dots{right:24px;top:52%}.manifesto-section{padding:75px var(--pad) 100px}.manifesto-lines{padding:55px 0 40px}.manifesto-word{font-size:clamp(45px,8.1vw,85px);white-space:normal}.coffee-splash-scene{inset:0;opacity:.4}.coffee-splash-svg{right:-30%;bottom:0}.quote-kinetic{top:22%}.treats-drift{top:60px}}
@media(max-width:540px){.hero-beat-title{font-size:clamp(58px,12.5vw,78px)}.hero-beat-2,.hero-beat-3{top:17%}.hero-beat-2 .hero-description,.hero-beat-3 .hero-description{max-width:240px}.hero-stage-dots{top:59%;right:17px}.manifesto-word{font-size:clamp(40px,10vw,57px)}.manifesto-topline{font-size:8px}.manifesto-foot{align-items:flex-start}.manifesto-orbit{font-size:40px}}
@media(prefers-reduced-motion:reduce){.hero-beat-2,.hero-beat-3{display:none!important}.hero-beat-1{opacity:1!important;transform:translateY(-38%)!important}.manifesto-word{opacity:1!important;transform:none!important}}


/* V3 — immersive vertical coffee gallery, scroll-switched stage */
.gallery-section{position:relative;padding:0!important;min-height:100svh;overflow:hidden;isolation:isolate}
.gallery-section>.gallery-heading{position:absolute;z-index:3;top:clamp(75px,11vh,132px);left:var(--pad);right:var(--pad);width:auto;max-width:none;padding:0;pointer-events:none}
.gallery-heading .gallery-heading-row{margin-top:20px;gap:20px}
.gallery-heading .display-heading{font-size:clamp(68px,8vw,139px);line-height:.88}
.gallery-heading .gallery-aside{max-width:280px;margin-bottom:0}
.gallery-section .gallery-counter{margin-top:19px;max-width:390px;color:#694a32}
.gallery-feature{min-height:100svh;display:grid;grid-template-columns:48% 52%;align-items:end;padding:0 var(--pad) clamp(50px,8vh,110px);gap:0}
.gallery-feature-copy{position:relative;z-index:3;max-width:410px;margin:0 0 0 0;padding-bottom:10px}
.feature-overline{font-size:11px;font-weight:700;letter-spacing:.17em;color:#8a6546}
.feature-big{display:block;font:600 clamp(36px,4.6vw,80px)/.98 var(--display);letter-spacing:-.025em;margin:20px 0}
.feature-big em{color:#ba741c}
.feature-description{max-width:270px;color:#816a56;font-size:14px;line-height:1.8}
.feature-progress{height:2px;background:#d2bfa6;width:230px;max-width:70%;margin:26px 0 13px}
.feature-progress i{display:block;width:25%;height:100%;background:#b97a24;transform-origin:left}
.gallery-index{font:600 38px var(--display);color:#452516}
.gallery-index span{font-size:15px;color:#997e65}
.gallery-section .gallery-track-viewport{position:relative;margin:0;overflow:visible;width:100%;height:min(64vh,640px);align-self:end}
.gallery-section .gallery-track{position:relative;width:100%;height:100%;display:block;transform:none!important}
.gallery-section .drink-card{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;overflow:hidden;opacity:0;transform:translate3d(0,90px,0) scale(.88) rotate(4deg);will-change:transform,opacity;box-shadow:0 30px 65px #28100732;pointer-events:none}
.gallery-section .drink-card:first-child{opacity:1;transform:none;pointer-events:auto}
.gallery-section .drink-card .drink-info h3{font-size:clamp(46px,6vw,85px)}
.gallery-mobile-hint{display:none!important}
.cacao-journey{position:fixed;z-index:30;top:0;left:0;height:100vh;width:95px;pointer-events:none;opacity:0;visibility:hidden;mix-blend-mode:multiply}
.cacao-journey-line{position:absolute;top:0;bottom:0;left:38px;width:1px;background:linear-gradient(180deg,transparent,#ae773b55 15%,#ae773b77 85%,transparent)}
.cacao-bean{position:absolute;top:0;left:12px;width:61px;height:100px;object-fit:contain;filter:drop-shadow(5px 10px 7px #3b200850);transform-origin:50% 50%;will-change:transform}
@media(max-width:800px){.gallery-section{padding:70px 0 90px!important;overflow:visible}.gallery-section>.gallery-heading{position:relative;top:auto;left:auto;right:auto;padding:0 var(--pad);pointer-events:auto}.gallery-heading .display-heading{font-size:clamp(55px,11vw,90px)}.gallery-feature{display:block;min-height:0;padding:0 var(--pad)}.gallery-feature-copy{margin:24px 0;max-width:none}.feature-big{font-size:37px;margin:7px 0}.feature-description{display:none}.feature-progress{margin:12px 0}.gallery-section .gallery-track-viewport{width:100%;height:auto;margin:30px 0}.gallery-section .gallery-track{display:grid;gap:22px}.gallery-section .drink-card,.gallery-section .drink-card:first-child{position:relative;inset:auto;width:100%;height:min(115vw,520px);opacity:1;transform:none;pointer-events:auto}.cacao-journey{width:52px}.cacao-journey-line{left:21px}.cacao-bean{left:0;width:43px;height:72px}.gallery-section .gallery-aside{font-size:13px}}
@media(prefers-reduced-motion:reduce){.cacao-journey{display:none}.gallery-section .drink-card{opacity:1;transform:none}.gallery-section .gallery-track{display:grid;gap:15px}.gallery-section .drink-card{position:relative;height:460px}}


/* V4 — theatrical kinetic titles and photographed cacao cutout */
.split-reveal,.big-quote,.manifesto-word,.feature-big { perspective:1000px; transform-style:preserve-3d; }
.kinetic-word { display:inline-block; vertical-align:baseline; transform-origin:50% 100%; will-change:transform,opacity,filter; backface-visibility:hidden; }
.kinetic-space { white-space:pre; }
.split-reveal { overflow:visible; }
.display-heading,.big-quote { overflow:visible; }
.display-heading em,.big-quote em { display:inline; }
.gallery-heading .display-heading { transform-origin:15% 80%; }
.gallery-heading-row { overflow:visible; }
.manifesto-word { perspective:1200px; overflow:visible; }
.manifesto-word .kinetic-word { transform-origin:50% 75%; }
.feature-big .kinetic-word { transform-origin:20% 80%; }
.cacao-journey { mix-blend-mode:normal; width:150px; overflow:visible; z-index:35; }
.cacao-journey-line { display:none; }
.cacao-bean { width:clamp(86px,10vw,155px); height:auto; left:0; top:0; filter:drop-shadow(0 17px 14px rgba(45,19,5,.34)); transform-origin:50% 50%; will-change:transform,opacity; }
.bean-glow { position:absolute; top:0;left:0; width:80px;height:80px;border-radius:50%;background:#e9a32133;filter:blur(40px);opacity:0; }
.gallery-section .gallery-heading { z-index:6; }
.gallery-heading .kinetic-word { display:inline-block; }
.gallery-section .gallery-counter { position:relative; }
@media(max-width:800px){.cacao-bean { width:74px; } .cacao-journey{width:82px;} .split-reveal .kinetic-word{will-change:auto}}
@media(prefers-reduced-motion:reduce){.kinetic-word{transform:none!important;opacity:1!important;filter:none!important}.cacao-journey{display:none!important}}

/* V5: true WebGL cacao volume, not a rotating flat image */
.cacao-journey {position:fixed!important;display:block!important;left:0;top:0;width:170px;height:170px;z-index:35;pointer-events:none;mix-blend-mode:normal;transform-origin:50% 50%;will-change:transform,opacity;}
#cacao3d {display:block;width:170px;height:170px;filter:drop-shadow(0 12px 14px rgba(30,10,4,.22));}
.cacao-journey .fallback-bean {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;}
.cacao-journey.webgl-ready .fallback-bean {display:none;}
.cacao-journey .bean-glow,.cacao-journey-line {display:none!important;}
@media(max-width:800px){.cacao-journey{width:120px;height:120px;}#cacao3d{width:120px;height:120px;}}
@media(prefers-reduced-motion:reduce){.cacao-journey{display:none!important;}}

/* V7 — Transparent coffee finale: scroll controls real chroma-keyed Google Flow sequence */
.finale-scroll{position:relative;height:300vh;background:#201009;color:#f8efe2;isolation:isolate}
.finale-sticky{position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 77% 65%,#4c2617 0%,#29140e 35%,#160906 76%)}
.finale-sticky::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1c0b07 0%,#1c0b07bb 36%,transparent 67%);z-index:1;pointer-events:none}
.finale-content{position:relative;z-index:4;width:48%;max-width:760px;padding:8vh 0 8vh var(--pad);pointer-events:none}
.finale-eyebrow{display:flex;align-items:center;gap:14px;font:700 11px/1.3 var(--body,Manrope,sans-serif);letter-spacing:.22em;margin:0 0 27px;color:#f2c57c}
.finale-line{display:block;width:42px;height:1px;background:#ecae40}
.finale-headline{font:700 clamp(70px,9.4vw,168px)/.86 var(--display,Oswald,sans-serif);letter-spacing:-.045em;margin:0;color:#fcf1e4;transform-origin:left center;will-change:transform,opacity}
.finale-headline em{font-style:normal;color:#f2b039}
.finale-subtitle{font-size:clamp(13px,1.25vw,18px);line-height:1.7;max-width:390px;margin:32px 0;color:#e1cdbd}
.finale-cta{display:inline-flex;align-items:center;gap:27px;text-decoration:none;color:#f5c06b;border-bottom:1px solid #ad8552;padding:0 0 12px;font-weight:800;font-size:12px;letter-spacing:.15em;pointer-events:auto}
.finale-cta span:last-child{font-size:23px;font-weight:400}
.finale-count{margin-top:52px;display:flex;gap:15px;align-items:center;color:#f0d7bb;font:700 10px Manrope,sans-serif;letter-spacing:.16em}
.finale-count i{height:1px;width:96px;background:linear-gradient(90deg,#e9af40,#7c5332)}
.finale-count strong{color:#ffbb38;font-size:13px}
#finaleCanvas{position:absolute;z-index:2;width:min(72vw,1170px);height:auto;aspect-ratio:16/9;right:-8%;bottom:0;object-fit:contain;pointer-events:none;filter:drop-shadow(0 30px 35px #0005)}
.finale-watermark{position:absolute;bottom:-8vw;right:0;color:#ffffff08;font:800 clamp(180px,30vw,520px)/1 Oswald,sans-serif;z-index:0;pointer-events:none;letter-spacing:-.08em}
@media(max-width:800px){.finale-scroll{height:230vh}.finale-sticky{min-height:0;align-items:flex-start}.finale-sticky::before{background:linear-gradient(180deg,#1c0b07 0%,#1c0b07e8 24%,transparent 65%)}.finale-content{width:100%;padding:14vh var(--pad) 0}.finale-headline{font-size:clamp(61px,12.5vw,108px)}.finale-subtitle{margin:19px 0;max-width:330px}.finale-count{margin-top:25px}#finaleCanvas{width:130vw;max-width:none;right:-15vw;bottom:0}.finale-watermark{bottom:12%}}
@media(max-width:500px){.finale-content{padding-top:14vh}.finale-headline{font-size:clamp(58px,15vw,86px)}#finaleCanvas{width:160vw;right:-30vw;bottom:2vh}.finale-count{display:none}.finale-subtitle{max-width:260px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.finale-scroll{height:100vh}.finale-headline{transform:none!important;opacity:1!important}}


/* V8 — cinematic cup-break preloader */
.preloader{overflow:hidden;isolation:isolate;gap:11px;background:radial-gradient(ellipse at 50% 44%,#3a1b11,#150905 66%);transition:opacity .45s ease,visibility .45s ease}
.loader-scene{width:min(420px,90vw);height:clamp(225px,38vh,320px);position:relative;display:grid;place-items:center;transform-origin:center}
.loader-cup-art{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 24px 24px #05020299)}
.loader-cup-whole{transition:opacity .08s linear}
.loader-shards{opacity:0;pointer-events:none}
.cup-shard{transform-box:view-box;transform-origin:244px 188px;will-change:transform,opacity}
.loader-cracks{opacity:0;stroke-dasharray:125;stroke-dashoffset:125}
.loader-splashes{opacity:0}
.loader-light{position:absolute;z-index:-1;width:70%;height:33%;bottom:16%;left:15%;background:#b96b2b;filter:blur(72px);opacity:.15;pointer-events:none}
.preloader .loader-brand{font-size:clamp(44px,8vw,86px);z-index:2;transition:transform .5s,opacity .5s}
.preloader .loader-rule,.preloader .loader-caption{z-index:2;transition:opacity .35s}
.loader-impact{position:absolute;z-index:3;bottom:clamp(45px,8vh,85px);font:700 clamp(12px,2vw,22px)/1.3 var(--display);letter-spacing:.16em;color:var(--gold);text-align:center;padding:0 16px;opacity:0;transform:translateY(18px)}
.preloader.is-breaking .loader-cup-whole{opacity:0;transition-delay:.30s}
.preloader.is-breaking .loader-shards{opacity:1;transition:opacity 0s .30s}
.preloader.is-breaking .loader-cracks{animation:loaderCrack .28s ease-out forwards}
.preloader.is-breaking .loader-brand{transform:translateY(10px) scale(.96);opacity:0;transition-delay:.42s}
.preloader.is-breaking .loader-rule,.preloader.is-breaking .loader-caption{opacity:0;transition-delay:.25s}
.preloader.is-breaking .loader-splashes{opacity:1;transition:opacity 0s .27s}
.preloader.is-breaking .loader-impact{animation:loaderImpact .9s .40s both}
.preloader.is-breaking .cup-shard-1{animation:shard1 1.1s .30s cubic-bezier(.16,.7,.28,1) both}
.preloader.is-breaking .cup-shard-2{animation:shard2 1.1s .30s cubic-bezier(.16,.7,.28,1) both}
.preloader.is-breaking .cup-shard-3{animation:shard3 1.1s .30s cubic-bezier(.16,.7,.28,1) both}
.preloader.is-breaking .cup-shard-4{animation:shard4 1.1s .30s cubic-bezier(.16,.7,.28,1) both}
.preloader.is-breaking .cup-shard-5{animation:shard5 1.1s .30s cubic-bezier(.16,.7,.28,1) both}
.preloader.is-breaking .cup-shard-6{animation:shard6 1.1s .30s cubic-bezier(.16,.7,.28,1) both}
.preloader.is-breaking .cup-shard-7{animation:shard7 1.1s .30s cubic-bezier(.16,.7,.28,1) both}
.preloader.is-breaking .cup-shard-8{animation:shard8 1.1s .30s cubic-bezier(.16,.7,.28,1) both}
.preloader.is-breaking .splash-drop{animation:splashOut .88s .28s ease-out both}
.preloader.is-breaking .splash-drop.d2{--dx:55px;--dy:-80px;animation-delay:.31s}
.preloader.is-breaking .splash-drop.d3{--dx:95px;--dy:-43px;animation-delay:.34s}
.preloader.is-breaking .splash-drop.d4{--dx:-96px;--dy:-56px;animation-delay:.36s}
.preloader.is-breaking .splash-drop.d5{--dx:15px;--dy:-116px;animation-delay:.28s}
@keyframes loaderCrack{to{stroke-dashoffset:0;opacity:1}}
@keyframes loaderImpact{20%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}
@keyframes splashOut{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx,-48px),var(--dy,-90px)) scale(.7)}}
@keyframes shard1{to{transform:translate(-155px,-130px) rotate(-44deg) scale(.77);opacity:0}}
@keyframes shard2{to{transform:translate(15px,-190px) rotate(38deg) scale(.72);opacity:0}}
@keyframes shard3{to{transform:translate(150px,-120px) rotate(48deg) scale(.79);opacity:0}}
@keyframes shard4{to{transform:translate(195px,5px) rotate(76deg) scale(.65);opacity:0}}
@keyframes shard5{to{transform:translate(135px,165px) rotate(-42deg) scale(.83);opacity:0}}
@keyframes shard6{to{transform:translate(-12px,204px) rotate(30deg) scale(.77);opacity:0}}
@keyframes shard7{to{transform:translate(-150px,150px) rotate(-57deg) scale(.8);opacity:0}}
@keyframes shard8{to{transform:translate(-196px,10px) rotate(32deg) scale(.68);opacity:0}}
@media (prefers-reduced-motion:reduce){.preloader .loader-cup-art{filter:none}.preloader.is-breaking .cup-shard,.preloader.is-breaking .splash-drop,.preloader.is-breaking .loader-impact,.preloader.is-breaking .loader-cracks{animation:none!important}}