.reading-progress{position:fixed;z-index:40;top:0;left:0;width:100%;height:2px;background:var(--bronze);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.header{position:sticky;top:0;background:#090b09ef;backdrop-filter:blur(18px);transition:box-shadow .4s}.header.scrolled{box-shadow:0 10px 40px #0006}.hero-photo video{transform:translateY(var(--hero-shift,0px)) scale(1.12);height:112%;top:-6%;will-change:transform}.hero h1{transform:translateY(var(--hero-text-shift,0px))}.hero-photo{border-left:1px solid #c6a47724}.hero-photo::before{content:'';position:absolute;inset:24px;z-index:1;border:1px solid #c6a47730;pointer-events:none}.brand-strip{background:var(--bronze);border-color:var(--bronze);padding-block:16px}.concept{background:radial-gradient(ellipse at 10% 70%,#252016 0%,var(--panel) 60%)}.concept-detail img{filter:drop-shadow(0 0 24px #c6a47720)}
.ritual{height:185vh;min-height:1000px;background:#11130e}.ritual-stage{height:88vh;min-height:570px;position:sticky;top:90px;overflow:hidden;display:flex;align-items:center;padding:8% 6%;isolation:isolate}.ritual-image{position:absolute;inset:-5%;background:url('coffee.jpg') center 54%/cover;z-index:-3;transform:scale(var(--ritual-scale,1.05));will-change:transform}.ritual-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050805ed,#090b09a3 60%,#090b0955),linear-gradient(0deg,#090b09b3,transparent 50%)}.ritual h2{font-size:clamp(75px,10vw,158px);line-height:.99;letter-spacing:-.025em}.ritual-word{display:block;color:var(--cream);will-change:transform,opacity}.ritual-word:last-child{color:var(--bronze)}.ritual-top,.ritual-bottom{position:absolute;left:6%;right:6%;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:2px;color:var(--bronze)}.ritual-top{top:38px;border-bottom:1px solid #c6a47744;padding-bottom:20px}.ritual-bottom{bottom:35px;align-items:center}.ritual-bottom a{color:var(--cream);border-bottom:1px solid var(--bronze);padding-bottom:8px;font-size:14px;letter-spacing:.3px}.ritual-bottom a span{margin-left:28px;color:var(--green)}
.brewing{background:#0c0e0b}.brewing .section-heading{margin-bottom:48px}.brewing h2 em{color:var(--bronze)}.menu-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:50px}.menu-filters button{border:1px solid #36382e;background:transparent;padding:12px 17px;border-radius:2px;font-size:13px;color:#c6c9bf;transition:background .2s,color .2s,border-color .2s}.menu-filters button span{margin-left:12px;font-size:10px;color:var(--bronze)}.menu-filters button:hover{border-color:var(--bronze)}.menu-filters button[aria-pressed=true]{background:var(--bronze);color:var(--black);border-color:var(--bronze)}.menu-filters button[aria-pressed=true] span{color:#4b3b24}.menu-layout{display:grid;grid-template-columns:.7fr 1.6fr;gap:6%}.menu-editorial{align-self:start;position:sticky;top:140px}.menu-editorial>.eyebrow{font-size:10px;letter-spacing:2px}.menu-editorial>p{font:600 clamp(27px,3.1vw,48px)/1.12 var(--display);color:var(--bronze)}.coffee-art{height:300px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;margin:24px 0}.coffee-art::before{content:'';position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#93714929,transparent 70%);z-index:-1}.orbit{position:absolute;width:240px;height:240px;border:1px solid #c6a47730;border-radius:50%;transform:rotateX(60deg) rotate(-20deg);animation:orbit-turn 22s linear infinite}.orbit-two{width:280px;height:280px;animation-direction:reverse;transform:rotateX(40deg)}.coffee-cup{position:relative;width:110px;height:140px;background:linear-gradient(100deg,#35382b,#181c15 42%,#090b09);border:1px solid #6c624a;border-radius:6px 6px 35px 35px;display:grid;place-items:center;box-shadow:20px 25px 30px #0008;transform:rotate(-9deg);animation:float-cup 6s ease-in-out infinite}.coffee-cup::before{content:'';position:absolute;top:-9px;left:-1px;width:110px;height:18px;border:3px solid #9e835e;border-radius:50%;background:radial-gradient(ellipse,#4e2e16,#120e08)}.coffee-cup::after{content:'';position:absolute;right:-31px;top:26px;width:29px;height:51px;border:7px solid #434331;border-left:0;border-radius:0 22px 22px 0;z-index:-1}.coffee-cup span{font:700 19px/.96 var(--display);letter-spacing:1px;color:var(--bronze);text-align:center}.art-caption{position:absolute;bottom:9px;right:0;font-size:9px;letter-spacing:2px;color:var(--muted);text-align:right}.menu-result{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}.coffee-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.coffee-item{position:relative;display:flex;gap:15px;padding:27px 0;min-height:184px;border-bottom:1px solid var(--line);animation:coffee-in .55s cubic-bezier(.16,1,.3,1) both}.coffee-item[hidden]{display:none}.coffee-index{font-size:10px;color:var(--bronze);padding-top:4px}.coffee-style{font-size:9px;letter-spacing:1.2px;color:var(--bronze)}.coffee-item h3{font:600 29px/1.08 var(--display);margin:9px 15px 12px 0}.coffee-item p{font-size:13px;line-height:1.7;color:var(--muted);max-width:290px}.coffee-star{position:absolute;right:0;top:40px;color:var(--bronze);font-size:15px;opacity:0;transform:rotate(-70deg);transition:transform .4s,opacity .4s}.coffee-item:hover .coffee-star{opacity:1;transform:rotate(0)}.menu-note{margin-top:40px;padding-top:25px;border-top:1px solid var(--line);max-width:780px;color:var(--muted);font-size:12px}.motion-control{padding:0;border:0;background:transparent;color:var(--bronze);font-size:12px;text-decoration:underline;text-underline-offset:5px}.motion-paused .marquee-track,.motion-paused .orbit,.motion-paused .coffee-cup{animation-play-state:paused}.motion-paused .reveal.pending{opacity:1;transform:none}.motion-paused .coffee-item{animation:none}.footer-logo>span{display:inline-block;transition:transform 1s}.footer-logo:hover>span{transform:rotate(180deg)}
@keyframes coffee-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float-cup{50%{transform:translateY(-10px) rotate(-5deg)}}@keyframes orbit-turn{to{transform:rotateX(60deg) rotate(340deg)}}
@media(max-width:1000px){.menu-layout{grid-template-columns:.65fr 1.5fr;gap:5%}.coffee-grid{grid-template-columns:1fr}.coffee-item{min-height:0}.coffee-art{height:255px}.coffee-item h3{font-size:32px}.ritual h2{font-size:10.5vw}.ritual-stage{top:95px}}
@media(max-width:680px){.header{min-height:80px}.hero-photo{border:0;opacity:.8}.hero-photo::before{inset:14px}.hero h1{margin-bottom:75px}.ritual{height:145vh;min-height:950px}.ritual-stage{top:78px;height:80svh;min-height:510px;padding:0 6%}.ritual h2{font-size:clamp(52px,13vw,85px);line-height:1.04}.ritual-top{top:27px;font-size:9px;letter-spacing:1px}.ritual-bottom{bottom:29px;align-items:start;flex-direction:column;gap:18px;font-size:9px}.ritual-image{background-position:61% center}.menu-filters{gap:7px;margin-bottom:32px}.menu-filters button{padding:10px 11px;font-size:12px}.menu-filters button span{margin-left:7px}.menu-layout{grid-template-columns:1fr}.menu-editorial{display:none}.coffee-grid{grid-template-columns:1fr}.coffee-item{padding:24px 0;gap:17px}.coffee-item h3{font-size:32px;margin-top:7px}.coffee-item p{font-size:14px;max-width:310px}.coffee-style{font-size:10px}.coffee-star{opacity:.6;top:35px}.menu-note{font-size:12px;margin-top:30px}.footer-bottom{align-items:flex-start}.brewing .section-heading{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.hero-photo video,.hero h1,.ritual-image,.ritual-word{transform:none!important}.coffee-item{animation:none}.reading-progress{display:none}}