.cc-roastery-hero{position:relative;isolation:isolate;background:var(--cc-hero-bg, #fff);color:var(--cc-hero-text, #111);font-family:var(--fr-font-sans, var(--font-body--family))}.cc-roastery-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.cc-roastery-hero__background img{width:100%;height:100%;object-fit:cover}.cc-roastery-hero__background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cc-hero-overlay);opacity:var(--cc-hero-opacity)}.cc-roastery-hero__inner{width:min(calc(100% - var(--cc-hero-gutter, 24px) * 2),var(--cc-hero-width, 1440px));margin-inline:auto;padding-block:min(var(--cc-hero-top),40px) min(var(--cc-hero-bottom),48px);display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}.cc-roastery-hero__copy,.cc-roastery-hero__visual{min-width:0}.cc-roastery-hero .cc-roastery-hero__heading{margin:0;max-width:none;color:inherit;font-family:var(--fr-font-sans, var(--font-heading--family));font-size:clamp(44px,14.1vw,64px);font-weight:900;line-height:.98;letter-spacing:-.045em;text-transform:none;text-wrap:initial;overflow-wrap:break-word}.cc-roastery-hero__heading>span{display:block}.cc-roastery-hero__heading [class^=cc-hero-rich-]{display:block}.cc-hero-rich-h2{font-size:.85em}.cc-hero-rich-h3{font-size:.7em}.cc-hero-rich-h4{font-size:.6em}.cc-hero-rich-h5{font-size:.5em}.cc-hero-rich-h6{font-size:.45em}.cc-hero-rich-ul,.cc-hero-rich-ol{padding-inline-start:1.2em}.cc-hero-rich-ul{list-style-type:disc}.cc-hero-rich-ol{list-style-type:decimal}.cc-roastery-hero__heading .cc-hero-rich-li{display:list-item}.cc-roastery-hero__text{margin-top:24px;max-width:620px;font-size:18px;line-height:1.45;font-weight:400;color:inherit}.cc-roastery-hero__text>*{margin-block:0 12px}.cc-roastery-hero__text>:last-child{margin-bottom:0}.cc-roastery-hero__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cc-roastery-hero .cc-roastery-hero__button{flex:1 1 100%;min-height:52px;font-size:16px;padding:14px 24px}.cc-roastery-hero__visual{position:relative}.cc-roastery-hero__media{display:block;position:relative;aspect-ratio:1;overflow:hidden;border:3px solid #111;border-radius:18px;box-shadow:4px 5px #111;background:#eee}.cc-roastery-hero__media>img,.cc-roastery-hero__media>video{display:block;width:100%;height:100%;object-fit:cover}.cc-roastery-hero__badge{position:absolute;top:-44px;right:4px;width:116px;aspect-ratio:1;border:3px solid #111;border-radius:50%;box-shadow:4px 5px #111;background:var(--cc-hero-badge);color:var(--cc-hero-badge-text);display:grid;place-items:center;padding:12px;font-size:17px;line-height:1.02;font-weight:900;text-align:center;transform:rotate(-8deg)}.cc-roastery-hero__playback{position:absolute;bottom:20px;right:20px;width:46px;height:46px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.52);background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer}.cc-roastery-hero__playback span{display:flex;align-items:center;justify-content:center}.cc-roastery-hero__playback svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.cc-roastery-hero__playback[hidden],.cc-roastery-hero__playback[data-paused=false] .cc-roastery-hero__play,.cc-roastery-hero__playback[data-paused=true] .cc-roastery-hero__pause{display:none}.cc-roastery-hero__playback:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(hover:hover){.cc-roastery-hero__playback:hover{background:#fff;color:#111;border-color:#fff}}@media(max-width:374px){.cc-roastery-hero__badge{width:100px;font-size:15px}}@media(min-width:750px){.cc-roastery-hero__inner{width:min(calc(100% - 64px),700px)}.cc-roastery-hero .cc-roastery-hero__heading{font-size:80px}.cc-roastery-hero__location{font-size:.72em}.cc-roastery-hero__text{font-size:22px}.cc-roastery-hero .cc-roastery-hero__button{flex:0 1 auto}.cc-roastery-hero__badge{width:164px;font-size:25px;top:-22px}}@media(min-width:990px){.cc-roastery-hero__inner{width:min(calc(100% - 96px),var(--cc-hero-width, 1440px));padding-block:var(--cc-hero-top) var(--cc-hero-bottom);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:40px}.cc-roastery-hero .cc-roastery-hero__heading{font-size:clamp(64px,8.6vw,132px);line-height:.94}.cc-roastery-hero__location{font-size:.68em;margin-top:12px}.cc-roastery-hero__text{margin-top:28px;font-size:clamp(20px,1.7vw,26px)}.cc-roastery-hero__buttons{margin-top:32px;gap:16px}.cc-roastery-hero .cc-roastery-hero__buttons .cc-roastery-hero__button.button--lg{font-size:21px;min-height:66px;padding-inline:30px}.cc-roastery-hero__media{aspect-ratio:7 / 6}.cc-roastery-hero__badge{width:clamp(144px,12vw,188px);font-size:clamp(22px,1.9vw,29px);top:-22px}.cc-roastery-hero--text-only .cc-roastery-hero__inner{grid-template-columns:minmax(0,1fr)}.cc-roastery-hero--text-only .cc-roastery-hero__copy{max-width:900px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/coffee-cart-roastery-hero.css.map */