:root{--espresso-ink:#241610;--roast-umber:#45261c;--latte-cream:#f3e5cf;--oat-foam:#e8cfac;--caramel-amber:#c6772a;--copper-roast:#9f4f2c;--bean-black:#17110e;--pistachio-leaf:#9aa36a;--white:#fffaf2;--display:"Fraunces", Georgia, "Times New Roman", serif;--sans:"Manrope", Inter, system-ui, sans-serif;--journey-progress:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--latte-cream);scrollbar-width:none}html::-webkit-scrollbar{display:none}html,body,#root,main{width:100%;min-height:100%}body{background:var(--latte-cream);color:var(--espresso-ink);font-family:var(--sans);margin:0;overflow-x:hidden}.coffee-hero{--p03-scroll:0;--p03-editorial:0;--p03-copy:0;--p03-menu:0;--p03-paper-x:-38vw;--p03-paper-y:48svh;--p03-paper-mobile-y:55svh;--p03-media-shift-x:0vw;--p03-media-shift-mobile-y:0svh;--p03-media-scale:1;--p03-media-mobile-scale:1;--p03-radius-a:0rem;--p03-radius-b:0rem;--p03-radius-c:0rem;--p03-radius-d:0rem;--p03-mobile-radius:0rem;--p03-shadow-alpha:0;--p03-copy-y:4rem;--p03-copy-mobile-y:3rem;--p03-cue-alpha:1;background:var(--latte-cream);width:100%;height:300svh;position:relative}.coffee-hero__stage{background:var(--latte-cream);isolation:isolate;width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.coffee-hero__stage:after{content:"";z-index:2;background:var(--latte-cream);width:54vw;height:128svh;opacity:var(--p03-editorial);transform:translate3d(var(--p03-paper-x), var(--p03-paper-y), 0);pointer-events:none;will-change:transform, opacity;border-radius:50%;position:absolute;bottom:-22svh;left:-8vw}.coffee-hero__media{z-index:1;border-radius:var(--p03-radius-a) var(--p03-radius-b) var(--p03-radius-c) var(--p03-radius-d);transform-origin:100%;transform:translate3d(var(--p03-media-shift-x), 0, 0) scale(var(--p03-media-scale));box-shadow:0 2.8rem 7rem rgba(57, 32, 21, var(--p03-shadow-alpha));will-change:transform, border-radius;position:absolute;inset:0;overflow:hidden}.coffee-hero__poster,.connected-scene{width:100%;height:100%;position:absolute;inset:0}.coffee-hero__poster{z-index:0;opacity:1;transition:opacity .35s}.coffee-hero__poster img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.coffee-hero--media-ready .coffee-hero__poster{opacity:0}.connected-scene{z-index:1;pointer-events:none;overflow:hidden}.connected-scene__fallback-video,.connected-scene__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.connected-scene__fallback-video{object-fit:cover;object-position:center;opacity:0}.connected-scene__canvas{opacity:0;transition:opacity .35s}.connected-scene--ready .connected-scene__canvas,.connected-scene--fallback .connected-scene__fallback-video{opacity:1}.coffee-hero__transition-copy{z-index:3;width:min(35rem,38vw);opacity:var(--p03-copy);transform:translate3d(0, var(--p03-copy-y), 0) translateY(-50%);pointer-events:none;will-change:transform, opacity;position:absolute;top:50%;left:clamp(1.75rem,6vw,7rem)}.coffee-hero__transition-copy>span,.editorial-menu__eyebrow{color:var(--copper-roast);letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.69rem;font-weight:700;display:block}.coffee-hero__transition-copy h1{max-width:8ch;color:var(--espresso-ink);font-family:var(--display);letter-spacing:-.065em;margin:0;font-size:clamp(4.3rem,8vw,9rem);font-weight:430;line-height:.76}.coffee-hero__transition-copy h1 em,.editorial-menu__header h2 em{color:var(--copper-roast);font-weight:430}.coffee-hero__transition-copy p{color:#241610bd;max-width:31rem;margin:2.2rem 0 0;font-size:clamp(.92rem,1.15vw,1.12rem);line-height:1.75}.coffee-hero__scroll-cue{z-index:4;color:rgba(255, 250, 242, var(--p03-cue-alpha));letter-spacing:.2em;text-transform:uppercase;pointer-events:none;align-items:center;gap:1rem;font-size:.62rem;font-weight:700;display:flex;position:absolute;bottom:clamp(1.5rem,4vh,3rem);right:clamp(1.5rem,3vw,3.5rem)}.coffee-hero__scroll-cue i{background:currentColor;width:3rem;height:1px;display:block}.editorial-menu{z-index:4;background:var(--latte-cream);color:var(--espresso-ink);border-radius:clamp(4rem,9vw,9rem) clamp(4rem,9vw,9rem) 0 0;margin-top:-12svh;position:relative;overflow:hidden}.editorial-menu__header{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.6fr);align-items:end;gap:clamp(3rem,9vw,10rem);padding:clamp(8rem,15vw,15rem) clamp(1.5rem,6vw,7rem) clamp(5rem,8vw,8rem);display:grid}.editorial-menu__header h2{max-width:9ch;font-family:var(--display);letter-spacing:-.07em;margin:0;font-size:clamp(4.5rem,10.5vw,11rem);font-weight:430;line-height:.78}.editorial-menu__header p{color:#241610ad;max-width:29rem;margin:0 0 .6rem;font-size:clamp(.92rem,1.15vw,1.1rem);line-height:1.8}.editorial-menu__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.25rem,2.4vw,3rem);padding:0 clamp(1.5rem,4vw,4.5rem) clamp(8rem,15vw,15rem);display:grid}.menu-category{grid-column:span 3;min-width:0}.menu-category:nth-child(2n){transform:translateY(clamp(3rem,6vw,7rem))}.menu-category__image{aspect-ratio:4/5;background:var(--oat-foam);margin:0 0 2rem;position:relative;overflow:hidden}.menu-category:first-child .menu-category__image{border-radius:44% 44% 10% 10%/28% 28% 8% 8%}.menu-category:nth-child(2) .menu-category__image{border-radius:2rem 46%}.menu-category:nth-child(3) .menu-category__image{border-radius:48% 48% 5rem 5rem/32% 32% 12% 12%}.menu-category:nth-child(4) .menu-category__image{border-radius:4rem 4rem 48% 48%/10% 10% 30% 30%}.menu-category__image img{object-fit:cover;width:100%;height:100%;display:block}.menu-category__image span{color:#fffaf2d1;font-family:var(--display);font-size:2.1rem;font-style:italic;position:absolute;bottom:.75rem;right:1rem}.menu-category h3{font-family:var(--display);letter-spacing:-.05em;margin:0 0 1.2rem;font-size:clamp(2.2rem,3vw,3.6rem);font-weight:480}.menu-category ul{margin:0;padding:0;list-style:none}.menu-category li{color:#241610bd;border-top:1px solid #45261c33;justify-content:space-between;padding:.8rem 0;font-size:.82rem;display:flex}.menu-category li:last-child{border-bottom:1px solid #45261c33}.menu-category small{color:#45261c7a;letter-spacing:.13em;text-transform:uppercase;margin-top:1.1rem;font-size:.56rem;font-weight:700;display:block}.editorial-menu__footer{background:var(--espresso-ink);min-height:45svh;color:var(--latte-cream);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(2rem,8vw,10rem);padding:clamp(4rem,8vw,8rem) clamp(1.5rem,6vw,7rem);display:grid}.editorial-menu__footer span{font-family:var(--display);letter-spacing:-.08em;font-size:clamp(4rem,12vw,13rem);font-style:italic}.editorial-menu__footer p{max-width:18ch;font-family:var(--display);margin:0;font-size:clamp(2rem,4vw,4.5rem);line-height:.95}@media (max-width:900px){.coffee-hero{height:270svh}.coffee-hero__media{transform-origin:50% 0;transform:translate3d(0, var(--p03-media-shift-mobile-y), 0) scale(var(--p03-media-mobile-scale));border-radius:0 0 var(--p03-mobile-radius) var(--p03-mobile-radius)}.coffee-hero__stage:after{z-index:2;width:136vw;height:82svh;transform:translate3d(0, var(--p03-paper-mobile-y), 0);bottom:-30svh;left:-18vw}.coffee-hero__transition-copy{background:linear-gradient(180deg, transparent 0%, #f3e5cfd1 26%, var(--latte-cream) 56%);width:auto;min-height:58svh;transform:translate3d(0, var(--p03-copy-mobile-y), 0);flex-direction:column;justify-content:flex-end;padding:8rem 8vw 15svh;display:flex;inset:auto 0 0}.coffee-hero__transition-copy h1{max-width:7ch;font-size:clamp(3.8rem,18vw,6.2rem);line-height:.8}.coffee-hero__transition-copy p{max-width:27rem;margin-top:1.5rem;font-size:.9rem;line-height:1.65}.coffee-hero__scroll-cue{bottom:1.25rem;right:1.15rem}.editorial-menu{border-radius:3.5rem 3.5rem 0 0;margin-top:-10svh}.editorial-menu__header{grid-template-columns:1fr;gap:2.5rem;padding:8rem 8vw 5rem}.editorial-menu__header h2{font-size:clamp(4rem,20vw,7rem)}.editorial-menu__header p{max-width:30rem}.editorial-menu__grid{padding:0 6vw 8rem;display:block}.menu-category{grid-template-columns:minmax(7.5rem,.85fr) minmax(0,1.15fr);grid-template-areas:"image title""image list""image note";align-items:start;column-gap:1.4rem;margin-bottom:4.5rem;display:grid}.menu-category:nth-child(2n){transform:none}.menu-category__image{grid-area:image;margin:0}.menu-category h3{grid-area:title;margin:.4rem 0 1rem;font-size:clamp(2.2rem,10vw,3.4rem)}.menu-category ul{grid-area:list}.menu-category small{grid-area:note}.editorial-menu__footer{grid-template-columns:1fr;gap:1rem;min-height:55svh;padding:5rem 8vw}.editorial-menu__footer span{font-size:clamp(5rem,31vw,9rem)}.editorial-menu__footer p{font-size:clamp(2rem,10vw,3.5rem)}}@media (prefers-reduced-motion:reduce){.coffee-hero{height:100svh}.coffee-hero__media{box-shadow:none;border-radius:0;transform:none}.coffee-hero__stage:after,.coffee-hero__transition-copy,.coffee-hero__scroll-cue{display:none}.editorial-menu{border-radius:0;margin-top:0}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
