@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');
:root{--cream:#e8e9df;--ink:#293326;--rust:#657142;--muted:#6d7567;--line:#c3c7b8}body{background:#e8e9df}header{position:fixed;z-index:50;top:20px;left:30px;right:30px;margin:0;height:52px;border:0;color:#faf9ed;transition:color .4s}header .brand{font-size:28px;letter-spacing:-1.5px}header .brand small{display:none}header nav{gap:4px;background:#f4f3e9;color:#293326;border-radius:30px;padding:5px;box-shadow:0 3px 20px #0001}header nav a{padding:10px 20px;border-radius:24px;font-size:10px}header nav a:hover,header nav a.active{background:#293326;color:#fff}header .book{background:#edf0dc;border:none;color:#293326;padding:15px 20px;font-size:10px}header.dark-nav{color:#293326}header .brand span{font-size:9px}.cinema-intro{height:270svh;position:relative;background:#253524}.cinema-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;color:#f5f3e8}.cinema-image{position:absolute;inset:-3%;background:url('assets/cinematic-cafe.jpg') center/cover;will-change:transform;transform:scale(var(--zoom,1.05)) translate3d(var(--pan-x,0px),var(--pan-y,0px),0)}.cinema-shade{position:absolute;inset:0;background:linear-gradient(180deg,#10241550 0%,transparent 35%,#132313aa 100%)}.cinema-meta{position:absolute;top:105px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;opacity:calc(1 - var(--intro-progress,0)*3)}.cinema-title{position:absolute;left:30px;right:30px;bottom:90px;transform:translateY(var(--title-y,0px));opacity:var(--title-opacity,1);will-change:transform,opacity}.cinema-title .eyebrow{font-size:9px;margin-bottom:18px}.cinema-title h1{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:clamp(65px,9.4vw,155px);line-height:.91;letter-spacing:-.08em;max-width:1100px}.cinema-title h1 span{font-family:'Italiana',Georgia,serif;font-weight:400;letter-spacing:-.04em}.cinema-caption{display:flex;align-items:end;justify-content:space-between;margin-top:27px}.cinema-caption p{font-size:12px;line-height:1.7;margin:0}.cinema-caption a{font-size:9px;letter-spacing:1px;border-bottom:1px solid #eee8;padding-bottom:10px}.cinema-bottom{position:absolute;bottom:25px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px}.manifesto{position:absolute;top:50%;left:50%;width:540px;max-width:calc(100% - 44px);padding:55px 35px;background:#465433ed;text-align:center;transform:translate(-50%,calc(-50% + var(--card-y,100px)));opacity:var(--card-opacity,0);pointer-events:none;will-change:transform,opacity;box-shadow:0 20px 80px #001a1830}.manifesto.shown{pointer-events:auto}.manifesto h2{font-family:'Italiana',Georgia,serif;font-size:clamp(43px,4.8vw,72px);line-height:1.04;letter-spacing:-2px}.manifesto em{color:#dad9bc}.manifesto>p:not(.eyebrow){font-size:11px;line-height:1.9;margin:24px 0}.manifesto .pill{background:#e6e8cd;color:#293326;font-size:10px;padding:14px 20px}.scene-progress{position:absolute;bottom:0;height:3px;background:#ffffff20;left:0;right:0}.scene-progress i{display:block;background:#e4e5bb;width:calc(var(--intro-progress,0)*100%);height:100%}.brew-journey{height:230svh;background:#e8e9df;position:relative}.brew-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden}.brew-heading{position:absolute;top:120px;left:6%;z-index:2}.brew-heading h2{font-family:'Italiana',Georgia,serif;font-size:clamp(45px,5vw,75px);line-height:1.04}.brew-heading .eyebrow{font-size:8px;margin-bottom:20px}.brew-word{position:absolute;font:italic clamp(100px,15vw,240px) Georgia;color:#d3d7c8;letter-spacing:-12px;white-space:nowrap;left:12%;top:40%;transform:translateX(calc(var(--brew-progress,0)*-70px));pointer-events:none}.brew-stage .scene-wrap{position:absolute;left:22%;right:3%;top:0;bottom:0;min-height:0;z-index:1}.brew-stage #coffee-scene{width:100%;left:0}.brew-detail{position:absolute;left:6%;bottom:90px;width:270px;z-index:3}.brew-number{font-size:9px;letter-spacing:2px}.brew-detail h3{font:26px 'Italiana',Georgia;letter-spacing:-.5px;margin-top:16px}.brew-detail p{font-size:11px;line-height:1.8;color:#6d7567}.brew-detail a{font-size:10px}.brew-stage .scene-controls{bottom:70px;right:5%;font-size:7px}.brew-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;z-index:3}.ticker{background:#465433}.story-photo img{border-radius:0}.story h2,.section-heading h2,.quote h2,.visit h2{font-family:'Italiana',Georgia,serif}.menu{background:#dde1d3}.visit{background:#293326}.visit em{color:#bec6a5}.quote{background:#465433;color:#efeedc}.quote em{color:#c9cfaf}.quote>span{color:#c9cfaf}.menu-image{border-radius:150px 150px 0 0}.visit .light{color:#293326}.tabs button[aria-selected=true]{border-color:#465433;color:#465433}dialog{z-index:100}.book:hover{background:#d2dbb4}.gallery-card span{font:23px 'Italiana',Georgia}.gallery-grid{gap:10px}.section-heading .eyebrow{color:#657142}.scroll-cue{animation:nudge 2s infinite}@keyframes nudge{50%{transform:translateY(4px)}}
@media(max-width:850px){header{left:22px;right:22px}header nav a{padding:9px 12px}.brew-stage .scene-wrap{left:18%;right:-10%}.brew-detail{width:220px}.cinema-stage{min-height:550px}.manifesto{padding:40px 25px}}
@media(max-width:600px){header{top:15px;left:20px;right:20px;height:43px}header .brand{font-size:26px}header .book{padding:12px;font-size:9px;margin-right:8px}header .book span{margin-left:8px}header .mobile-toggle{color:inherit}header nav{top:52px;left:0;right:0;border:0;border-radius:12px;padding:15px;box-shadow:0 10px 40px #0003;background:#f4f3e9}header nav a{padding:12px}header nav.expanded{gap:3px}header.dark-nav nav{background:#f4f3e9}.cinema-intro{height:240svh}.cinema-stage{min-height:620px}.cinema-image{background-position:54% center}.cinema-meta{top:85px;left:20px;right:20px;font-size:6px;letter-spacing:1px}.cinema-meta span:last-child{display:none}.cinema-title{left:20px;right:20px;bottom:100px}.cinema-title h1{font-size:clamp(62px,14vw,92px);line-height:.99;letter-spacing:-5px}.cinema-title .eyebrow{font-size:7px;letter-spacing:1.6px}.cinema-caption{display:block;margin-top:20px}.cinema-caption p{font-size:11px}.cinema-caption a{display:inline-block;font-size:8px;margin-top:20px}.cinema-bottom{left:20px;right:20px;bottom:24px;font-size:6px;letter-spacing:.8px}.cinema-bottom>span:last-child{display:none}.manifesto{max-width:calc(100% - 40px);padding:38px 22px}.manifesto h2{font-size:53px}.manifesto>p:not(.eyebrow){font-size:10px}.brew-journey{height:200svh}.brew-stage{min-height:700px}.brew-heading{top:95px;left:6%}.brew-heading h2{font-size:43px}.brew-heading .eyebrow{font-size:7px;margin-bottom:15px}.brew-stage .scene-wrap{left:-10%;right:-10%;top:150px;bottom:140px}.brew-word{font-size:95px;letter-spacing:-6px;top:40%;left:0}.brew-detail{bottom:65px;left:6%;width:72%}.brew-detail h3{font-size:23px;margin-top:9px}.brew-detail p{font-size:10px;margin:9px 0}.brew-detail a{margin-top:0}.brew-stage .scene-controls{bottom:0;right:15%;font-size:6px;gap:6px}.brew-stage .scene-controls button{width:24px;height:24px}.brew-bottom{font-size:6px;bottom:22px}.brew-bottom span:first-child{max-width:160px;line-height:1.6}.brew-number{font-size:7px}}
@media(prefers-reduced-motion:reduce){.cinema-intro{height:100svh}.brew-journey{height:100svh}.manifesto{display:none}.cinema-title{opacity:1!important;transform:none!important}.cinema-meta{opacity:1}.cinema-image{transform:none!important}.scroll-cue{animation:none}.brew-word{transform:none}}