html.stuck{overflow:hidden}.product-transparency-section{position:relative;overflow:hidden;padding-top:var(--product-transparency-padding-top, 96px);padding-bottom:var(--product-transparency-padding-bottom, 96px);background-color:var(--product-transparency-section-background, transparent);background-image:var(--product-transparency-section-background-gradient, none);--line-color: var(--product-transparency-line-color, color-mix(in srgb, rgba(var(--color-accent)) 100% , transparent));--bg-color: var(--product-transparency-modal-bg, var(--product-transparency-section-background, color-mix(in srgb, rgba(var(--color-background)) 100% , transparent)));--text-color: var(--product-transparency-modal-text, color-mix(in srgb, rgba(var(--color-foreground)) 100% , transparent))}.product-transparency-section .product-transparency__container{width:min(100%,var(--product-transparency-max-width, 100%));margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.product-transparency-section .transparency{position:relative;z-index:10;color:var(--text-color);--tab-count: 6;--tab-width: calc(100% / calc(var(--tab-count) + 1))}.product-transparency--left{text-align:left}.product-transparency--center{text-align:center}.product-transparency--right{text-align:right}.product-transparency__heading{margin:0;font-family:var(--product-transparency-heading-font-family, var(--font-heading-family));font-size:var(--product-transparency-heading-font-size-mobile, clamp(3.2rem, 7vw, 6.2rem));font-style:var(--product-transparency-heading-font-style, var(--font-heading-style));font-weight:var(--product-transparency-heading-font-weight, var(--font-heading-weight));color:var(--product-transparency-heading-color, color-mix(in srgb, rgba(var(--color-foreground)) 100% , transparent));line-height:var(--product-transparency-heading-line-height, 1.1);letter-spacing:var(--product-transparency-heading-letter-spacing, 0);text-transform:var(--product-transparency-heading-text-transform, none)}.product-transparency-section .trans-intro{text-align:center;max-width:500px;margin:0 auto;font-family:var(--product-transparency-paragraph-font-family, var(--font-body-family));font-size:var(--product-transparency-paragraph-font-size-mobile, calc(var(--font-body-scale) * 1.6rem));font-style:var(--product-transparency-paragraph-font-style, var(--font-body-style));font-weight:var(--product-transparency-paragraph-font-weight, 400);color:var(--product-transparency-paragraph-color, color-mix(in srgb, rgba(var(--color-foreground-2)) 100% , transparent));line-height:var(--product-transparency-paragraph-line-height, 1.55);letter-spacing:var(--product-transparency-paragraph-letter-spacing, 0);text-transform:var(--product-transparency-paragraph-text-transform, none)}.product-transparency-section .trans-intro>*:first-child{margin-top:0}.product-transparency-section .trans-intro>*:last-child{margin-bottom:0}.product-transparency-section .trans-tabs h5{opacity:0;font-family:var(--product-transparency-tab-subtitle-font-family, var(--font-body-family));font-size:var(--product-transparency-tab-subtitle-font-size-mobile, 10px);font-style:var(--product-transparency-tab-subtitle-font-style, var(--font-body-style));font-weight:var(--product-transparency-tab-subtitle-font-weight, 500);margin-bottom:12px;text-transform:var(--product-transparency-tab-subtitle-text-transform, uppercase);margin-top:22px;line-height:var(--product-transparency-tab-subtitle-line-height, 1.6);letter-spacing:var(--product-transparency-tab-subtitle-letter-spacing, 0);color:var(--product-transparency-tab-subtitle-color, var(--text-color))}.product-transparency-section .trans-tab.active h5{opacity:1}.product-transparency-section .trans-tabs{display:flex;margin-top:90px;margin-bottom:90px}.product-transparency-section .trans-tab{width:var(--tab-width);transition:width .2s ease-out;cursor:pointer;position:relative;border-left:var(--product-transparency-tab-border-thickness, 2px) solid var(--product-transparency-tab-border-color, rgba(50, 50, 50, .8));overflow:hidden}.product-transparency-section .trans-tab:before{content:" ";display:block;left:0;top:0;width:var(--product-transparency-tab-active-border-thickness, 2px);background:var(--product-transparency-tab-active-border-color, var(--line-color));position:absolute;height:0;transition:height .4s ease-out}.product-transparency-section .trans-tab.active:before{height:75%}.product-transparency-section .trans-tab .trans-img{aspect-ratio:1 / 1;margin-top:auto;transition:width .2s ease-out;position:absolute;bottom:0;left:16px;width:calc(100% - 32px);z-index:2}.product-transparency-section .trans-img video{height:100%;width:100%;object-fit:cover;filter:grayscale(1);opacity:.5}.product-transparency-section .trans-tab.active .trans-img video{filter:grayscale(0);opacity:1}.product-transparency-section .trans-tab .inner{padding:0 16px;height:100%;display:flex;flex-direction:column;position:relative;text-align:left}.product-transparency-section .trans-tab p{width:100%;min-width:calc(calc(calc(92vw / 7) * 2) - 32px);opacity:0;transition:width .2s ease-out,opacity .2s ease-out;pointer-events:none;font-family:var(--product-transparency-tab-copy-font-family, var(--font-body-family));font-size:var(--product-transparency-tab-copy-font-size-mobile, calc(var(--font-body-scale) * 1.6rem));font-style:var(--product-transparency-tab-copy-font-style, var(--font-body-style));font-weight:var(--product-transparency-tab-copy-font-weight, 400);line-height:var(--product-transparency-tab-copy-line-height, 1.5);letter-spacing:var(--product-transparency-tab-copy-letter-spacing, 0);text-transform:var(--product-transparency-tab-copy-text-transform, none);color:var(--product-transparency-tab-copy-color, var(--text-color))}@media screen and (min-width:1600px){.product-transparency-section .trans-tab p{min-width:calc(1600px / 7)}}.product-transparency-section .trans-tab.active p{pointer-events:all;display:contents}.product-transparency-section .trans-tab .trans-img-spacer{min-width:calc(calc(calc(92vw / 7) * 2) - 32px);aspect-ratio:1 / 1;background:transparent}.product-transparency-section .trans-tab.active{width:calc(var(--tab-width) * 2)}.product-transparency-section .trans-tab.active p{width:100%;opacity:1}.product-transparency-section .trans-tab h3{font-family:var(--product-transparency-tab-title-font-family, "Kapra", sans-serif);color:var(--product-transparency-tab-title-color, #777);text-transform:var(--product-transparency-tab-title-text-transform, uppercase);font-style:var(--product-transparency-tab-title-font-style, normal);font-weight:var(--product-transparency-tab-title-font-weight, 400);font-size:var(--product-transparency-tab-title-font-size-mobile, 16px);margin-bottom:4px;line-height:var(--product-transparency-tab-title-line-height, 1.2);letter-spacing:var(--product-transparency-tab-title-letter-spacing, 0);transition:color .2s ease-out}.product-transparency-section .trans-tab h4{font-family:var(--product-transparency-tab-value-font-family, "Kapra", sans-serif);color:var(--product-transparency-tab-value-color, #777);text-transform:var(--product-transparency-tab-value-text-transform, uppercase);font-style:var(--product-transparency-tab-value-font-style, normal);font-weight:var(--product-transparency-tab-value-font-weight, 400);margin-bottom:12px;font-size:var(--product-transparency-tab-value-font-size-mobile, 25px);line-height:var(--product-transparency-tab-value-line-height, 1.1);letter-spacing:var(--product-transparency-tab-value-letter-spacing, 0);transition:color .2s ease-out}.product-transparency-section .trans-tab.active h3{color:var(--product-transparency-tab-title-active-color, var(--line-color))}.product-transparency-section .trans-tab.active h4{color:var(--product-transparency-tab-value-active-color, var(--text-color))}.product-transparency-section .trans-learn-more{background:transparent;align-self:baseline;cursor:pointer;border:none;-webkit-appearance:none;text-decoration:underline;color:var(--product-transparency-tab-link-color, var(--text-color));font-family:var(--product-transparency-tab-link-font-family, var(--font-body-family));font-size:var(--product-transparency-tab-link-font-size-mobile, calc(var(--font-body-scale) * 1.6rem));font-style:var(--product-transparency-tab-link-font-style, var(--font-body-style));font-weight:var(--product-transparency-tab-link-font-weight, 400);line-height:var(--product-transparency-tab-link-line-height, 1.3);letter-spacing:var(--product-transparency-tab-link-letter-spacing, 0);text-transform:var(--product-transparency-tab-link-text-transform, none);padding:0;margin-top:12px}.coffee-modal[data-product-transparency-modal]{--bg-color: var(--product-transparency-modal-bg, var(--product-transparency-section-background, color-mix(in srgb, rgba(var(--color-background)) 100% , transparent)));--text-color: var(--product-transparency-modal-text, color-mix(in srgb, rgba(var(--color-foreground)) 100% , transparent));pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:350;transition:opacity .8s ease-out;--modal-circle-size: calc(100vh + 500px) ;visibility:hidden}.coffee-modal[data-product-transparency-modal].active{pointer-events:all;visibility:visible}.coffee-modal[data-product-transparency-modal] .modal-circle{width:500px;position:absolute;right:0;height:100%;top:0;background:var(--bg-color);transition:transform .3s ease-out;transform:translate(100vw)}.coffee-modal[data-product-transparency-modal].active .modal-circle{transform:translate(0)}.coffee-modal[data-product-transparency-modal] .x{color:var(--text-color);cursor:pointer;padding:20px;position:absolute;right:0}.coffee-modal[data-product-transparency-modal] .modal-circle:before{content:" ";display:block;position:absolute;background:var(--bg-color);border-radius:50%;aspect-ratio:1 / 1;transform:translate(-20%) translateY(-250px);z-index:-1;min-height:var(--modal-circle-size)}.coffee-modal[data-product-transparency-modal] .modal-text{overflow:scroll;padding-top:var(--product-transparency-modal-top-padding-offset, 0px);padding-right:8vw;height:100%}.coffee-modal[data-product-transparency-modal] .modal-text *{color:var(--text-color)}.coffee-modal[data-product-transparency-modal] .modal-text h2{font-family:var(--product-transparency-modal-heading-font-family, var(--font-heading-family));font-size:var(--product-transparency-modal-heading-font-size-mobile, 48px);font-style:var(--product-transparency-modal-heading-font-style, var(--font-heading-style));font-weight:var(--product-transparency-modal-heading-font-weight, var(--font-heading-weight));line-height:var(--product-transparency-modal-heading-line-height, 1.1);letter-spacing:var(--product-transparency-modal-heading-letter-spacing, 0);text-transform:var(--product-transparency-modal-heading-text-transform, none);color:var(--product-transparency-modal-heading-color, var(--text-color))}.coffee-modal[data-product-transparency-modal] .modal-text p{font-family:var(--product-transparency-modal-copy-font-family, var(--font-body-family));font-size:var(--product-transparency-modal-copy-font-size-mobile, calc(var(--font-body-scale) * 1.8rem));font-style:var(--product-transparency-modal-copy-font-style, var(--font-body-style));font-weight:var(--product-transparency-modal-copy-font-weight, 400);line-height:var(--product-transparency-modal-copy-line-height, 1.6);letter-spacing:var(--product-transparency-modal-copy-letter-spacing, 0);text-transform:var(--product-transparency-modal-copy-text-transform, none);color:var(--product-transparency-modal-copy-color, var(--text-color))}.coffee-modal[data-product-transparency-modal] .modal-close.background{opacity:0;position:absolute;background:transparent;width:100%;height:100%;z-index:-2;cursor:w-resize;transition:opacity .3s ease-out;background:#00000080}.coffee-modal[data-product-transparency-modal].active .modal-close.background{opacity:1}@media(min-width:992px){.product-transparency__heading{font-size:var(--product-transparency-heading-font-size-desktop, clamp(4.2rem, 5vw, 7.2rem))}.product-transparency-section .trans-intro{font-size:var(--product-transparency-paragraph-font-size-desktop, calc(var(--font-body-scale) * 1.7rem))}.product-transparency-section .trans-tab h3{font-size:var(--product-transparency-tab-title-font-size-desktop, 18px)}.product-transparency-section .trans-tab h4{font-size:var(--product-transparency-tab-value-font-size-desktop, 26px)}.product-transparency-section .trans-tabs h5{font-size:var(--product-transparency-tab-subtitle-font-size-desktop, 10px)}.product-transparency-section .trans-tab p{font-size:var(--product-transparency-tab-copy-font-size-desktop, calc(var(--font-body-scale) * 1.6rem))}.product-transparency-section .trans-learn-more{font-size:var(--product-transparency-tab-link-font-size-desktop, calc(var(--font-body-scale) * 1.6rem))}.coffee-modal[data-product-transparency-modal] .modal-text h2{font-size:var(--product-transparency-modal-heading-font-size-desktop, 90px)}.coffee-modal[data-product-transparency-modal] .modal-text p{font-size:var(--product-transparency-modal-copy-font-size-desktop, calc(var(--font-body-scale) * 2.1rem))}}@media screen and (max-width:850px){.product-transparency-section .product-transparency__container{padding-inline:16px}.product-transparency-section .transparency{padding-top:20px}.product-transparency-section .trans-tabs{margin-bottom:0;margin-top:20px;flex-wrap:wrap}.product-transparency-section .trans-tab .trans-img{bottom:16px;left:auto;right:0;width:80px;aspect-ratio:1 / 1}.product-transparency-section .trans-tab.active .trans-img{width:100%;aspect-ratio:16 / 9}.product-transparency-section .trans-tab .trans-img-spacer{aspect-ratio:16 / 9}.product-transparency-section .trans-tab .inner{padding:16px 0}.product-transparency-section .trans-tab{width:100%;border-left:none;border-top:var(--product-transparency-tab-border-thickness, 2px) solid var(--product-transparency-tab-border-color, #666);height:120px;transition:height .2s ease-out}.product-transparency-section .trans-tab.active{width:100%;height:auto}.product-transparency-section .trans-tab:before{width:0;height:var(--product-transparency-tab-active-border-thickness, 2px);top:calc(-1 * var(--product-transparency-tab-active-border-thickness, 2px))}.product-transparency-section .trans-tab.active:before{width:75%;height:var(--product-transparency-tab-active-border-thickness, 2px)}.product-transparency-section .trans-img video{opacity:.3}.product-transparency-section .trans-tab p{width:100%;min-width:0}.product-transparency-section .trans-tab .trans-img-spacer{min-width:0}.product-transparency-section .trans-tab h3{font-size:var(--product-transparency-tab-title-font-size-mobile, 16px)}.product-transparency-section .trans-tab h4{font-size:var(--product-transparency-tab-value-font-size-mobile, 25px)}.coffee-modal[data-product-transparency-modal] .modal-circle{width:96vw;left:2vw;right:auto;transform:translate(0) translateY(110lvh)}.coffee-modal[data-product-transparency-modal] .modal-text{padding-left:8vw}.coffee-modal[data-product-transparency-modal]{--modal-circle-size: 96vw}.coffee-modal[data-product-transparency-modal].active .modal-circle{transform:translateY(0)}.coffee-modal[data-product-transparency-modal] .modal-circle:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-product-transparency.css.map */