/* A coffee scene with room to unfold before the rest of the page arrives. */
.home-page .hero{height:150svh;min-height:1080px;max-height:none;overflow:visible;background:#17120f}
.hero-stage{position:sticky;top:0;height:100svh;min-height:720px;max-height:1250px;overflow:hidden;isolation:isolate;perspective:1400px;background:#17120f}
.hero-stage .hero-media{transform-origin:50% 50%;box-shadow:0 28px 80px #0007}
.hero-stage .hero-content{z-index:1}
.hero-stage .hero-bottom{z-index:2}
.hero-stage .hero-craft{z-index:1}
.hero-stage .hero-title{max-width:850px}
.hero-stage .hero-description{max-width:430px}
.hero-stage .hero-special{width:390px;gap:16px}
.hero-stage .hero-special>span:nth-child(2){min-width:0;flex:1}
.hero-stage .special-arrow{font-size:11px;line-height:1.4;white-space:nowrap;color:var(--text)}
.cafe-points>div>span:only-child{font-size:inherit!important;color:inherit!important}
.home-page .brew-section{height:280svh}
.menu-photo-arrow{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:44px;padding:12px 17px;border-radius:30px;font-size:11px;line-height:1.2;letter-spacing:0;font-style:normal;gap:10px;white-space:nowrap;background:#241b12c9;border:1px solid #f0d9b755;backdrop-filter:blur(8px);box-shadow:inset 0 1px #fff2;opacity:1;transform:none}
.menu-card-photo:hover .menu-photo-arrow{transform:translateY(-3px);background:#dab88c;color:#211a12;border-color:#f6dcbd}
.menu-detail{font-size:12px;min-height:45px;display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--text);border-top:1px solid #dec59e24;margin-top:17px;padding-top:10px}
.menu-detail:hover{color:var(--accent)}
.story-process-photo [data-process-photo]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-process-photo [data-process-photo="1"],.story-process-photo [data-process-photo="2"]{opacity:0}
.story-process-photo [data-process-photo="0"]{object-position:50% 62%}
.story-process-photo [data-process-photo="1"]{object-position:50% 50%}
.story-process-photo [data-process-photo="2"]{object-position:54% 48%}
.story-process-photo .process-photo-caption{z-index:4}
.story-process-photo .process-photo-caption>.eyebrow{font:9px/1.6 var(--mono);letter-spacing:.08em}
.process-step{position:relative;overflow:hidden}
.process-step:before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(var(--step-progress,0));transform-origin:top}
.inner-section-heading,.section-heading{align-items:end}
.menu-search:focus-within{border-color:var(--accent)}
.finder-help a{border-bottom:1px solid #cfaf8155}
@media(min-width:641px) and (max-height:760px){.hero-stage .hero-content{padding-top:160px}.hero-stage .hero-title{font-size:clamp(64px,7.2vw,102px);margin-block:20px}.hero-stage .hero-actions{margin-top:25px}}
@media(max-width:950px){.hero-stage .hero-title{max-width:650px}}
@media(max-width:640px){
  .home-page .hero{height:136svh;min-height:960px}
  .hero-stage{height:100svh;min-height:740px;max-height:none}
  .hero-stage .hero-content{padding-top:145px}
  .hero-stage .hero-title{font-size:clamp(47px,12.8vw,70px);line-height:1.08;max-width:100%;margin-block:24px}
  .hero-stage .hero-description{font-size:14px;line-height:1.8;max-width:335px}
  .hero-stage .hero-bottom{bottom:23px;gap:16px}
  .hero-stage .hero-special{padding:10px 12px;width:100%;gap:12px}
  .home-page .brew-section{height:270svh}
  .menu-photo-arrow{padding:11px 15px;font-size:11px;width:auto;height:auto;right:15px;bottom:15px}
  .menu-detail{font-size:13px}
}
@media(max-width:360px){.hero-stage .hero-title{font-size:42px}.hero-stage .hero-content{padding-top:140px}.hero-stage .hero-description{font-size:13px}.hero-stage .hero-actions{gap:9px;margin-top:24px}.hero-stage .hero-special strong{font-size:12px}}