.hero-wrapper { padding-top:clamp(136px,11vw,184px); }
.hero-wrapper .hero-img { translate:0 40px; }
.hp-section-2 .section-2-heading-item { top:18%; }
.hp-section-2 .heading { font-size:15vw; }
.hp-section-2 .heading.pepper { font-size:14.2vw; }
.hp-section-2 .packages-wrapper { z-index:2; pointer-events:none; }
.hp-section-2 img.image { height:60vh; translate:0 clamp(48px,10vh,88px); }
.video-package-wrapper { translate:0 40px; }

.cx-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:50px; padding:13px 22px; background:var(--color-coffee-brown); color:var(--color-warm-chalk); font:600 18px/1.35 var(--font-body); text-decoration:none; border:0; border-radius:0; transition:background .2s, color .2s; }
.cx-button svg,.cx-text-link svg { width:22px; height:22px; flex-shrink:0; }
.cx-button:focus-visible,.cx-text-link:focus-visible,.cx-faq summary:focus-visible { outline:3px solid currentColor; outline-offset:5px; }
.cx-button:hover { background:var(--color-bubblegum); color:var(--color-coffee-brown); }
.cx-text-link { display:inline-flex; align-items:center; gap:16px; min-height:48px; font:600 18px/1.4 var(--font-body); color:inherit; text-underline-offset:6px; }
.hp-section-2 .section-2-subtitle-wrapper,.hp-section-2 .button-v-1,.video-package-wrapper .button-v-1 { visibility:hidden !important; pointer-events:none; }
.fixed-video-package,.package-sticky-wrapper { pointer-events:none; }

.fixed-video-package { margin-top:-300vh; }

