:root{--cream:#f0e8d8;--dark:#23211c;--orange:#e9a85e;--green:#a8b995;--pink:#f3c4a8;--ink:#27221d;--display:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--dark);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:#e7a252;color:#fff}.preloader{position:fixed;inset:0;z-index:200;background:#23211c;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform 1.1s cubic-bezier(.77,0,.2,1);pointer-events:all}.preloader.out{transform:translateY(-105%);pointer-events:none}.loader-mark{font:800 clamp(76px,13vw,210px)/1 var(--display);letter-spacing:-.12em;transform:translateX(-.045em);animation:loader-in 1.1s both}.loader-mark span{color:var(--orange)}.loader-line{width:min(270px,65vw);height:2px;background:#625449;margin-top:35px;overflow:hidden}.loader-line i{display:block;background:var(--orange);height:100%;width:0;animation:loading-line 1.7s ease forwards}.loader-caption{font-size:9px;letter-spacing:.32em;margin-top:23px}@keyframes loader-in{from{opacity:0;transform:translate(-.045em,40px);filter:blur(18px)}to{opacity:1;transform:translateX(-.045em);filter:blur(0)}}@keyframes loading-line{to{width:100%}}#cursor-dot{width:18px;height:18px;border:1px solid #332b23;position:fixed;z-index:110;left:0;top:0;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .25s}.site-header{position:fixed;z-index:90;left:0;right:0;top:0;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;border-bottom:1px solid #342b2321;transition:background .35s,color .35s,backdrop-filter .35s}.site-header.scrolled{background:#f4ecdfd9;backdrop-filter:blur(20px)}.brand{font:800 37px/.78 var(--display);letter-spacing:-.1em;display:flex;flex-direction:column}.brand>span{display:inline;position:absolute;transform:translate(96px,-2px);color:#d98848}.brand small{font:700 8px/1.5 var(--body);letter-spacing:.26em;margin-top:9px}.desktop-nav{display:flex;gap:37px;margin-left:7%}.desktop-nav a,.lang-btn,.pill,.text-link,.section-topline,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:2px;background:var(--orange);transition:width .25s}.desktop-nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:20px}.lang-btn{border:0;background:none;cursor:pointer}.pill{border-radius:99px;padding:15px 24px;display:inline-flex;align-items:center;gap:24px;justify-content:center;transition:transform .3s,background .3s}.pill:hover{transform:translateY(-4px)}.pill-dark{background:var(--dark);color:#fff}.pill-dark span{font-size:20px;font-weight:400}.menu-toggle{width:34px;border:0;background:none;display:none;padding:5px}.menu-toggle i{display:block;height:2px;background:var(--dark);margin:7px 0}.mobile-menu{position:fixed;inset:0;z-index:85;background:var(--cream);display:flex;flex-direction:column;justify-content:center;padding:12%;gap:20px;transform:translateY(-110%);transition:transform .6s cubic-bezier(.76,0,.24,1)}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{font:800 clamp(34px,9vw,60px)/1 var(--display)}.hero-scroll{height:310vh;position:relative}.hero-sticky{height:100vh;height:100svh;position:sticky;top:0;background:var(--cream);overflow:hidden}.hero-sun{position:absolute;right:8%;top:14%;width:56vw;height:56vw;max-height:900px;max-width:900px;border-radius:50%;background:#e4c8a6;filter:blur(2px);transform:scale(.85);opacity:.65}.hero-lines{display:flex;position:absolute;top:22%;left:5.2%;right:5.2%;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.14em;opacity:.55}.hero-type{position:absolute;z-index:10;top:27%;left:5.2%;width:73%;pointer-events:none}.eyebrow{margin:0 0 25px}.dark-dot b{color:#e58e48;margin-left:13px}.hero-title{font:800 clamp(74px,11.35vw,205px)/.80 var(--display);margin:0;letter-spacing:-.104em;position:relative}.hero-title .word{display:block;width:max-content;max-width:100%;transform-origin:left center;will-change:transform,opacity,filter}.hero-title .accent{color:#edaa5d}.hero-title .stroke{-webkit-text-stroke:2px var(--dark);color:transparent}.hero-bottom-text{display:flex;gap:50px;align-items:center;margin-top:45px;max-width:350px;justify-content:space-between}.hero-bottom-text p{font-size:12px;line-height:1.7;letter-spacing:.14em;font-weight:800}.round-arrow{pointer-events:auto;width:54px;height:54px;border:1px solid var(--dark);border-radius:50%;display:grid;place-items:center;font-size:29px}.floating-products{position:absolute;inset:0;pointer-events:none;z-index:12;perspective:1100px}.float-cup{width:clamp(220px,33vw,570px);position:absolute;will-change:transform,opacity;filter:drop-shadow(25px 45px 22px #34231935);transform-style:preserve-3d}.cup-one{top:8%;right:11%;transform:rotate(-20deg)}.cup-two{top:35%;right:-4%;width:clamp(210px,29vw,470px);transform:rotate(15deg)}.cup-three{bottom:-27%;right:21%;width:clamp(180px,24vw,370px);transform:rotate(-13deg)}.splash-star{position:absolute;color:#e9a85e;font-size:100px}.star-one{right:12%;top:16%}.star-two{right:46%;bottom:19%;font-size:55px;color:#9cad84}.hero-progress{position:absolute;bottom:35px;left:5.2%;right:5.2%;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.16em;z-index:20}.scroll-label{margin-left:auto;margin-right:25px}.progress-track{width:120px;height:2px;background:#27221d3c;display:block}.progress-track i{display:block;width:0;height:100%;background:#c78346}.section-topline{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid #24201c4a}.section-topline.light{color:#f8f0e5;border-color:#fff5}.story-section{position:relative;background:#ddedce;padding:100px 5.2% 0;overflow:hidden;min-height:110vh}.story-kicker{margin:90px 0 17px;font-size:12px;font-weight:800;letter-spacing:.15em}.big-title{font:800 clamp(62px,11vw,200px)/.87 var(--display);letter-spacing:-.095em;margin:0;position:relative;z-index:2}.big-title>span{display:block;will-change:transform,opacity,filter;transform-origin:left center}.big-title .italic-line{font-style:italic;font-weight:500;letter-spacing:-.115em}.story-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center;min-height:490px}.story-copy{max-width:355px;align-self:center}.story-copy p{font-size:clamp(19px,2.2vw,34px);line-height:1.3;font-weight:600;letter-spacing:-.04em}.story-copy em{color:#9a5b30}.text-link{display:inline-flex;gap:20px;border-bottom:1px solid currentColor;padding:13px 0}.story-art{position:relative;min-height:500px}.story-circle{width:420px;height:420px;background:#b6cea5;border-radius:50%;position:absolute;right:8%;top:10%}.story-cup{position:absolute;width:min(410px,80%);right:8%;top:-7%;transform:rotate(-22deg);filter:drop-shadow(24px 30px 20px #35391d30)}.story-stamp{position:absolute;right:3%;bottom:10%;font:800 13px/1.15 var(--display);text-align:center;border:2px solid var(--dark);border-radius:50%;padding:31px 23px;transform:rotate(14deg)}.ticker{margin:70px -6% 0;background:var(--dark);color:#f7eedd;overflow:hidden;padding:20px 0;transform:rotate(-1deg);width:112%}.ticker-track{width:max-content;white-space:nowrap;font:800 38px/1 var(--display);letter-spacing:-.05em;animation:marquee 25s linear infinite}@keyframes marquee{to{transform:translateX(-45%)}}.drinks-section{padding:120px 5.2% 100px;background:#f5e9dc;overflow:hidden}.drinks-header{margin:100px 0 55px;position:relative}.drinks-header .big-title{font-size:clamp(85px,13vw,210px)}.drinks-intro{max-width:300px;margin:38px 0 0 auto;font-size:17px;line-height:1.5}.drink-stage{position:relative;min-height:690px;border-radius:14px;background:#e9cdb1;display:grid;grid-template-columns:56% 44%;overflow:hidden;transition:background .5s}.drink-aura{position:absolute;left:7%;top:0;width:47%;aspect-ratio:1;border-radius:50%;background:#f3dfc1;filter:blur(2px);transform:translateY(11%) scale(1.1);transition:background .5s}.drink-product-area{position:relative;min-height:650px;display:grid;place-items:center;z-index:1}.showcase-cup{width:min(80%,480px);height:630px;object-fit:contain;filter:drop-shadow(30px 35px 24px #3d2b2340);transform:rotate(-14deg);transition:filter .5s}.drink-detail{z-index:2;position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px 8% 60px 2%}.drink-id{font-size:12px;font-weight:800;letter-spacing:.18em}.drink-detail h3{font:800 clamp(48px,6vw,100px)/.91 var(--display);letter-spacing:-.09em;margin:27px 0 20px}.drink-detail p{font-size:17px}.price-row{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:17px 0 42px}.price-row>span{font-size:27px;font-weight:800}.price-row a{font-size:9px}.drink-tabs{display:flex;gap:8px}.drink-tab{border:1px solid #26221d7a;background:transparent;border-radius:100%;height:48px;width:48px;cursor:pointer;font-weight:800;transition:background .25s,color .25s,transform .25s}.drink-tab:hover{transform:translateY(-4px)}.drink-tab.active{background:var(--dark);color:#fff}.drink-bottom{display:flex;justify-content:space-between;padding-top:22px;font-size:10px;font-weight:800;letter-spacing:.12em}.craft-section{position:relative;background:#34271e;color:#fff5e9;min-height:135vh;padding:95px 5.2%;overflow:hidden}.craft-section>.section-topline{position:relative;z-index:2}.craft-inner{position:relative;z-index:3;padding-top:12vh;max-width:100%}.craft-title{font-size:clamp(65px,11.3vw,192px)}.craft-title .italic-line{color:#f2b875}.craft-sub{font-size:20px;line-height:1.5;max-width:310px;margin:45px 0 0 auto}.craft-cup-wrap{position:absolute;right:1%;bottom:-17%;width:min(43%,660px);z-index:4;pointer-events:none}.craft-cup{width:100%;transform:rotate(20deg);filter:drop-shadow(28px 40px 30px #0006)}.craft-orb{position:absolute;border-radius:50%;filter:blur(2px)}.craft-orb-one{height:650px;width:650px;right:-9%;top:12%;background:#73462d}.craft-orb-two{height:330px;width:330px;left:-10%;bottom:-8%;background:#5a704a;filter:blur(20px);opacity:.65}.craft-bottom-note{position:absolute;bottom:50px;left:5.2%;font-size:11px;letter-spacing:.2em}.treats-section{background:#f6e9d4;padding:100px 5.2% 140px;overflow:hidden}.treats-head{padding:120px 0 60px;display:flex;align-items:end;gap:30px;justify-content:space-between}.treats-head .big-title{font-size:clamp(70px,11vw,180px)}.treats-head>p{max-width:210px;font-size:17px;line-height:1.5}.treat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.treat-card{transition:transform .4s}.treat-card:hover{transform:translateY(-12px)}.pastry-art{height:440px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:8px}.pastry-art.croissant{background:#efc59a}.pastry-art.chocolate{background:#b1bfa0}.pastry-art.citrus{background:#e7ba91}.pastry{font-size:230px;line-height:1;filter:drop-shadow(15px 30px 10px #5330173b);display:block;transition:transform .5s}.treat-card:hover .pastry{transform:scale(1.14) rotate(-8deg)}.pastry-chocolate{width:220px;height:130px;background:repeating-linear-gradient(100deg,#6c3f24 0 20px,#c38951 21px 60px,#ac6c3f 61px 83px);color:transparent;border-radius:35px 17px 23px 20px;box-shadow:inset 0 12px 15px #ffe2ad91,16px 22px 15px #5330173b;transform:rotate(-19deg)}.treat-card:hover .pastry-chocolate{transform:rotate(-8deg) scale(1.1)}.pastry-lemon{width:210px;height:160px;background:linear-gradient(145deg,#fff3b3,#f3d065 40%,#c89a48);border-radius:20% 45% 35% 30%;color:transparent;transform:rotate(-13deg);box-shadow:inset 0 20px 0 #fff6cf,18px 25px 15px #53301735}.treat-card:hover .pastry-lemon{transform:rotate(-2deg) scale(1.1)}.treat-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 0}.treat-meta h3{font-size:13px;letter-spacing:.04em;margin:0}.treat-meta span{font-size:13px;font-weight:800;white-space:nowrap}.manifesto-section{background:#e6aa76;min-height:120vh;overflow:hidden;padding-bottom:100px;position:relative}.manifesto-marquee{padding-top:27px;white-space:nowrap;overflow:hidden;border-bottom:1px solid #3827193b;font:800 clamp(75px,14vw,230px)/.9 var(--display);letter-spacing:-.09em;color:#f8dfba}.manifesto-marquee span{display:block;width:max-content;animation:marquee 24s linear infinite}.manifesto-content{position:relative;padding:14vh 5.2% 0}.manifesto-content>span{font-size:11px;letter-spacing:.14em;font-weight:800}.manifesto-content .big-title{margin-top:90px;font-size:clamp(70px,11vw,192px)}.manifesto-content .big-title .italic-line{color:#f5e8cf}.manifesto-cup{position:absolute;right:1%;top:-16%;width:36%;transform:rotate(25deg);filter:drop-shadow(15px 25px 20px #41281833)}.visit-section{background:#252720;color:#f9eddc;padding:110px 5.2% 155px;min-height:105vh;position:relative;overflow:hidden}.visit-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 80% 80%,#6a785c,transparent 44%),radial-gradient(circle at 20% 0,#6e4732,transparent 49%);opacity:.8}.visit-section .section-topline{position:relative;z-index:1}.visit-content{position:relative;z-index:1;padding-top:12vh}.visit-content .big-title{font-size:clamp(75px,11vw,192px)}.visit-content .italic-line{color:#e2a566}.visit-content>p:not(.eyebrow){font-size:19px;line-height:1.6;margin:50px 0}.visit-links{display:flex;gap:15px;flex-wrap:wrap}.pill-light{background:#eeae69;color:#252720}.pill-outline{border:1px solid #fff9;color:#fff}footer{background:#1c1d18;color:#fff5e5;display:flex;align-items:center;justify-content:space-between;padding:55px 5.2%;gap:30px}.footer-logo{font:800 clamp(70px,10vw,150px)/1 var(--display);letter-spacing:-.13em}.footer-logo span{color:#edaa5f}footer small{font-size:9px;opacity:.65;letter-spacing:.1em}footer p,.back-top{font-size:10px;letter-spacing:.13em;font-weight:700}.reveal{will-change:transform,opacity}.is-visible{opacity:1}.no-js .preloader{display:none}@media(max-width:1100px){.desktop-nav{gap:18px}.hero-type{top:30%}.hero-title{font-size:12vw}.float-cup{width:40vw}.cup-one{right:6%}.cup-two{right:-9%}.treats-head{display:block}.treats-head>p{margin-left:auto}.craft-sub{margin-right:20%}}@media(max-width:760px){.site-header{height:73px;padding:0 5%}.brand{font-size:29px}.brand>span{transform:translate(74px,-1px)}.brand small{font-size:6px}.desktop-nav,.header-actions .pill{display:none}.menu-toggle{display:block}.header-actions{gap:10px}.hero-scroll{height:250vh}.hero-sun{width:90vw;height:90vw;top:25%;right:-24%}.hero-lines{top:15%;font-size:8px}.hero-lines span:last-child{display:none}.hero-type{top:23%;left:6%;width:92%}.hero-title{font-size:clamp(64px,15vw,105px);line-height:.89}.hero-bottom-text{margin-top:24px}.hero-bottom-text p{font-size:10px}.float-cup{width:65vw}.cup-one{top:37%;right:0}.cup-two{top:49%;right:-24%;width:62vw}.cup-three{bottom:-15%;right:36%;width:54vw}.star-one{top:40%;right:10%;font-size:60px}.star-two{bottom:19%;right:65%}.hero-progress{bottom:22px}.scroll-label{font-size:8px;margin-right:12px}.progress-track{width:65px}.story-section,.drinks-section,.craft-section,.treats-section,.visit-section{padding:75px 5%}.section-topline{font-size:8px}.section-topline span:last-child{display:none}.story-section{padding-bottom:0}.story-kicker{margin-top:65px}.big-title{font-size:clamp(53px,12vw,95px)}.story-layout{display:flex;flex-direction:column;min-height:0}.story-copy{align-self:start}.story-art{min-height:350px;width:100%}.story-circle{height:300px;width:300px;right:0}.story-cup{width:75%;right:8%}.story-stamp{right:-2%;font-size:10px;padding:19px}.ticker{margin-top:0}.ticker-track{font-size:25px}.drinks-header{margin:60px 0 32px}.drinks-header .big-title{font-size:clamp(67px,14vw,110px)}.drinks-intro{font-size:14px}.drink-stage{display:flex;flex-direction:column;min-height:0}.drink-aura{width:90%;left:5%}.drink-product-area{min-height:430px}.showcase-cup{height:440px;width:85%}.drink-detail{padding:0 27px 35px}.drink-detail h3{font-size:60px;margin:15px 0}.drink-detail p{font-size:14px}.price-row{margin:15px 0 25px}.drink-bottom{font-size:8px}.craft-section{min-height:115vh}.craft-inner{padding-top:10vh}.craft-title{font-size:clamp(62px,12vw,110px)}.craft-sub{font-size:16px;max-width:240px;margin:40px auto 0 0}.craft-cup-wrap{width:85%;right:-15%;bottom:-15%}.craft-orb-one{width:440px;height:440px}.treats-head{padding:65px 0 30px}.treats-head .big-title{font-size:clamp(55px,12vw,95px)}.treat-grid{grid-template-columns:1fr}.pastry-art{height:360px}.manifesto-section{min-height:90vh}.manifesto-content{padding-top:9vh}.manifesto-content .big-title{font-size:clamp(66px,12vw,110px)}.manifesto-cup{width:55%;right:-10%;top:4%}.visit-section{min-height:95vh}.visit-content .big-title{font-size:clamp(62px,12vw,115px)}.visit-content>p:not(.eyebrow){font-size:15px}footer{flex-direction:column;align-items:flex-start}footer .footer-logo{font-size:100px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.preloader{display:none}.hero-scroll{height:100vh}.float-cup{transform:none!important}}

/* V2 — BOBO supplied photographic product assets and scroll transition */
.hero-photo-stack{aspect-ratio:755/1050;filter:drop-shadow(22px 34px 20px #48342338);isolation:isolate}
.hero-photo-stack .hero-angle{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .36s ease-in-out;will-change:opacity}
.hero-photo-stack .hero-angle.active{opacity:1}
.journey-layer{position:fixed;inset:0;z-index:11;pointer-events:none;opacity:0;visibility:hidden;overflow:hidden}
.journey-layer img{position:absolute;left:0;top:0;width:clamp(190px,30vw,480px);height:auto;transform-origin:center;filter:drop-shadow(20px 29px 22px #32271b35);will-change:transform}
.story-art{isolation:isolate}.story-cup{filter:drop-shadow(20px 31px 18px #30391c32)}
.showcase-cup{filter:drop-shadow(22px 35px 18px #4b392a36)}
@media(max-width:760px){.hero-photo-stack{width:70vw}.journey-layer img{width:55vw}.story-cup{width:85%;top:-1%}}
@media(prefers-reduced-motion:reduce){.journey-layer{display:none!important}.hero-photo-stack .hero-angle{transition:none}}

/* BOBO V3 — photographed beverage assets and liquid sculpture */
.craft-splash{position:absolute;left:-10%;top:26%;width:min(75vw,1000px);height:auto;object-fit:contain;z-index:1;opacity:.55;pointer-events:none;filter:drop-shadow(20px 24px 24px #1e110c44);will-change:transform}
.craft-inner{isolation:isolate}
.craft-cup-wrap{z-index:4}
.float-cup.cup-two,.float-cup.cup-three,.manifesto-cup,.craft-cup{object-fit:contain;filter:drop-shadow(18px 30px 23px #22180f45)}
@media(max-width:760px){.craft-splash{width:120%;left:-45%;top:30%;opacity:.33}}
@media(prefers-reduced-motion:reduce){.craft-splash{transform:none!important}}

/* BOBO V4 photographic pastries & clean editorial moment */
.pastry-photo{display:block;width:91%;height:88%;object-fit:contain;filter:drop-shadow(0 19px 14px rgba(63,37,17,.17));transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.treat-card:hover .pastry-photo{transform:translateY(-9px) scale(1.06) rotate(-2deg)}
.craft-section{background:#34271e}
.craft-section .craft-cup-wrap,.craft-section .craft-splash,.craft-section .craft-orb{display:none!important}
.craft-inner{max-width:1100px}.craft-sub{margin-left:auto}
