.joam-eyebrow{font-family:var(--label-font-stack);font-weight:500;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;line-height:1.2;margin:0 0 22px;opacity:.8}.joam-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:var(--joam-hero-min-height, 640px);overflow:hidden}.joam-hero__copy{display:flex;flex-direction:column;justify-content:center;padding-top:80px;padding-bottom:80px}.joam-hero__copy-inner{width:100%;max-width:720px;margin-left:auto}.joam-hero--media-left .joam-hero__scene{order:-1}.joam-hero--media-left .joam-hero__copy-inner{margin-left:0;margin-right:auto}.joam-hero__heading{display:block;width:auto;margin:0;max-width:12ch;text-align:inherit;font-size:clamp(40px,4.6vw,64px)!important;line-height:1.05;text-wrap:balance}.joam-hero__text{margin:26px 0 34px;max-width:52ch;font-size:clamp(16px,1.25vw,19px)}.joam-hero__text p{margin:0 0 .8em;font-size:inherit!important}.joam-hero__text p:last-child{margin-bottom:0}.joam-hero__copy .btn{width:auto}.joam-hero__scene{position:relative;min-height:var(--joam-hero-min-height, 640px);overflow:hidden}.joam-hero__background{position:absolute;top:0;right:0;bottom:0;left:0}.joam-hero__background .responsive-image-wrapper{height:100%}.joam-hero__background img{width:100%;height:100%;object-fit:cover;max-width:none!important;max-height:none!important}.joam-hero__background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-scheme-text-color) 5%,transparent),color-mix(in srgb,var(--color-scheme-text-color) 12%,transparent))}.joam-hero--stripes .joam-hero__background{-webkit-mask:repeating-linear-gradient(90deg,#000 0 64px,transparent 64px 92px);mask:repeating-linear-gradient(90deg,#000 0 64px,transparent 64px 92px)}.joam-hero__can-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.joam-hero__can{position:absolute;left:0;right:0;top:calc((100% - var(--joam-hero-can-travel, 25%)) / 2 - var(--joam-hero-can-travel, 25%) / 2);height:var(--joam-hero-can-travel, 25%);display:flex;align-items:center;justify-content:center;transform:translate3d(0,50%,0);will-change:transform;transition:transform 1.5s cubic-bezier(.33,1,.68,1)}.joam-hero__can-link,.joam-hero__can>.responsive-image-wrapper{display:block;width:min(var(--joam-hero-can-width, 78%),560px);pointer-events:auto}.joam-hero__can-link .responsive-image-wrapper{width:100%}.joam-hero__can img{width:100%;height:auto;max-width:none!important;max-height:none!important;filter:drop-shadow(0 34px 44px color-mix(in srgb,var(--color-scheme-text-color) 32%,transparent))}.joam-hero--animate .joam-hero__background{animation:joam-hero-fade-in 1.1s cubic-bezier(.16,1,.3,1) both}.joam-hero--animate.joam-hero--stripes .joam-hero__background{animation:joam-hero-stripes-in 1.1s cubic-bezier(.16,1,.3,1) both}.joam-hero--animate .joam-hero__can-frame{animation:joam-hero-rise 1.2s .15s cubic-bezier(.16,1,.3,1) both}@keyframes joam-hero-fade-in{0%{opacity:0}to{opacity:1}}@keyframes joam-hero-stripes-in{0%{-webkit-mask-size:0% 100%;mask-size:0% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}to{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}@keyframes joam-hero-rise{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@media(max-width:1023px){.joam-hero{grid-template-columns:1fr;min-height:0}.joam-hero__scene{order:0;min-height:var(--joam-hero-min-height-mobile, 380px)}.joam-hero--scene-first-mobile .joam-hero__scene{order:-1}.joam-hero__copy{padding-top:48px;padding-bottom:56px}.joam-hero__copy-inner{max-width:none}.joam-hero__can-link,.joam-hero__can>.responsive-image-wrapper{width:min(var(--joam-hero-can-width-mobile, 70%),420px)}}@media(max-width:767px){.joam-hero--stripes .joam-hero__background{-webkit-mask:repeating-linear-gradient(90deg,#000 0 40px,transparent 40px 58px);mask:repeating-linear-gradient(90deg,#000 0 40px,transparent 40px 58px)}}@media(prefers-reduced-motion:reduce){.joam-hero__background,.joam-hero__can-frame{animation:none!important}.joam-hero__can{transform:translate3d(0,50%,0)!important;transition:none}}.joam-story.image-with-text__container.wrapper-spacing--h{padding-right:60px!important}.joam-story .homepage-featured-content-wrapper{align-items:center;gap:clamp(40px,6vw,96px)}.joam-story .homepage-content--image .img{border-radius:var(--block-border-radius);overflow:hidden;aspect-ratio:4 / 3}.joam-story .homepage-content--image .img .responsive-image-wrapper{height:100%}.joam-story .homepage-content--image .img img{width:100%;height:100%;object-fit:cover;max-width:none!important;max-height:none!important}.joam-story__caption{margin:14px 0 0;font-family:var(--label-font-stack);font-size:11px!important;letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb,var(--color-scheme-text-color) 82%,transparent)}.joam-story .homepage-featured-content-box-inner{padding:0;width:auto;max-width:560px;margin:0}.joam-story .homepage-sections--title{max-width:14ch;text-wrap:balance}.joam-story .featured-row__subtext p{font-size:clamp(16px,1.15vw,18px)!important;max-width:58ch}.joam-story .featured-row__subtext p:has(>em:only-child){margin-top:32px;padding-top:26px;border-top:1px solid var(--color-scheme-border-color);font-size:clamp(20px,1.6vw,24px)!important;line-height:1.35}@media(max-width:1024px){.joam-story.image-with-text__container.wrapper-spacing--h{padding-right:45px!important}}@media(max-width:767px){.joam-story.image-with-text__container.wrapper-spacing--h{padding-right:30px!important}.joam-story .homepage-featured-content-box-inner{padding-top:30px;max-width:none}.joam-story .homepage-sections--title{max-width:none}}.joam-flavors .product-grid--note{font-size:14px!important;line-height:1.5;max-width:24ch;margin:-.5em auto 0;color:color-mix(in srgb,var(--color-scheme-text-color) 82%,transparent)}.joam-flavors .text-align--left .product-grid--note{margin-left:0}.joam-flavors .text-align--right .product-grid--note{margin-right:0}.joam-flavors__format{margin:56px auto 0;max-width:820px;padding-top:34px;border-top:1px solid var(--color-scheme-border-color);text-align:center}.joam-flavors__format p{max-width:60ch;margin:0 auto}.joam-flavors__format p>strong:only-child{display:block;font-family:var(--header-font-stack);font-weight:900;text-transform:uppercase;font-size:clamp(20px,1.8vw,26px);line-height:1.1;margin-bottom:12px;text-wrap:balance}.joam-info-grid{position:relative;overflow:hidden}.joam-info-grid>*:not(.joam-info-grid__background){position:relative;z-index:1}.joam-info-grid__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;display:block}.joam-info-grid__background img{position:absolute;top:0;left:0;width:100%;height:130%;object-fit:cover;will-change:transform}.joam-info-grid__background--static img{top:-15%}.joam-info-grid .info-cols--slider [class*=vertical-align--]{display:grid;grid-template-columns:repeat(var(--joam-columns, 3),minmax(0,1fr));gap:20px;align-items:stretch}.joam-info-grid .info-cols--slider [class*=vertical-align--] .grid__item{width:auto;margin:0}.joam-info-grid .info-cols--title{font-size:18px!important;line-height:1.2;margin-bottom:12px}.joam-info-grid .info-cols--text{margin-top:0}.joam-info-grid .info-cols--text p{font-size:15px!important;line-height:1.6;color:color-mix(in srgb,var(--color-scheme-text-color) 82%,transparent)}.joam-info-grid__icon{margin-bottom:22px;line-height:0}.joam-info-grid__icon svg{width:34px;height:34px}.joam-info-grid:not(.joam-info-grid--panels) .section-title--wrapper{align-items:flex-start;text-align:left;max-width:1120px;margin-left:auto;margin-right:auto}.joam-info-grid:not(.joam-info-grid--panels) .info-cols--slider [class*=vertical-align--]{gap:40px 48px;max-width:1120px;margin:0 auto}.joam-info-grid:not(.joam-info-grid--panels) .grid__item{padding-top:22px;border-top:1px solid var(--color-scheme-border-color)}.joam-info-grid:not(.joam-info-grid--panels) .info-cols--title{font-size:15px!important;letter-spacing:.3px;margin-bottom:10px}.joam-info-grid:not(.joam-info-grid--panels) .info-cols--text p{margin-bottom:12px}.joam-info-grid:not(.joam-info-grid--panels) .info-cols--link--wrapper{margin-top:0}.joam-info-grid:not(.joam-info-grid--panels) .btn--underlined{font-family:var(--label-font-stack);font-size:13px;letter-spacing:.5px;text-transform:none;padding:0 0 2px}.joam-info-grid--panels .info-cols--slider [class*=vertical-align--] .grid__item{--text-color: var(--color-scheme-light-text);--color-scheme-text-color: var(--color-scheme-light-text);--color-scheme-border-color: var(--color-scheme-light-text-transparent25);background:var(--color-scheme-light-background);color:var(--color-scheme-light-text);border-radius:var(--block-border-radius);padding:32px 26px 34px}.joam-info-grid--panels .section-title--wrapper{max-width:760px;margin-left:auto;margin-right:auto}@media(max-width:1023px){.joam-info-grid .info-cols--slider [class*=vertical-align--]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.joam-info-grid:not(.joam-info-grid--panels) .info-cols--slider [class*=vertical-align--]{gap:32px 36px}}@media(max-width:640px){.joam-info-grid .info-cols--slider [class*=vertical-align--]{grid-template-columns:1fr;gap:12px}.joam-info-grid:not(.joam-info-grid--panels) .info-cols--slider [class*=vertical-align--]{gap:24px}.joam-info-grid--panels .info-cols--slider [class*=vertical-align--] .grid__item{padding:26px 22px 28px}.joam-info-grid__icon{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.joam-info-grid__background img{transform:none!important;top:-15%;transition:none!important}}.joam-contact-form.section-contact-form{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,96px);align-items:start}.joam-contact-form__intro h2{text-align:left;max-width:14ch;margin:0;text-wrap:balance}.joam-contact-form__intro>.rte{margin-top:26px;max-width:52ch}.joam-contact-form__intro>.rte p{font-size:clamp(16px,1.15vw,18px)!important}.joam-contact-form__steps{margin-top:44px}.joam-contact-form__steps>p{font-family:var(--label-font-stack);font-size:12px!important;letter-spacing:1.5px;text-transform:uppercase;opacity:.8;margin:0}.joam-contact-form__steps ol{list-style:none;counter-reset:joam-step;margin:12px 0 0;padding:0;border-top:1px solid var(--color-scheme-border-color)}.joam-contact-form__steps li{counter-increment:joam-step;position:relative;padding:20px 0 20px 60px;margin:0;border-bottom:1px solid var(--color-scheme-border-color);font-size:15px;line-height:1.5;color:color-mix(in srgb,var(--color-scheme-text-color) 82%,transparent)}.joam-contact-form__steps li:before{content:counter(joam-step);position:absolute;left:0;top:18px;font-family:var(--header-font-stack);font-weight:900;font-size:26px;line-height:1;color:var(--color-scheme-text-color)}.joam-contact-form__steps li strong{display:block;font-family:var(--header-font-stack);font-weight:700;font-size:15px;letter-spacing:.2px;margin-bottom:4px;color:var(--color-scheme-text-color)}.joam-contact-form .section-contact-form--form{background:color-mix(in srgb,var(--color-scheme-text-color) 5%,var(--color-scheme-background-color));border-radius:var(--block-border-radius);padding:clamp(24px,3vw,44px);row-gap:18px;column-gap:18px}.joam-contact-form .input-wrapper label{font-family:var(--label-font-stack);font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.joam-contact-form .input-wrapper:has([required]) label:after{content:" *";color:var(--color-scheme-text-color-transparent50)}.joam-contact-form .section-contact-form--form input:not(.btn),.joam-contact-form .section-contact-form--form textarea{width:100%;font-family:var(--body-font-stack);font-size:16px;color:var(--color-scheme-text-color);background:var(--color-scheme-background-color);border:1px solid var(--color-scheme-border-color);border-radius:var(--input-border-radius);padding:14px 16px;transition:border-color .2s,box-shadow .2s}.joam-contact-form .section-contact-form--form input:not(.btn)::placeholder,.joam-contact-form .section-contact-form--form textarea::placeholder{color:color-mix(in srgb,var(--color-scheme-text-color) 55%,transparent)}.joam-contact-form .section-contact-form--form input:not(.btn):focus,.joam-contact-form .section-contact-form--form textarea:focus{outline:none;border:1px solid var(--color-scheme-text-color);box-shadow:0 0 0 3px var(--color-scheme-text-color-transparent10)}.joam-contact-form .section-contact-form--form textarea{min-height:140px;resize:vertical}.joam-contact-form .section-contact-form--submit-wrapper{display:flex;flex-direction:column}.joam-contact-form .section-contact-form--submit-wrapper .btn{order:1;width:100%;margin-top:6px}.joam-contact-form .section-contact-form--submit-wrapper [data-spam-detection-disclaimer]{order:2;margin:16px 0 0;font-size:12px!important;line-height:1.5;color:color-mix(in srgb,var(--color-scheme-text-color) 82%,transparent)}.joam-contact-form__reply{order:3;display:flex;align-items:center;gap:10px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--color-scheme-border-color);font-family:var(--label-font-stack);font-size:12px!important;letter-spacing:1px;text-transform:uppercase}.joam-contact-form__reply:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--color-scheme-text-color)}.joam-contact-form .form-success{display:block;margin-bottom:6px}@media(max-width:1023px){.joam-contact-form.section-contact-form{grid-template-columns:1fr;gap:44px}.joam-contact-form__intro h2{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/joam-contact.css.map */