.fixed-video-package.cx-pouch-outside-range { opacity:0 !important; }
.cx-ritual + .hp-section-3 { margin-top:0; }
.cx-range-cards { position:absolute; right:4vw; bottom:24px; width:min(560px,42vw); z-index:5; }
.cx-range-card { display:none; padding:32px; background:var(--color-warm-chalk); color:var(--color-coffee-brown); border-radius:14px; }
.cx-range-card.is-active { display:block; }
.cx-range-card h2 { margin:0 0 8px; font:400 clamp(38px,3.5vw,52px)/1.1 var(--font-display); }
.cx-range-card p { font:400 20px/1.5 var(--font-body); margin:16px 0; }
.cx-range-card .cx-roast { font-size:18px; margin:0; }
.cx-range-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--color-soft-rose); padding-top:16px; }
.cx-range-bottom span { font:500 18px/1.4 var(--font-body); max-width:18ch; }
.cx-range-bottom a { white-space:nowrap; font-size:18px; gap:12px; }
.cx-story-photo { position:absolute; inset:0 auto 0 0; width:33.333%; margin:0; overflow:hidden; z-index:1; background:var(--color-coffee-brown); }
.cx-story-photo img { width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.cx-story-photo figcaption { position:absolute; bottom:24px; left:24px; right:24px; padding:16px; background:var(--color-blush-cream); font:500 18px/1.5 var(--font-body); color:var(--color-coffee-brown); }
.hp-section-3 .benefits-container { width:66.667%; }
.hp-section-3 .benefit-content-wrapper { width:min(44vw,660px); margin-left:6vw; padding-top:60px; }
.hp-section-3 .benefit-title-wrapper { justify-content:space-between; }
.hp-section-3 .heading-31 { font-size:clamp(40px,4.7vw,72px); max-width:12ch; }
.hp-section-3 .text-block-31 { max-width:52ch; margin:24px 0 0; }
.hp-section-3 .cx-story-more { margin:14px 0 24px; max-width:52ch; font:400 18px/1.55 var(--font-body); }
.hp-section-3 .cx-story-link { width:fit-content; background:var(--color-coffee-brown); color:var(--color-warm-chalk); }
.hp-section-3 .benefit-wrapper.is-5 .cx-story-link { background:var(--color-bubblegum); color:var(--color-coffee-brown); }
.hp-section-3 .title-wrapper.is-1 { right:8vw; width:45vw; }
.hp-section-3 .title-wrapper.is-1 .heading-2 { font-size:clamp(48px,6vw,88px); }
.hp-section-3 .title-wrapper.is-1 .text-el { max-width:52ch; }

.hp-section-4 .hn-marquee-outer > .chicken-nut,
.hp-section-4 .hn-marquee-outer > .lemon-nut { display:none; }
@media(min-width:768px) { .hp-section-4 .hn-marquee-outer { margin-top:48px; } }
.hp-section-4 { height:500vh; margin-top:48px; }
.hp-section-4 .tesimonials-container { padding-top:120px; }
.hp-section-4 .heading-3 { font-size:clamp(48px,7vw,104px); max-width:16ch; margin:auto; }
.hp-section-4 .reviews-wrapper { top:calc(50% - 135px); }
.hp-section-4 .tetimonials-body:not(.clear) { width:min(500px,70vw); height:330px; padding:34px; justify-content:space-between; box-shadow:0 16px 30px #45291f1a; }
.hp-section-4 .heading-4 { font-size:36px; }
.hp-section-4 .text-block-6 { font-size:18px; }
.hp-section-4 .client-text { margin:22px 0 0; }
.hp-section-4 .text-block-5 { font-size:18px; line-height:1.5; }
.hp-section-4 .tetimonials-body.clear { margin-top:0; }
.hp-section-4 .rating-wrapper { display:none; }

.hp-section-4 .card-content .heading-6 { font-size:clamp(44px,5.5vw,84px); line-height:1.08; }
.hp-section-4 .card-content { gap:12px; }
.cx-footer-top h2 { font-size:clamp(40px,4.7vw,72px); }
.local-static-content h2 { font-size:clamp(40px,6vw,88px); }
.local-static-content h3,.local-flavor-list h2 { font-size:clamp(28px,3vw,40px); }

.hp-section-4 .tesimonials-container > .title-wrapper { position:absolute; inset:0; width:90%; height:100%; margin:auto; justify-content:center; pointer-events:none; }
.hp-section-4 .tesimonials-container > .title-wrapper .heading-3 { margin:0 auto; }
.hp-section-4 .card-inner { width:auto; height:auto; perspective:none; transform:none; }
.hp-section-4 .div-block-20 { background:var(--color-blush-cream); }
.hp-section-4 .div-block-20 .text-block-6 { color:var(--color-coffee-brown); font-weight:500; }

.cx-brew-notes { position:relative; z-index:11; padding:80px 3vw; background:var(--color-warm-chalk); color:var(--color-coffee-brown); border-radius:16px; scroll-margin-top:24px; }
.cx-brew-notes .card-content { position:static; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; width:100%; height:auto; padding:0; margin:0; gap:12px; }
.cx-brew-notes .card-content > * { order:0; flex-shrink:0; }
.cx-brew-notes .heading-6 { margin:0; font:400 clamp(44px,5.5vw,84px)/1.08 var(--font-display); color:var(--color-lipstick-magenta); text-align:center; }
.cx-brew-notes ._5-p-pwrapper { width:100%; max-width:none; }
.cx-brew-notes .text-block-7 { font:400 18px/1.5 var(--font-body); text-align:center; }
.cx-brew-notes .button-v-2 { margin:0; padding:14px 24px; min-height:50px; background:var(--color-coffee-brown); color:var(--color-warm-chalk); }
.cx-brew-notes .button-bg,.cx-brew-notes .animation-shadow,.cx-brew-notes .collection-list-wrapper.mobile { display:none; }
.cx-brew-notes .text-block-30 { font:600 18px/1.3 var(--font-body); }
.cx-brew-notes .collection-list-wrapper:not(.mobile) { display:block; width:100%; }
.cx-brew-notes .news-grid-wrapper { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; margin:36px 0 0; gap:12px; }
.cx-brew-notes .collection-item,.cx-brew-notes .news-item { display:block; width:100%; min-width:0; }
.cx-brew-notes .news-image { position:relative; height:auto; }
.cx-brew-notes .image-body { position:relative; display:flex; flex-direction:column; align-items:stretch; height:auto; overflow:hidden; border-radius:12px; }
.cx-brew-notes .hp-article-img { position:static; order:0; width:100%; height:auto; aspect-ratio:2; object-fit:cover; }
.cx-brew-notes .text-block-8 { position:static; order:1; display:flex; align-items:center; justify-content:center; width:100%; min-height:100px; padding:16px 10px; margin:0; background:var(--color-blush-cream); color:var(--color-coffee-brown); text-align:center; font:400 clamp(24px,2.05vw,34px)/1.1 var(--font-display); }
.cx-brew-notes :focus-visible { outline:3px solid var(--color-coffee-brown); outline-offset:4px; }
@media(max-width:1023px) { .cx-brew-notes .news-grid-wrapper { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) {
 .cx-brew-notes { padding:56px 24px; }
 .cx-brew-notes .heading-6 { font-size:44px; }
 .cx-brew-notes .news-grid-wrapper { grid-template-columns:1fr; margin-top:24px; gap:20px; }
}
@media(max-width:360px) { .cx-brew-notes .heading-6 { font-size:40px; } }

.cx-editorial,.cx-ritual,.cx-faq,.cx-final-cta { position:relative; z-index:11; scroll-margin-top:120px; }
.cx-editorial { display:grid; grid-template-columns:1fr 1.15fr; background:var(--color-warm-chalk); padding:80px 5vw; gap:7vw; align-items:center; }
.cx-editorial figure { margin:0; height:600px; overflow:hidden; }
.cx-editorial figure img { width:100%; height:110%; object-fit:cover; transform:translateY(-4%); }
.cx-editorial h2,.cx-ritual h2,.cx-faq h2,.cx-final-cta h2 { font:400 clamp(48px,6vw,96px)/1.08 var(--font-display); letter-spacing:0; text-wrap:balance; margin:0; }
.cx-editorial h2 { color:var(--color-lipstick-magenta); max-width:12ch; }
.cx-editorial p { font:400 18px/1.65 var(--font-body); max-width:48ch; margin:28px 0; }
.cx-editorial .cx-text-link { margin-top:16px; }
.cx-ritual { padding:100px 5vw 110px; background:var(--color-blush-cream); }
.cx-section-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; margin-bottom:48px; }
.cx-section-intro h2 { max-width:14ch; }
.cx-section-intro p { max-width:38ch; font:400 18px/1.65 var(--font-body); margin:0 0 4px; }
.cx-ritual-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; counter-reset:ritual; }
.cx-ritual-grid article { position:relative; min-height:300px; padding:30px 26px; background:var(--color-warm-chalk); border-radius:14px; }
.cx-step { display:block; font:400 56px/1 var(--font-display); color:var(--color-lipstick-magenta); margin-bottom:44px; }
.cx-ritual-grid h3 { font:600 22px/1.25 var(--font-body); margin:0 0 16px; }
.cx-ritual-grid p { font:400 18px/1.55 var(--font-body); margin:0; }
.cx-faq { display:grid; grid-template-columns:1fr 1.2fr; gap:8vw; padding:110px 5vw; background:var(--color-warm-chalk); }
.cx-faq h2 { color:var(--color-lipstick-magenta); max-width:10ch; }
.cx-faq-intro p { font:400 18px/1.65 var(--font-body); max-width:35ch; margin:28px 0; }
.cx-faq details { border-bottom:1px solid var(--color-soft-rose); padding:0 22px; }
.cx-faq details[open] { background:var(--color-blush-cream); border-radius:12px; border-color:transparent; }
.cx-faq summary { display:flex; justify-content:space-between; align-items:center; gap:24px; list-style:none; cursor:pointer; padding:25px 0; font:600 20px/1.45 var(--font-body); }
.cx-faq summary::-webkit-details-marker { display:none; }
.cx-faq summary svg { flex:0 0 22px; width:22px; height:22px; }
.cx-faq details[open] .cx-plus-vertical { display:none; }
.cx-faq details p { font:400 18px/1.65 var(--font-body); margin:0; padding:0 35px 28px 0; max-width:60ch; }
.cx-faq details a { color:inherit; text-underline-offset:4px; }
.cx-final-cta { background:var(--color-bubblegum); padding:100px 24px; text-align:center; }
.cx-final-cta h2 { max-width:17ch; margin:0 auto 28px; color:var(--color-coffee-brown); }
.cx-final-cta h2 img { display:inline-block; height:.85em; width:.65em; object-fit:contain; vertical-align:baseline; margin:0 .08em; }
.cx-final-cta p { font:400 18px/1.65 var(--font-body); max-width:48ch; margin:0 auto 32px; }
.cx-cta-actions { display:flex; gap:24px; justify-content:center; flex-wrap:wrap; }
.cx-footer-section { margin-top:0; }
.local-reduced-motion .cx-static-story-photo { margin:0 0 36px; }
.cx-static-story-photo img { width:100%; height:360px; object-fit:cover; }
.cx-static-story-photo figcaption { font:400 18px/1.5 var(--font-body); padding:14px 0; }
.local-reduced-motion .cx-range-cards { display:none; }
@media(min-width:992px) and (max-height:700px) {
 .hp-section-3 .benefit-content-wrapper { padding-top:72px; }
 .hp-section-3 .heading-31 { font-size:52px; }
 .hp-section-3 .text-block-31 { margin-top:18px; }
 .hp-section-3 .cx-story-more { margin:12px 0 18px; }
 .cx-story-photo figcaption { bottom:20px; left:20px; right:20px; }
 .hp-section-4 .reviews-wrapper { top:calc(50% - 135px); }
 .hp-section-4 .tetimonials-body:not(.clear) { height:300px; padding:28px; }
}
@media(max-width:991px) {
 .cx-range-cards { width:47vw; right:4vw; }
 .cx-range-card { padding:26px; }
 .cx-range-bottom { flex-wrap:wrap; gap:8px; }
 .hp-section-3 .benefits-container { width:100%; }
 .cx-story-photo { width:100%; height:39vh; }
 .cx-story-photo img { object-position:50% 57%; }
 .cx-story-photo figcaption { left:24px; right:auto; bottom:16px; padding:10px 16px; }
 .hp-section-3 .benefit-content-wrapper { width:calc(100vw - 64px); margin:36px 32px 0; padding:0; }
 .hp-section-3 .benefit-title-wrapper { min-height:0; }
 .hp-section-3 .heading-31 { font-size:48px; max-width:16ch; }
 .hp-section-3 .title-wrapper.is-1 { top:44vh; right:32px; left:32px; width:auto; height:auto; }
 .hp-section-3 .title-wrapper.is-1 .heading-2 { font-size:56px; }
 .hp-section-3 .subheader-wrapper { display:none; }
 .cx-editorial { gap:5vw; padding:64px 5vw; }
 .cx-editorial figure { height:500px; }
 .cx-ritual-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cx-faq { gap:5vw; }
}
@media(max-width:767px) {
 .hero-wrapper { padding-top:114px; }
 .hero-wrapper .hero-img { translate:0 24px; }
 .hp-section-2 .section-2-heading-item { top:19%; }
 .hp-section-2 img.image { translate:0 18px; }
 .video-package-wrapper { translate:0 24px; }
 .cx-range-cards { width:calc(100% - 32px); right:16px; bottom:24px; }
 .cx-range-card { padding:22px; }
 .cx-range-card h2 { font-size:36px; }
 .cx-range-card p { margin:12px 0; }
 .cx-range-card .cx-roast { margin:0; }
 .cx-range-bottom { padding-top:10px; flex-wrap:nowrap; }
 .cx-range-bottom span { max-width:14ch; }
 .cx-range-bottom .cx-text-link { font-size:18px; min-height:44px; }
 .hp-section-2 .packages-wrapper { padding-top:112px; }
 .hp-section-2 img.image { height:35vh; }
 .video-package-wrapper #hero-canvas { height:31vh; }
 .cx-story-photo { height:37vh; }
 .cx-story-photo figcaption { left:16px; bottom:16px; font-size:16px; }
 .hp-section-3 .benefit-content-wrapper { width:calc(100vw - 40px); margin:24px 20px 0; }
 .hp-section-3 .heading-31 { font-size:36px; }
 .hp-section-3 .icon-wapper { width:32px; height:42px; flex-basis:32px; }
 .hp-section-3 .text-block-31 { font-size:18px; margin-top:18px; line-height:1.5; }
 .hp-section-3 .cx-story-more { font-size:18px; line-height:1.5; margin:12px 0 18px; }
 .hp-section-3 .title-wrapper.is-1 { top:42vh; left:24px; right:24px; gap:20px; }
 .hp-section-3 .title-wrapper.is-1 .heading-2 { font-size:44px; }
 .hp-section-3 .title-wrapper.is-1 .text-el { font-size:18px; line-height:1.5; }
 .hp-section-3 .title-wrapper.is-1 { align-items:flex-start; text-align:left; }
 .hp-section-3 .title-wrapper.is-1 .text-el { text-align:left; }
 .hp-section-4 { margin-top:30vw; }
 .hp-section-4 .tesimonials-container { padding-top:120px; }
 .hp-section-4 .heading-3 { font-size:44px; }
 .hp-section-4 .reviews-wrapper { top:calc(50% - 150px); }
 .hp-section-4 .tetimonials-body:not(.clear) { width:82vw; height:370px; padding:26px; }
 .hp-section-4 .heading-4 { font-size:32px; }
 .hp-section-4 .text-block-5 { font-size:18px; }
 .cx-editorial { grid-template-columns:1fr; padding:56px 20px; gap:36px; }
 .cx-editorial figure { height:400px; }
 .cx-editorial h2,.cx-ritual h2,.cx-faq h2,.cx-final-cta h2 { font-size:46px; }
 .cx-editorial h2 { max-width:14ch; }
 .cx-editorial p { margin:24px 0; }
 .cx-section-intro { display:block; margin-bottom:32px; }
 .cx-section-intro p { margin-top:24px; }
 .cx-ritual { padding:64px 20px; }
 .cx-ritual-grid { grid-template-columns:1fr; gap:12px; }
 .cx-ritual-grid article { min-height:0; padding:26px; }
 .cx-step { font-size:44px; margin-bottom:24px; }
 .cx-faq { grid-template-columns:1fr; padding:64px 20px; gap:28px; }
 .cx-faq details { padding:0 16px; }
 .cx-faq summary { font-size:18px; gap:16px; padding:23px 0; }
 .cx-faq details p { padding:0 0 24px; }
 .cx-final-cta { padding:70px 24px; }
 .cx-cta-actions { flex-direction:column; align-items:center; gap:16px; }
}
@media(max-width:360px) {
 .cx-range-cards { bottom:18px; }
 .cx-range-card { padding:18px; }
 .cx-range-card p { font-size:18px; line-height:1.5; }
 .cx-range-bottom { gap:8px; }
 .cx-range-bottom span { max-width:12ch; }
 .cx-range-bottom .cx-text-link { gap:8px; }
 .hp-section-2 img.image { height:32vh; }
 .hp-section-3 .cx-story-more { display:none; }
 .hp-section-3 .title-wrapper.is-1 { top:40vh; gap:16px; }
 .hp-section-3 .title-wrapper.is-1 .heading-2 { font-size:40px; }
 .hp-section-4 .tetimonials-body:not(.clear) { height:390px; padding:24px; }
 .hp-section-4 .heading-3 { font-size:40px; }
 .cx-editorial figure { height:330px; }
 .cx-editorial h2,.cx-ritual h2,.cx-faq h2,.cx-final-cta h2 { font-size:40px; }
 .hp-section-3 .heading-31 { font-size:32px; }
 .hp-section-4 .heading-4 { font-size:30px; }
 .cx-range-card h2 { font-size:34px; }

}
@media(prefers-reduced-motion:reduce) { .cx-button { transition:none; } }



.cx-section-divider { position:absolute; inset-block-start:0; inset-inline:5vw; display:block; height:1px; z-index:25; pointer-events:none; color:var(--color-coffee-brown); opacity:.55; }
.cx-section-divider-stroke { display:block; width:100%; height:1px; background:currentColor; transform-origin:left center; }
.cx-footer-section > .cx-section-divider { inset-inline:4vw; color:var(--color-soft-rose); opacity:1; }
.local-reduced-motion #brew-notes { position:relative; }
.local-reduced-motion .cx-section-divider-stroke { transform:none !important; }
@media(max-width:767px) {
 .cx-section-divider { inset-inline:20px; }
 .cx-footer-section > .cx-section-divider { inset-inline:24px; }
}
@media(prefers-reduced-motion:reduce) { .cx-section-divider-stroke { transform:none !important; } }