.coffee-corner{overflow:hidden;padding-block:clamp(4.5rem,8vw,7rem)}.coffee-corner__header{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-block-end:2.75rem}.coffee-corner__intro{max-width:40rem}.coffee-corner__eyebrow,.coffee-corner__quote-heading{margin-block-end:.75rem;color:rgb(var(--text-color) / .65);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.coffee-corner__intro .h2{margin-block:0 .75rem}.coffee-corner__actions,.coffee-corner__controls{display:flex;align-items:center;gap:.75rem}.coffee-corner__actions{flex:none}.coffee-corner__controls .circle-button{width:2.75rem;height:2.75rem;font-size:1.35rem}.coffee-corner__rail{display:flex;gap:.875rem;overflow-x:auto;padding-inline:max(var(--container-gutter),calc((100vw - var(--container-max-width)) / 2 + var(--container-gutter)));scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.coffee-corner__rail::-webkit-scrollbar{display:none}.coffee-corner__card{position:relative;flex:0 0 clamp(18rem,28vw,28rem);height:clamp(28rem,42vw,38rem);overflow:hidden;background:rgb(var(--text-color) / .06);scroll-snap-align:start}.coffee-corner__card--narrow{flex-basis:clamp(16rem,22vw,22rem)}.coffee-corner__card--wide{flex-basis:clamp(21rem,34vw,34rem)}.coffee-corner__image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.coffee-corner__card:hover .coffee-corner__image{transform:scale(1.025)}.coffee-corner__card:not(.coffee-corner__card--quote):after{position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(0deg,rgb(0 0 0 / .58),transparent);content:"";pointer-events:none}.coffee-corner__caption{position:absolute;z-index:1;inset:auto 1.5rem 1.4rem;margin:0;color:#fff;font-size:clamp(1.25rem,2vw,1.7rem)}.coffee-corner__card--quote{display:grid;place-content:center;padding:clamp(2rem,4vw,4rem);background:#e8e1d0;color:#2e4034;text-align:center}.coffee-corner__quote{max-width:24rem;font-family:var(--heading-font-family);font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.5}@media screen and (max-width:699px){.coffee-corner__header{display:grid;gap:1.5rem}.coffee-corner__actions{justify-content:space-between}.coffee-corner__card,.coffee-corner__card--narrow,.coffee-corner__card--wide{flex-basis:78vw;height:30rem}}.centered-text-page-container{width:100%;max-width:52rem;margin-inline:auto}.centered-text-page-container .prose{text-align:start;line-height:1.8;overflow-wrap:anywhere}@media screen and (max-width:699px){.centered-text-page-container{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/31/compiled_assets/styles.css.map */