:root{--theme-accent:#b8733e;--theme-deep:#46583d;--theme-soft:#ead8b9;--theme-surface:#f6ead6;--display-font:Cambria,Georgia,"Times New Roman",serif}
body{background:#f6ead6;color:#3d332c;background-image:radial-gradient(circle at 85% 5%,rgba(81,104,69,.12),transparent 24%)}
.district-hero:before{background:linear-gradient(180deg,rgba(40,31,24,.1),rgba(44,32,23,.64) 72%,#f6ead6)}
.coffee-drip{position:absolute;right:12%;top:20%;width:4px;height:110px;background:linear-gradient(#4d2718,#8e4b2d);border-radius:99px;animation:drip 3.2s ease-in infinite}.coffee-drip:after{content:"";position:absolute;bottom:-13px;left:-6px;width:16px;height:16px;background:#5b2c1a;border-radius:50% 50% 55% 45%;box-shadow:0 8px 12px rgba(44,22,13,.2)}@keyframes drip{0%{transform:scaleY(.1);transform-origin:top;opacity:0}35%{opacity:1}70%{transform:scaleY(1);transform-origin:top}100%{transform:translateY(80px);opacity:0}}
.steam-lines{position:absolute;right:18%;bottom:18%;display:flex;gap:14px}.steam-lines i{display:block;width:16px;height:90px;border-left:3px solid rgba(255,255,255,.55);border-radius:50%;animation:steamCoffee 4s ease-in-out infinite}.steam-lines i:nth-child(2){animation-delay:1s}.steam-lines i:nth-child(3){animation-delay:2s}@keyframes steamCoffee{0%{opacity:0;transform:translateY(20px)}50%{opacity:.65}100%{opacity:0;transform:translateY(-30px) translateX(8px)}}
.ritual-section{padding:90px 0;background:linear-gradient(180deg,#f6ead6,#fff8eb)}
.ritual-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:2rem}.ritual-step{text-align:center;padding:1.2rem .8rem;position:relative}.ritual-step:not(:last-child):after{content:"";position:absolute;right:-.6rem;top:42px;width:1.2rem;border-top:2px dashed #b8733e}.ritual-icon{width:78px;height:78px;border-radius:50%;margin:0 auto .75rem;display:grid;place-items:center;background:#46583d;color:#fff;font-size:1.8rem;box-shadow:0 12px 28px rgba(70,88,61,.18)}.ritual-step h3{font:800 1.35rem var(--display-font);margin:.2rem 0}.ritual-step p{font-size:.8rem;color:#77695e}
.coffee-menu{padding:90px 0;background:#fff9ee}
.coffee-group{display:grid;grid-template-columns:260px 1fr;gap:2rem;margin-bottom:4rem}.coffee-group-title{position:sticky;top:160px;align-self:start}.coffee-group-title h2{font:850 3rem/.95 var(--display-font);margin:.4rem 0;color:#46583d}.coffee-group-title p{color:#7b6a5d}
.coffee-list{display:grid;gap:.9rem}.coffee-item{display:grid;grid-template-columns:125px 1fr auto;gap:1rem;align-items:center;border-bottom:1px solid rgba(85,66,51,.14);padding:1rem 0}.coffee-item .dish-image{width:125px;height:125px;border-radius:50%;box-shadow:0 12px 25px rgba(83,58,40,.14)}.coffee-item h3{font:800 1.5rem/1 var(--display-font);margin:.2rem 0}.coffee-item p{color:#796b61;font-size:.86rem;margin:.35rem 0}.coffee-item-side{text-align:right;min-width:120px}.coffee-item-side .price-tag{font-size:1.05rem;color:#8d4f2b}.slow-note{margin-top:2rem;padding:1.2rem;border:1px solid rgba(70,88,61,.2);border-radius:22px;background:#eef1e7;color:#46583d;font:italic 800 1.4rem var(--display-font);text-align:center}
.ink-wash{position:absolute;inset:auto -120px -100px auto;width:420px;height:310px;background:radial-gradient(ellipse,rgba(86,49,29,.22),transparent 68%);filter:blur(14px);pointer-events:none}
@media(max-width:850px){.ritual-steps{grid-template-columns:1fr}.ritual-step:not(:last-child):after{right:auto;left:50%;top:auto;bottom:-.6rem;width:0;height:1.2rem;border:0;border-left:2px dashed #b8733e}.coffee-group{grid-template-columns:1fr}.coffee-group-title{position:static}.coffee-item{grid-template-columns:90px 1fr}.coffee-item .dish-image{width:90px;height:90px}.coffee-item-side{grid-column:2;text-align:left;display:flex;align-items:center;gap:.6rem}.coffee-item-side .btn{width:auto}}
/* V5: slower and more typographic */
.ritual-icon{border-radius:2px;box-shadow:none;background:#46583d}
.coffee-item{padding:1.15rem 0}
.coffee-item .dish-image{border-radius:2px;box-shadow:none}
.coffee-item-side .entry-cue{color:#8d4f2b;margin-left:auto}
.slow-note{border-radius:1px;background:transparent;border-width:1px 0;text-align:left;padding:1.2rem 0}