/* Shared motion and composition. v4 */
:root{--ease:cubic-bezier(.22,1,.36,1)}
.site-header{transition:background .5s,color .5s,border-color .5s,backdrop-filter .5s;height:96px}
.home-page .site-header,.home-page.light-header .site-header,.story-page .site-header,.story-page.light-header .site-header,.menu-page .site-header,.menu-page.light-header .site-header,.visit-page .site-header{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.home-page.header-glass .site-header,.story-page.header-glass .site-header,.menu-page.header-glass .site-header,.visit-page.header-glass .site-header{background:rgba(243,237,227,.8)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #962a2914;color:var(--red)}
.header-glass .site-header .brand,.header-glass .site-header .brand img{filter:none!important}.menu-page .site-header{color:var(--red)}.menu-page .site-header .brand img{filter:none}
.pour-stage{background:var(--film-tone,#7d2118)}.pour-shade{background:linear-gradient(90deg,#180e0c35,transparent 50%);pointer-events:none}.cream-film .pour-shade{background:none}
.pour-copy{top:25%;width:48%}.pour-copy h1{font-family:var(--serif);font-size:clamp(72px,9vw,144px);letter-spacing:-.065em}.pour-copy h1 em{font-weight:400}.pour-middle{position:absolute;z-index:2;left:53%;top:39%;width:42%;color:var(--red);opacity:0;visibility:hidden}.pour-middle h2{font:400 clamp(45px,5.6vw,89px)/1.04 var(--serif);letter-spacing:-.055em;margin:22px 0}.pour-middle>p:last-child{font-size:12px}.pour-ending{top:20%;width:49%}.pour-ending h2{font-family:var(--serif);font-size:clamp(56px,6.2vw,99px)}.pour-copy,.pour-middle,.pour-ending{will-change:opacity,transform}.pour-blend{position:absolute;z-index:1;inset:auto 0 0;height:28%;background:linear-gradient(0deg,var(--cream),#f3ede300);opacity:var(--blend,0);pointer-events:none}.pour-bottom{z-index:3}.pour-stage:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:var(--cream);opacity:var(--blend,0)}
.cup-discovery,.menu-discovery{background:var(--cream);color:var(--red);padding-bottom:95px}.menu-discovery{padding-top:145px}.discovery-top{margin-bottom:35px}.discovery-layout{grid-template-columns:1.02fr 1fr;gap:6%;align-items:center}.discovery-copy{z-index:2}.discovery-copy>h1,.discovery-copy>h2{font:400 clamp(60px,6.1vw,96px)/1.01 var(--serif);letter-spacing:-.055em;margin:15px 0 38px}.discovery-copy>h1 em,.discovery-copy>h2 em{color:var(--copper)}.cup-choices{border:0;width:90%}.cup-choices button,.menu-discovery .cup-choices button{position:relative;border:0;padding:17px 0;font-size:12px;font-weight:500;transition:padding .65s var(--ease),color .4s}.cup-choices button:before,.cup-choices button:after{content:'';position:absolute;left:0;width:91%;height:1px;background:#962a2930;transition:width .65s var(--ease),background .4s,transform .4s}.cup-choices button:before{top:0}.cup-choices button:after{bottom:0}.cup-choices button[aria-pressed=true]:before,.cup-choices button[aria-pressed=true]:after,.cup-choices button:hover:before,.cup-choices button:hover:after{width:100%;background:var(--red);transform:scaleY(1.5)}.cup-choices button[aria-pressed=true]{padding-left:10px;color:var(--red)}.menu-discovery .cup-choices [aria-pressed=true]{color:var(--red)}.cup-choices button b{padding-right:10%;transition:padding .6s var(--ease),transform .6s var(--ease)}.cup-choices [aria-pressed=true] b{padding-right:0;transform:rotate(45deg)}
.cup-panel,.menu-discovery .cup-panel{padding-top:23px;min-height:220px}.cup-title,.menu-discovery .cup-title{font-size:27px;line-height:1.15;margin:0 0 14px}.cup-title br{display:none}.cup-title br:after{content:' '}.cup-note,.menu-discovery .cup-note{font-size:12px;max-width:400px;color:var(--ink);min-height:40px}.cup-price{margin:13px 0 4px}.cup-link{font-size:10px}.cup-gallery,.menu-discovery .cup-gallery{position:relative;height:650px;width:100%;max-width:none;margin:0;padding:0;perspective:900px}.cup-picture,.menu-discovery .cup-picture{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;background:none;overflow:visible;transform:none;will-change:transform}.cup-cutout{position:absolute;inset:4% 3% 6%;width:94%;height:88%;object-fit:contain;opacity:0;transform:translate(25px,20px) rotate(14deg) scale(.95);filter:drop-shadow(18px 32px 19px #56371724);transition:opacity .55s ease,transform 1s var(--ease);pointer-events:none}.cup-cutout.active,.cup-gallery:hover .featured-cup{opacity:1;transform:translate(0,0) rotate(8deg) scale(1)}.cup-cutout[data-cup-image="2"]{inset:10% 0;width:100%;height:80%;object-fit:contain}.cup-gallery .drink-orbit{left:0;top:9%;width:100%;height:78%;aspect-ratio:auto;transform:rotate(-25deg);border-color:#b1765445}.cup-gallery .drink-orbit:after{inset:-19px;border-color:#b1765425}.cup-tag{position:absolute;right:0;top:2%;font:italic 18px var(--serif);z-index:2}.cup-gallery .drink-stamp{bottom:12%;left:-2%;z-index:2}.cup-caption{position:absolute;bottom:0;left:8%;right:8%;text-align:center;font-size:10px}.cup-counter{bottom:3%;left:auto;right:0;background:none;padding:0;opacity:.6;font-size:9px}.menu-discovery .cup-gallery{height:590px}.cup-discovery .text-link span{transition:transform .6s var(--ease)}
.section-arrival{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform 1.15s var(--ease)}.section-arrival.is-in{opacity:1;transform:none}.line-reveal{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.line-reveal>span{display:block;transform:translateY(105%);transition:transform 1.2s var(--ease)}.is-in .line-reveal>span{transform:none}.reveal.waiting{transform:translateY(24px)}.text-link,.pill-link{transition:background .4s,color .4s,transform .6s var(--ease)}.pill-link:hover{background:var(--red);color:var(--cream)}.pour-links .pill-link:hover{background:var(--cream);color:var(--red)}
.mobile-nav{background:var(--red);color:var(--cream);padding:115px var(--pad) 40px;overflow:auto;opacity:0;transform:translateY(-20px);transition:opacity .38s ease,transform .65s var(--ease)}.mobile-nav.nav-open{opacity:1;transform:none}.mobile-nav::backdrop{background:#180e0c88;backdrop-filter:blur(10px)}.mobile-nav nav{max-width:1000px;margin:35px auto 55px}.mobile-nav>.eyebrow,.mobile-nav>p:last-child{max-width:1000px;margin-inline:auto}.mobile-nav nav a{font:400 clamp(38px,7vw,95px)/1.1 var(--serif);padding:22px 0;border-color:#f3ede338;transform:translateY(24px);opacity:0;transition:transform .7s var(--ease),opacity .6s;transition-delay:calc(var(--nav-i,0)*65ms)}.mobile-nav.nav-open nav a{opacity:1;transform:none}.mobile-nav nav a:hover{padding-left:16px}.mobile-nav nav small{font:400 10px Manrope;opacity:.65}.nav-close{font-size:12px;border-bottom:1px solid #f3ede34a;right:var(--pad)}.site-header .nav-toggle{display:flex;margin-left:35px;align-items:center;gap:12px;font-size:11px}.site-header nav{margin-left:auto}.nav-toggle span{display:inline-block;transition:transform .5s var(--ease)}.nav-toggle:hover span{transform:rotate(90deg)}
.story-hero{background:var(--red);min-height:700px}.story-kettle{will-change:transform}.story-chapter{padding-block:130px}.story-chapter h2,.story-duo h2{font-size:clamp(48px,5.7vw,90px)}.story-duo{position:relative;overflow:hidden;background:#e9dfd0;padding-block:105px}.story-cup{position:relative}.story-cup:before{content:'';position:absolute;inset:5%;border:1px solid #b1765466;border-radius:50%;transform:rotate(-22deg) scaleY(.82)}.story-cup img{position:relative;will-change:transform}.story-photograph{position:relative;min-height:780px;color:var(--cream);overflow:hidden;display:flex;align-items:end;padding:85px var(--pad)}.story-photograph picture,.story-photograph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-photograph:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#180e0cd9,transparent 85%)}.story-photograph>div{position:relative;z-index:2;max-width:55%}.story-photograph h2{font-size:clamp(52px,6vw,95px);margin:25px 0}.story-photograph p{font-size:13px;max-width:390px}.visit-intro{position:relative;overflow:hidden;min-height:620px}.visit-intro:after{content:'';position:absolute;width:470px;height:470px;right:-8%;top:24%;border:1px solid #b1765433;border-radius:50%;box-shadow:0 0 0 32px #b1765409;pointer-events:none}.visit-intro h1{position:relative;z-index:1}.visit-grid{padding-top:65px}.address-panel{position:relative;overflow:hidden}.address-panel:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #f3ede330;border-radius:50%;right:-80px;bottom:-100px;pointer-events:none}.visit-details article{transition:transform .8s var(--ease)}.faq details{overflow:hidden}.faq details[open] p{animation:answer-in .45s var(--ease)}.faq summary span{transition:transform .4s}.faq details[open] summary span{transform:rotate(45deg)}@keyframes answer-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.site-header{height:90px}.cup-gallery,.menu-discovery .cup-gallery{height:550px}.discovery-layout{gap:4%}.discovery-copy>h1,.discovery-copy>h2{font-size:7vw}.cup-choices{width:100%}.site-header nav{gap:23px}.site-header .nav-toggle{margin-left:25px}}
@media(max-width:700px){.site-header{height:80px}.site-header .nav-toggle{margin-left:auto}.pour-stage{min-height:650px}.pour-journey{height:310svh}.pour-video{width:var(--film-width,145%);left:var(--film-left,-45%);height:auto;aspect-ratio:1921/1072;object-fit:contain;object-position:center;top:46%;opacity:1;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent)}.pour-shade,.cream-film .pour-shade{background:linear-gradient(180deg,#180e0c10,transparent 40%)}.pour-copy,.pour-middle,.pour-ending{left:22px;right:22px;width:auto;top:16%;bottom:auto}.pour-copy h1{font-size:17vw;line-height:.95;margin:18px 0}.pour-copy .eyebrow,.pour-middle .eyebrow,.pour-ending .eyebrow{font-size:8px}.pour-copy>p:not(.eyebrow){font-size:11px}.pour-links{margin-top:18px}.pour-middle h2{font-size:14vw;margin:20px 0;line-height:1.08}.pour-middle>p:last-child{font-size:11px}.pour-ending h2{font-size:15vw;margin-top:24px}.pour-blend{height:19%}.pour-bottom{bottom:25px}.cup-discovery,.menu-discovery{padding:55px 22px 60px}.menu-discovery{padding-top:120px}.discovery-top{margin-bottom:25px}.discovery-layout{display:grid;grid-template-columns:1fr;gap:0}.discovery-copy{display:contents}.discovery-copy>h1,.discovery-copy>h2{grid-row:1;font-size:15vw;line-height:1.05;margin:8px 0 24px}.discovery-copy>h2 em br{display:none}.cup-gallery,.menu-discovery .cup-gallery{grid-row:2;height:440px;width:90%;margin:5px auto 25px}.cup-gallery .drink-orbit{top:10%;height:76%}.cup-cutout{inset:3% 0 6%;width:100%;height:91%}.cup-tag{font-size:14px;right:-8px;top:0}.cup-gallery .drink-stamp{width:83px;height:83px;font-size:7px;bottom:12%;left:-9px}.cup-gallery .drink-stamp em{font-size:24px}.cup-caption{font-size:9px;bottom:-4px}.cup-counter{right:-10px;font-size:8px;bottom:4%}.cup-choices{grid-row:3;width:100%}.cup-panel,.menu-discovery .cup-panel{grid-row:4;min-height:0;padding-top:25px}.cup-title,.menu-discovery .cup-title{font-size:25px}.cup-note{font-size:12px}.story-chapter{padding-block:75px}.story-chapter h2,.story-duo h2{font-size:13vw}.story-duo{padding-block:65px}.story-photograph{min-height:760px;padding:55px 22px}.story-photograph>div{max-width:none}.story-photograph:after{background:linear-gradient(0deg,#180e0cf5,transparent 85%)}.story-photograph h2{font-size:14vw}.story-photograph img{object-position:67% center}.visit-intro{min-height:560px}.visit-intro:after{width:300px;height:300px;right:-45%;top:26%}.mobile-nav{padding-top:110px}.mobile-nav nav a{font-size:42px;padding:25px 0}.mobile-nav nav{margin-top:30px}.mobile-nav .nav-close{top:23px}.story-kettle{width:73vw;right:-7%;bottom:-5%}}
@media(max-height:700px) and (max-width:700px){.pour-stage{min-height:600px}.pour-copy{top:15%}.pour-copy h1{font-size:15vw}.pour-video{top:49%}.pour-copy>p:not(.eyebrow){display:none}}
.story-hero h1,.visit-intro h1{font-family:var(--serif)}
@media(max-width:700px){.discovery-copy>h2 em br{display:initial}.story-hero h1{font-size:17vw}.visit-intro h1{font-size:17vw}}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){.pour-video{width:var(--film-width,118%);left:var(--film-left,-18%);height:auto;aspect-ratio:1921/1072;object-fit:contain;top:47%;mask-image:linear-gradient(180deg,transparent,#000 6%,#000 92%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 6%,#000 92%,transparent)}.pour-copy,.pour-middle,.pour-ending{left:var(--pad);top:17%;width:85%}.pour-copy h1{font-size:11vw;line-height:1}.pour-middle h2,.pour-ending h2{font-size:9vw}.pour-blend{height:20%}.pour-shade,.cream-film .pour-shade{background:none}}
.reduced-motion .pour-middle{display:none}.reduced-motion .section-arrival,.reduced-motion .line-reveal>span{opacity:1;transform:none;transition:none}.reduced-motion .cup-cutout,.reduced-motion .cup-choices button,.reduced-motion .cup-choices button:before,.reduced-motion .cup-choices button:after,.reduced-motion .mobile-nav,.reduced-motion .mobile-nav nav a{transition:none}.reduced-motion .faq details[open] p{animation:none}.reduced-motion .cup-picture{transform:none!important}