/* Reading scale and quiet spacing from the preserved premium studio design. */
:root{--pad:4.5vw;--reading:clamp(17px,1.1vw,22px);--label:clamp(12px,.74vw,15px);--link-size:clamp(16px,1vw,20px)}
body{font:400 var(--reading)/1.8 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
html.lenis{scroll-behavior:auto!important}
.eyebrow{font-size:var(--label);line-height:1.5;letter-spacing:.09em;font-weight:600}
h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.07;letter-spacing:-.065em}
h1 em,h2 em,h3 em{font-family:Georgia,serif;font-weight:400}
.story-hero h1,.page-intro h1,.story-chapter h2,.story-duo h2,.story-photograph h2,.faq h2,.address-panel h2,.category-heading h2,.catalogue-heading h2{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.065em}
.site-header nav,.site-header .nav-toggle{font-size:var(--link-size)}
.site-header .brand{width:clamp(195px,15vw,300px)}
.text-link,.pill-link,.hospitality-story-link{font-size:var(--link-size);line-height:1.5}
.pill-link{padding:16px 25px;gap:45px}
.section-space{padding-block:110px}
.pour-copy h1,.pour-middle h2,.pour-ending h2{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.04}
.pour-copy>p:not(.eyebrow),.pour-middle>p:not(.eyebrow),.pour-ending>p:not(.eyebrow){font-size:var(--reading);line-height:1.8}
.pour-copy .eyebrow,.pour-middle .eyebrow,.pour-ending .eyebrow{font-size:var(--label)}
.pour-copy h1{font-size:clamp(72px,8.2vw,170px)}
.pour-middle h2,.pour-ending h2{font-size:clamp(58px,6vw,120px)}
.pour-links{margin-top:28px;gap:30px}
.pour-bottom{font-size:var(--label)}
/* Keep the final cream transition below the products, at the viewport's foot. */
.pour-journey .pour-blend{height:clamp(28px,5svh,64px);background:linear-gradient(0deg,var(--cream),#f3ede300)}
.ritual-beat h2{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.07;letter-spacing:-.065em}
.ritual-beat>p:not(.eyebrow){font-size:var(--reading);line-height:1.8;max-width:440px}
.ritual-beat>.eyebrow,.story-meta .eyebrow,.story-foot{font-size:var(--label)}
.story-meta{top:120px;padding-top:20px}
.ritual-beat .pill-link{margin-top:28px}
.cup-discovery{padding-block:100px 110px}
.menu-discovery{padding-top:165px}
.discovery-copy>h1,.discovery-copy>h2{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.065em}
.cup-choices button{font-size:var(--reading);padding:24px 2px;min-height:68px}
.cup-choices button span,.cup-caption,.cup-counter{font-size:var(--label)}
.cup-title,.menu-discovery .cup-title{font:500 clamp(32px,3.2vw,58px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.055em}
.cup-note{font-size:var(--reading);line-height:1.8;max-width:440px;min-height:0}
.cup-price,.cup-link{font-size:var(--link-size)}
.cup-panel{min-height:310px;padding-top:35px}
.cup-caption{line-height:1.5}.cup-tag{font-size:clamp(18px,1.4vw,26px)}
.hospitality-depth .hospitality-copy>p:not(.eyebrow){font-size:var(--reading);max-width:530px}
.hospitality-depth .hospitality-copy{max-width:1400px}
.hospitality-depth .hospitality-copy>.eyebrow{font-size:var(--label)}
.home-page .visit-postcard>div>p{font-size:var(--reading)}
.story-hero-note,.story-chapter p:not(.eyebrow),.story-duo p:not(.eyebrow),.story-photograph p:not(.eyebrow),.intro-bottom>p,.visit-details p:not(.eyebrow),.faq details p,.catalogue-heading>p:last-child{font-size:var(--reading);line-height:1.85}
.story-chapter p,.story-duo p{max-width:620px;margin-bottom:24px}
.story-chapter h2,.story-duo h2{margin:30px 0 35px}
.visit-details h3{font-size:clamp(28px,2.3vw,42px);margin:25px 0}
.address-panel address{font-size:clamp(18px,1.4vw,26px);line-height:1.8}.address-line{font-size:var(--label)}
.faq summary{font-size:var(--reading);padding:28px 0}
.category-nav button,.menu-search input,.search-label,.product-title p,.menu-page .product-title p{font-size:var(--link-size)}
.product-title h3,.menu-page .product-title h3{font-size:clamp(18px,1.2vw,24px);line-height:1.35}
.product-title,.menu-page .product-title{padding-top:24px}
.category-heading{margin-top:80px}.product-grid{row-gap:50px}
/* Original iced-coffee material, now beneath a neutral black overlay. */
.site-footer,.home-page .site-footer{padding:80px var(--pad) 28px;background:linear-gradient(180deg,#000d 0%,#0009 60%,#000b 100%),url('/assets/footer-iced-coffee.jpg') center/cover no-repeat #080808;color:var(--cream);overflow:hidden}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr .7fr;gap:7%;align-items:start;padding:0 0 75px}
.footer-logo{display:block;max-width:380px;width:100%;margin-top:8px}.footer-logo img{display:block;width:100%;filter:brightness(0) invert(95%)}
.footer-address>p{font-size:clamp(21px,1.45vw,28px);line-height:1.5;letter-spacing:-.03em;margin:0 0 25px}
.footer-address address{font-size:var(--link-size);font-style:normal;line-height:1.8;margin-bottom:16px}
.footer-address>a,.footer-explore{font-size:var(--link-size)}
.footer-explore nav{display:flex;flex-direction:column;align-items:start;gap:12px}
.footer-explore .eyebrow{margin:30px 0 14px}
.footer-socials{display:flex;gap:12px}
.footer-socials a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #f3ede373;border-radius:50%;transition:background .3s,transform .4s}
.footer-socials svg{width:18px;height:18px}.footer-socials a:hover{background:#f3ede325;transform:translateY(-4px)}
.footer-back{display:inline-block;margin-top:25px;padding-block:8px}
.footer-explore nav a,.footer-back,.footer-address>a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:7px;transition:text-decoration-color .3s}
.footer-explore nav a:hover,.footer-back:hover,.footer-address>a:hover{text-decoration-color:currentColor}
.footer-baseline{border-top:1px solid #f3ede335;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:clamp(12px,.75vw,15px);line-height:1.6}
.footer-baseline small{font-size:inherit}.footer-baseline>span{text-transform:uppercase}.footer-baseline .motion-toggle{font-size:inherit;min-height:44px;white-space:nowrap}
@media(min-width:1800px){.section-space{padding-block:140px}.cup-discovery{padding-block:125px 140px}.menu-discovery{padding-top:190px}.hospitality-depth .hospitality-copy h2{font-size:clamp(130px,8vw,180px)}.home-page .visit-postcard h2{font-size:clamp(142px,8.7vw,190px)}}
@media(max-width:1100px){.footer-grid{grid-template-columns:1.2fr 1fr;gap:45px}.footer-logo{grid-column:1/-1;max-width:320px}.footer-baseline{flex-wrap:wrap}.footer-baseline>span:first-of-type{display:none}}
@media(max-width:700px){
 :root{--pad:6vw;--reading:16px;--label:11px;--link-size:15px}
 .site-header .brand{width:170px}.site-header .nav-toggle{font-size:14px}
 .section-space{padding-block:75px}.page-intro,.story-hero{padding-top:140px}
 .pill-link{font-size:15px;padding:12px 20px;gap:28px}
 .pour-copy,.pour-middle,.pour-ending{top:13%;left:6vw;right:6vw}
 .pour-copy h1{font-size:16vw;line-height:1.04;margin:18px 0}.pour-middle h2,.pour-ending h2{font-size:14vw;line-height:1.08}
 .pour-copy .eyebrow,.pour-middle .eyebrow,.pour-ending .eyebrow{font-size:10px}
 .pour-copy>p:not(.eyebrow),.pour-middle>p:not(.eyebrow),.pour-ending>p:not(.eyebrow){font-size:15px;line-height:1.65}
 .pour-links{margin-top:18px;gap:20px}.pour-links .text-link{font-size:13px}.pour-links .pill-link{font-size:13px;padding:11px 15px;gap:16px}
 .pour-bottom{font-size:10px}
 .pour-video{top:46%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 96%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 96%,transparent)}
 .ritual-beat h2{font-size:13.5vw;line-height:1.08}.motion-ready:not(.reduced-motion) .beat-belong h2{font-size:13.5vw}
 .ritual-beat>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:330px}
 .ritual-beat>.eyebrow,.story-meta .eyebrow{font-size:10px}.story-meta{top:100px;padding-top:15px}.story-foot{font-size:10px}
 .ritual-beat .pill-link{margin-top:20px;font-size:14px;padding:11px 18px}
 .cup-discovery{padding:65px 6vw 75px}.menu-discovery{padding-top:135px}
 .discovery-copy>h1,.discovery-copy>h2{font-size:13.5vw;line-height:1.08;margin:15px 0 30px}
 .discovery-top .eyebrow{font-size:10px}.discovery-top .text-link{font-size:13px}
 .cup-choices button{font-size:16px;padding-block:22px}.cup-choices button span{font-size:11px}
 .cup-panel,.menu-discovery .cup-panel{padding-top:28px;min-height:0}.cup-title,.menu-discovery .cup-title{font-size:32px}
 .cup-note{font-size:16px}.cup-tag{font-size:17px}.cup-price,.cup-link{font-size:15px}
 .cup-caption,.cup-counter{font-size:11px}
 .hospitality-depth .hospitality-copy>p:not(.eyebrow){font-size:16px}.hospitality-depth .hospitality-copy>.eyebrow{font-size:11px}
 .home-page .visit-postcard>div>p{font-size:16px}
 .category-nav button,.menu-search input{font-size:14px}.product-title h3,.menu-page .product-title h3{font-size:16px;max-width:100%}
 .product-title,.menu-page .product-title{display:block;padding-top:18px}.product-title p,.menu-page .product-title p{font-size:14px;margin-top:10px}.product-grid{row-gap:35px}
 .story-chapter h2,.story-duo h2{font-size:12.5vw}.story-hero-note{font-size:16px}.faq summary{font-size:16px}.visit-details h3{font-size:28px}
 .site-footer,.home-page .site-footer{padding:65px 6vw 25px;background-position:55% center}.footer-grid{grid-template-columns:1fr;gap:38px;padding-bottom:45px}.footer-logo{max-width:300px}
 .footer-address>p{font-size:23px}.footer-address address,.footer-address>a,.footer-explore{font-size:16px}.footer-explore nav{gap:14px}
 .footer-explore .eyebrow{font-size:12px}.footer-baseline{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:12px}.footer-baseline small{grid-column:1/-1}.footer-baseline>span:last-child{grid-column:1/-1}.footer-baseline .motion-toggle{text-align:left}
}
@media(max-width:700px) and (max-height:780px){.pour-video{top:48%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}