/* The page with pageId counter-culture-coffee: its own rules. It loads src/_p/case-study.css first, then this file. */
@layer theme{
.pg-counter-culture-coffee, .pg-counter-culture-coffee :host{--g-font-sans:var(--g-font-sans-source), var(--g-font-geist-source), "Giga Sans Text Trial 400", "Geist", ui-sans-serif, system-ui, sans-serif;--g-color-black:#000;--g-spacing:.25rem;--g-text-sm:.875rem;--g-text-sm--line-height:calc(1.25 / .875);--g-text-base:1rem;--g-text-base--line-height:calc(1.5 / 1);--g-text-2xl:1.5rem;--g-text-2xl--line-height:calc(2 / 1.5);--g-font-weight-normal:400;--g-font-weight-medium:500;--g-leading-snug:1.375;--g-leading-normal:1.5;--g-radius-xs:4px;--g-radius-md:12px;--g-default-transition-duration:.15s;--g-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--g-default-font-family:var(--g-font-sans);--g-color-background:var(--g-bg);--g-color-foreground:var(--g-fg);--g-font-geist:var(--g-font-geist-source), "Geist", ui-sans-serif, system-ui, sans-serif;--g-font-display:var(--g-font-pixel-line);--g-font-brand-display:var(--g-font-brand-display-source), "Giga Sans Display Trial 400", ui-sans-serif, system-ui, sans-serif;--g-font-pixel-line:var(--g-font-pixel-line-source), "Geist Pixel Line", ui-monospace, monospace;--g-text-product-hero:clamp(2.75rem, 5.5vw, 4rem);--g-text-product-hero--line-height:1.1;--g-tracking-display:-.03em;--g-container-section:1600px;--g-radius-full:9999px}
}
.pg-counter-culture-coffee.pg-counter-culture-coffee .scrollbar-none::-webkit-scrollbar{display:none}
.pg-counter-culture-coffee.pg-counter-culture-coffee .mask-\[linear-gradient\(to_right\,black_85\%\,transparent_100\%\)\]{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}
.pg-counter-culture-coffee.pg-counter-culture-coffee .object-contain{object-fit:contain}
.pg-counter-culture-coffee.pg-counter-culture-coffee .object-cover{object-fit:cover}
.pg-counter-culture-coffee.pg-counter-culture-coffee .\[-webkit-mask-image\:linear-gradient\(to_right\,black_85\%\,transparent_100\%\)\]{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}
@media (min-width:810px){
.pg-counter-culture-coffee.pg-counter-culture-coffee .min-\[810px\]\:mask-none{-webkit-mask-image:none;mask-image:none}
.pg-counter-culture-coffee.pg-counter-culture-coffee .min-\[810px\]\:\!pr-0{padding-right:calc(var(--g-spacing) * 0)!important}
.pg-counter-culture-coffee.pg-counter-culture-coffee .min-\[810px\]\:\[-webkit-mask-image\:none\]{-webkit-mask-image:none}
}
.pg-counter-culture-coffee{--g-bg:#fff;--g-fg:#000;--g-border:#0000001a;--g-accent-orange:#ef5a00;--g-ring:#d14e00;--g-selection-bg:#ef5a0038}
@supports (color:lab(0% 0 0)){
.pg-counter-culture-coffee{--g-bg:lab(100% 0 0);--g-fg:lab(0% 0 0);--g-border:lab(0% 0 0/.1)}
}
.pg-counter-culture-coffee [data-theme=dark]{--g-bg:#0f0d0d;--g-fg:#fff;--g-border:#ffffff14;--g-ring:var(--g-accent-orange);--g-selection-bg:#ef5a0047}
@supports (color:lab(0% 0 0)){
.pg-counter-culture-coffee [data-theme=dark]{--g-bg:lab(3.8965% .549272 .354368);--g-fg:lab(100% 0 0);--g-border:lab(100% 0 0/.08)}
}
.pg-counter-culture-coffee .case-study-article ul{padding-left:1.5rem}
.pg-counter-culture-coffee .case-study-article ul{list-style:outside}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-window--a{left: calc(50% - var(--w) * .925);top: 0;}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-window--b{left: calc(50% - var(--w) * .075);top: 48px;}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-window-dots{display: inline-flex;gap: 5px;}
@media (max-width: 809.98px){
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-hero--mock{--w: min(380px, calc((100vw - 40px) * .72));height: calc(30px + var(--w) * 1.164) !important;}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-window--a{left: calc(50% - var(--w) * .6);top: 0;}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-window--b{left: calc(50% - var(--w) * .4);top: calc(var(--w) * .45);}
}
.pg-counter-culture-coffee.pg-counter-culture-coffee.layout-case-study-armed .pg-counter-culture-coffee-window--b{opacity: 0;transform: translateY(12px);}
.pg-counter-culture-coffee.pg-counter-culture-coffee .layout-case-study-in .pg-counter-culture-coffee-window--b{opacity: 1;transform: none;transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1) 120ms, transform 600ms cubic-bezier(0.22, 1, 0.36, 1) 120ms;}
@media (prefers-reduced-motion: reduce){
.pg-counter-culture-coffee.pg-counter-culture-coffee.layout-case-study-armed .pg-counter-culture-coffee-window--b{transform: none;}
}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-stat-icon{display: block;color: var(--accent);}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-quote-card{background-color: var(--surface-1);border-color: transparent;}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-quote-card > div > [aria-hidden="true"]{display: none;}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-quote-card figcaption{padding-left: 0;}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-avatar{display: none;}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-quote-card figcaption{align-items: flex-start;}
.pg-counter-culture-coffee.layout-case-study-armed [data-pg-counter-culture-coffee-enter]{opacity: 0;transform: translateY(10px);}
.pg-counter-culture-coffee.pg-counter-culture-coffee [data-pg-counter-culture-coffee-enter].layout-case-study-in{opacity: 1;transform: none;transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1), transform 600ms cubic-bezier(0.22, 1, 0.36, 1);}
@media (prefers-reduced-motion: reduce){
.pg-counter-culture-coffee.layout-case-study-armed [data-pg-counter-culture-coffee-enter]{transform: none;}
.pg-counter-culture-coffee [data-pg-counter-culture-coffee-enter].layout-case-study-in{transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1);}
}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-window-bar{white-space: nowrap;overflow: hidden;}
@media (max-width: 399.98px){
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-window-dots{display: none;}
}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-program{white-space: nowrap;}
@media (max-width: 359.98px){
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-program{font-size: 20px;}
}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-quote-card blockquote{font-size: 22px;line-height: 1.55;color: var(--foreground, #fff);}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-quote-card figcaption span span:first-child{font-size: 18px;font-weight: 500;}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-quote-card figcaption span span:last-child{font-size: 16px;color: rgba(255,255,255,.75);}
@media (min-width: 810px){
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-quote-card blockquote{font-size: 26px;}
.pg-counter-culture-coffee.pg-counter-culture-coffee .pg-counter-culture-coffee-quote-card{padding: 48px;}
}
.pg-counter-culture-coffee .cta-lede a{padding-block: 2px;color: inherit;text-decoration: underline;text-underline-offset: 3px;}
