#MainContent{--legacy-page-gutter: var(--page-margin, 16px);--legacy-page-measure: var(--page-content-width, var(--narrow-page-width, 90rem));--legacy-page-gap: clamp(48px, 7vw, 110px)}#MainContent>.shopify-section{min-width:0}#MainContent :is(.medium-container,.container){width:min(100% - 2 * var(--legacy-page-gutter),var(--legacy-page-measure));margin-inline:auto}#MainContent :is(.about,.our-philoshophy,.awards,.careers,.sustainability-top,.sustainability-list){position:relative;padding-block:var(--legacy-page-gap)}#MainContent :is(.about,.our-philoshophy,.awards,.careers,.sustainability-top,.sustainability-list) :is(h1,h2,h3,p){overflow-wrap:break-word}#MainContent :is(.about,.our-philoshophy,.awards,.careers,.sustainability-top,.sustainability-list) h2{font-family:var(--font-heading--family,serif);font-size:var(--font-h2--size, 3rem);line-height:1.1;margin:0 0 20px}#MainContent :is(.our-philoshophy,.awards,.careers,.sustainability-top,.sustainability-list) h3{font-size:var(--font-h3--size, 2rem);line-height:1.35;margin:0 0 16px}#MainContent :is(.our-philoshophy,.awards,.careers,.sustainability-top,.sustainability-list) p{font-size:var(--font-paragraph--size, .875rem);line-height:1.65;margin:0 0 18px}#MainContent :is(.our-philoshophy,.awards,.careers,.sustainability-top) :is(.content,.medium-container){min-width:0}#MainContent .about .medium-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:clamp(24px,4vw,70px)}#MainContent .about .right-box h3{font-family:var(--font-heading--family,serif);font-weight:400;font-size:var(--font-h3--size, 2rem);line-height:1.3;margin:0}#MainContent .about .animated-svg{position:absolute;z-index:0;width:min(50vw,450px);max-height:380px;inset-inline-start:5%;inset-block-start:0;pointer-events:none;opacity:.6}#MainContent .about .medium-container{position:relative;z-index:1}#MainContent .our-philoshophy .content,#MainContent .awards .content,#MainContent .careers .content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,76px);align-items:start}#MainContent .our-philoshophy .image img,#MainContent .careers .img img,#MainContent .awards img,#MainContent .sustainability-top img{display:block;width:100%;height:auto}#MainContent .awards table{width:100%;border-collapse:collapse}#MainContent .awards td{padding:12px 8px;border-bottom:1px solid currentColor}#MainContent .sustainability-top .content{width:min(100% - 2 * var(--legacy-page-gutter),var(--legacy-page-measure));margin-inline:auto}#MainContent .sustainability-list{display:grid;gap:clamp(28px,4vw,64px);width:min(100% - 2 * var(--legacy-page-gutter),var(--legacy-page-measure));margin-inline:auto}#MainContent .sustainability-list .list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:center}#MainContent .sustainability-list .img-bg{min-height:280px;background-size:cover;background-position:center}#MainContent .banner-top{position:relative;min-height:clamp(240px,35vw,520px);display:flex;align-items:center;isolation:isolate;padding-block:50px;overflow:hidden}#MainContent .banner-top .img-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;z-index:-1}#MainContent .banner-top .medium-container{position:relative}#MainContent .banner-top h1{font-size:var(--font-h1--size, 3.5rem);line-height:1.1;max-width:900px;margin:0}#MainContent .animated-svg{max-width:100%;height:auto}#MainContent img{max-width:100%}@media(max-width:749px){#MainContent{--legacy-page-gap:52px}#MainContent .about .medium-container,#MainContent .our-philoshophy .content,#MainContent .awards .content,#MainContent .careers .content,#MainContent .sustainability-list .list{grid-template-columns:minmax(0,1fr);gap:24px}#MainContent .about .animated-svg{width:min(80vw,320px);opacity:.45}#MainContent .about .right-box h3{line-height:1.27}#MainContent .banner-top{min-height:250px}#MainContent .sustainability-list .img-bg{min-height:220px}}#MainContent :is(.add-image-and-text,.add-image-and-text-slider,.training,.two-columns-title-intro,.training-bookings,.learn-list,.product-search,.col-4-icons,.add-faqs-section,.page-title){padding-block:var(--legacy-page-gap)}#MainContent :is(.add-image-and-text,.add-image-and-text-slider,.training,.training-bookings) :is(.container,.content,.text,.img,.image,.left-box,.right-box){min-width:0}#MainContent :is(.add-image-and-text,.add-image-and-text-slider,.two-columns-title-intro,.training-bookings)>.container>.content,#MainContent .training>.container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,70px);align-items:center}#MainContent .training-bookings .content{align-items:start}#MainContent :is(.add-image-and-text,.add-image-and-text-slider,.training,.two-columns-title-intro,.training-bookings,.learn-list) h2{font-size:var(--font-h2--size, 3rem);line-height:1.14;margin:0 0 20px}#MainContent :is(.add-image-and-text,.add-image-and-text-slider,.training,.two-columns-title-intro,.training-bookings) h3{font-size:var(--font-h3--size, 2rem);line-height:1.4;margin:0 0 18px}#MainContent :is(.add-image-and-text,.add-image-and-text-slider,.training,.two-columns-title-intro,.training-bookings) p{font-size:var(--font-paragraph--size, .875rem);line-height:1.65}#MainContent :is(.add-image-and-text,.add-image-and-text-slider,.training,.training-bookings) :is(img,video,iframe){max-width:100%}#MainContent .page-title h1{font-family:var(--font-heading--family, serif);font-weight:400;font-size:var(--font-h1--size, 3.5rem);line-height:1.08;margin:0}#MainContent:has(.learn-list) .page-title{padding-block-start:clamp(40px,5vw,68px);padding-block-end:0}#MainContent:has(.learn-list) .learn-list{padding-block-start:clamp(32px,4vw,56px)}#MainContent:has(.col-4-icons) .page-title{padding-block-start:clamp(40px,5vw,68px);padding-block-end:0}#MainContent:has(.col-4-icons) .shopify-section:has(.page-title)+.shopify-section .add-image-and-text{padding-block-start:clamp(32px,4vw,56px)}#MainContent .subtitle{display:block;margin:0 0 14px;font-size:var(--font-paragraph--size, .875rem);line-height:1.4;letter-spacing:.2em;text-transform:uppercase}#MainContent .subtitle:empty{display:none}#MainContent .banner-detail-top{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(260px,38vw,540px)}#MainContent .banner-detail-top .img-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center}#MainContent .banner-detail-top .mobile-show{display:none}#MainContent .banner-detail-top h1{font-size:var(--font-h1--size, 3.5rem);line-height:1.1}#MainContent .learn-list>.container>.content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}#MainContent .learn-list .img-bg{background-size:cover;background-position:center;aspect-ratio:4/3}#MainContent .learn-list .a-box,#MainContent .bread-crumbs-content{padding-block:20px}#MainContent .bread-crumbs-content ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}#MainContent .product-search iframe{max-width:100%;width:100%}#MainContent .training-bookings .form{padding:clamp(20px,3vw,40px)}#MainContent .add-image-and-text-slider .add-images-slider{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(100% - 2 * var(--legacy-page-gutter),var(--legacy-page-measure));margin-inline:auto}@media(max-width:749px){#MainContent :is(.add-image-and-text,.add-image-and-text-slider,.two-columns-title-intro,.training-bookings)>.container>.content,#MainContent .training>.container,#MainContent .learn-list>.container>.content,#MainContent .add-image-and-text-slider .add-images-slider{grid-template-columns:minmax(0,1fr)}#MainContent .banner-detail-top .pc-show{display:none}#MainContent .banner-detail-top .mobile-show{display:block}}#MainContent .ona-legacy-contact-form{display:grid;gap:12px;max-width:100%}#MainContent .ona-legacy-contact-form label{font-size:14px;font-weight:600}#MainContent .ona-legacy-contact-form :is(input,textarea){display:block;width:100%;min-width:0;border:1px solid currentColor;background:transparent;color:inherit;border-radius:0;padding:12px;font:inherit}#MainContent .ona-legacy-contact-form textarea{resize:vertical}#MainContent .ona-legacy-contact-form button{margin-block-start:12px;justify-self:start}#MainContent .wholesale-form{padding-block:var(--legacy-page-gap);padding-inline:var(--legacy-page-gutter)}#MainContent .wholesale-form .box{max-width:620px;margin-inline:auto}#MainContent .wholesale-form .box>h2{font-family:var(--font-heading--family, serif);font-weight:400;font-size:var(--font-h2--size, 3rem);line-height:1.12;margin:0 0 24px}#MainContent .wholesale-form .pop-up-form-close{display:none}#MainContent .wholesale-form .title:empty{display:none}#MainContent :is(.more-btn,.wholesale-roaster-form-btn){display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);border:1px solid var(--color-primary-button-border, transparent);border-radius:0;text-decoration:none;cursor:pointer;font-size:15px;line-height:1;letter-spacing:.02em;transition:background-color .15s ease,color .15s ease}#MainContent :is(.more-btn,.wholesale-roaster-form-btn):hover{background-color:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text)}#MainContent .testimonial_video_section .video_select_wrap{display:none}#MainContent .training-intro{padding-block:var(--legacy-page-gap)}#MainContent .training-intro .content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,70px)}#MainContent .training-intro .content>*{min-width:0}#MainContent .training-intro .right-box{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:center}#MainContent .training-intro .img-bg{display:block;width:100%;aspect-ratio:4 / 5;background-size:cover;background-position:center}#MainContent .training-intro .image-2{aspect-ratio:3 / 4}@media(min-width:750px)and (max-width:989px){#MainContent .training-intro .content{grid-template-columns:minmax(0,1fr);gap:32px}}@media(max-width:749px){#MainContent .training-intro .content{grid-template-columns:minmax(0,1fr);gap:24px}#MainContent .training-intro .right-box{gap:10px}}#MainContent .col-4-icons .container{width:min(100% - 2 * var(--legacy-page-gutter),var(--legacy-page-measure));margin-inline:auto}#MainContent .col-4-icons .content{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(20px,3vw,40px);align-items:start}#MainContent .col-4-icons .content .block{margin:0;padding:0}#MainContent .col-4-icons .box{display:grid;justify-items:center;gap:clamp(16px,2vw,40px);text-align:center}#MainContent .col-4-icons .icon-c{block-size:88px;display:flex;align-items:center;justify-content:center}#MainContent .col-4-icons .icon-c img{width:auto;height:auto;max-width:120px;max-height:88px}#MainContent .wholesale-brands .brand-thumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(20px,3vw,48px)}#MainContent .wholesale-brands .brand-item{display:flex;align-items:center;justify-content:center}#MainContent .wholesale-brands .brand-thumb img{width:auto;height:auto;max-width:170px}@media(max-width:989px){#MainContent .col-4-icons .content{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){#MainContent .col-4-icons .content{grid-template-columns:repeat(2,minmax(0,1fr))}}#MainContent :is(.add-image-and-text,.add-image-and-text-slider,.two-columns-title-intro,.training-bookings)>.content.container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,70px);align-items:center}#MainContent :is(.add-image-and-text,.add-image-and-text-slider)>.content.container>*{min-width:0}@media(min-width:750px){#MainContent :is(.invert-columns,.img-r,.img-right)>.container>.content>.text,#MainContent :is(.invert-columns,.img-r,.img-right)>.content.container>.text{order:-1}}#MainContent :has(>.play-video){position:relative}#MainContent .play-video{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#MainContent .play-video img{width:auto;height:auto;max-width:100px}#MainContent .add-image-and-text-slider .slider-block .block .img:has(>.bg-img){inline-size:min(125px,100%);margin-inline:auto}#MainContent .add-image-and-text-slider .slider-block .block .img>.bg-img{padding-top:100%;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:50%;overflow:hidden}@media(max-width:749px){#MainContent :is(.add-image-and-text,.add-image-and-text-slider,.two-columns-title-intro,.training-bookings)>.content.container{grid-template-columns:minmax(0,1fr);gap:28px}}#MainContent :has(>.animated-svg):has(img){position:relative}#MainContent :has(>.animated-svg):has(img)>.animated-svg{position:absolute;inset-block-start:0;inset-inline:0;z-index:-1;max-width:100%;height:auto}#MainContent .unique-coffee-block .imgs-slider-unique{display:grid;position:relative}#MainContent .unique-coffee-block .imgs-slider-unique>.slider-block{grid-area:1 / 1;display:flex;align-items:center;gap:clamp(8px,1.5vw,20px);opacity:0;visibility:hidden;transition:opacity .25s ease}#MainContent .unique-coffee-block .imgs-slider-unique>.slider-block.is-active{opacity:1;visibility:visible}#MainContent .unique-coffee-block .imgs-slider-unique>.slider-block>img{flex:1 1 0;min-width:0;width:auto;height:auto;object-fit:contain}#MainContent .unique-coffee-block .slider-handle{padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer}#MainContent .unique-coffee-block .slider-handle.is-active{font-weight:700}#MainContent .unique-coffee-block .slider-handle:focus-visible{outline:2px solid currentColor;outline-offset:3px}#MainContent .unique-coffee-block .faqs-text{display:none}#MainContent .unique-coffee-block .faqs-text.is-active{display:block}@media(prefers-reduced-motion:reduce){#MainContent .unique-coffee-block .imgs-slider-unique>.slider-block{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/legacy-page-layout.css.map */