:root{--animation-delay: .1s;--animation-timing: .6s;--animation-ease: cubic-bezier(.59, .28, .39, .83);--animation-loop: 1;--animation-type: transform;--animation-transform: 0, 0;--animation-target: all}@media (min-width: 1024px){.animate-in{transform:translate(var(--animation-transform));transition:var(--animation-timing) var(--animation-type) var(--animation-delay) var(--animation-ease)}}@media (min-width: 1024px)and (prefers-reduced-motion){.animate-in{transition:none;transform:0}}@media (min-width: 1024px){.animate-in.animate-in--slide-up{--animation-delay: 0ms;--animation-timing: .8s;--animation-transform: 0, 50px;--animation-type: all;opacity:0;transition:var(--animation-timing) var(--animation-type) var(--animation-delay) var(--animation-ease)}}@media (min-width: 1024px)and (prefers-reduced-motion){.animate-in.animate-in--slide-up{transition:none;opacity:1}}@media (min-width: 1024px){.is-animated .animate-in.animate-in--slide-up,.already-visible .animate-in.animate-in--slide-up{opacity:1;transform:translate(0)}.animate-in.animate-in--fade-in{opacity:0;--animation-delay: 0ms;--animation-timing: .5s;--animation-transform: 0, 0;--animation-type: all;transition:var(--animation-timing) var(--animation-type) var(--animation-delay) var(--animation-ease)}}@media (min-width: 1024px)and (prefers-reduced-motion){.animate-in.animate-in--fade-in{transition:none;opacity:1}}@media (min-width: 1024px){.animate-in.is-animated,.animate-in.already-visible{opacity:1;transform:translate(0)}}@media (min-width: 1024px){.animate-in--list-delay:nth-child(n){--animation-delay: .15s;--animation-transform: 0, 50px;--animation-type: transform, opacity;opacity:0;transform:translate(var(--animation-transform));transition:.7s var(--animation-type) var(--animation-delay) var(--animation-ease);will-change:var(--animation-type)}}@media (min-width: 1024px)and (prefers-reduced-motion){.animate-in--list-delay:nth-child(n){opacity:1;transition:none}}@media (min-width: 1024px){.is-animated .animate-in--list-delay:nth-child(n),.already-visible .animate-in--list-delay:nth-child(n){opacity:1;transform:translate(0)}}@media (min-width: 1024px){.animate-in--list-delay:nth-child(2n){--animation-delay: .3s;--animation-transform: 0, 50px;--animation-type: transform, opacity;opacity:0;transform:translate(var(--animation-transform));transition:.7s var(--animation-type) var(--animation-delay) var(--animation-ease);will-change:var(--animation-type)}}@media (min-width: 1024px)and (prefers-reduced-motion){.animate-in--list-delay:nth-child(2n){opacity:1;transition:none}}@media (min-width: 1024px){.is-animated .animate-in--list-delay:nth-child(2n),.already-visible .animate-in--list-delay:nth-child(2n){opacity:1;transform:translate(0)}}@media (min-width: 1024px){.animate-in--list-delay:nth-child(3n){--animation-delay: .45s;--animation-transform: 0, 50px;--animation-type: transform, opacity;opacity:0;transform:translate(var(--animation-transform));transition:.7s var(--animation-type) var(--animation-delay) var(--animation-ease);will-change:var(--animation-type)}}@media (min-width: 1024px)and (prefers-reduced-motion){.animate-in--list-delay:nth-child(3n){opacity:1;transition:none}}@media (min-width: 1024px){.is-animated .animate-in--list-delay:nth-child(3n),.already-visible .animate-in--list-delay:nth-child(3n){opacity:1;transform:translate(0)}}@media (min-width: 1024px){.animate-in--list-delay:nth-child(4n){--animation-delay: .6s;--animation-transform: 0, 50px;--animation-type: transform, opacity;opacity:0;transform:translate(var(--animation-transform));transition:.7s var(--animation-type) var(--animation-delay) var(--animation-ease);will-change:var(--animation-type)}}@media (min-width: 1024px)and (prefers-reduced-motion){.animate-in--list-delay:nth-child(4n){opacity:1;transition:none}}@media (min-width: 1024px){.is-animated .animate-in--list-delay:nth-child(4n),.already-visible .animate-in--list-delay:nth-child(4n){opacity:1;transform:translate(0)}}@media (min-width: 1024px){.animate-in--list-delay:nth-child(5n){--animation-delay: .75s;--animation-transform: 0, 50px;--animation-type: transform, opacity;opacity:0;transform:translate(var(--animation-transform));transition:.7s var(--animation-type) var(--animation-delay) var(--animation-ease);will-change:var(--animation-type)}}@media (min-width: 1024px)and (prefers-reduced-motion){.animate-in--list-delay:nth-child(5n){opacity:1;transition:none}}@media (min-width: 1024px){.is-animated .animate-in--list-delay:nth-child(5n),.already-visible .animate-in--list-delay:nth-child(5n){opacity:1;transform:translate(0)}}.page-section,.page-section--full-bleed{margin:0}.page-section--join-now{margin:0;padding:40px 0 80px}@media (min-width: 1024px){.page-section--join-now{padding:60px 0 80px}}.join-now-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:16px}@media (min-width: 1024px){.join-now-grid{grid-template-rows:auto 25px auto 30px 30px auto 150px auto;grid-template-columns:repeat(10,1fr)}}.join-now-grid__image-title{grid-column:1/span 4;grid-row:3/span 1;position:relative;z-index:10}@media (min-width: 680px){.join-now-grid__image-title{grid-column:1/span 4;grid-row:2/span 1;z-index:10}}@media (min-width: 1024px){.join-now-grid__image-title{grid-column:1/span 10;grid-row:2/span 4;margin:0 40px;z-index:0}}.join-now-grid__image-title .background-image{-o-object-fit:contain;object-fit:contain}.join-now-grid__image{align-self:start;border-radius:20px;overflow:hidden;display:flex}.join-now-grid__image-1{grid-column:3/span 2;grid-row:1/span 2;max-width:80%;justify-self:end;position:relative;z-index:3}@media (min-width: 1024px){.join-now-grid__image-1{grid-column:5/span 2;grid-row:1/span 5;max-width:100%;justify-self:auto;margin-top:0;margin-bottom:0}}.join-now-grid__image-2{grid-column:1/span 2;grid-row:2/span 2;align-self:end}@media (min-width: 680px){.join-now-grid__image-2{grid-row:1/span 2;margin-top:70px}}@media (min-width: 1024px){.join-now-grid__image-2{grid-column:1/span 4;grid-row:5/span 4;width:75%;align-self:start;margin-top:0}}.join-now-grid__image-3{grid-column:1/span 2;grid-row:5;justify-self:start;max-width:80%;margin-top:180px}@media (min-width: 680px){.join-now-grid__image-3{margin-top:265px}}@media (min-width: 1024px){.join-now-grid__image-3{grid-column:9/span 2;grid-row:4/span 3;max-width:100%;justify-self:auto;margin-top:-25%}}.join-now-grid__image-4{grid-column:3/span 2;grid-row:5;justify-self:start;max-width:100%;margin-top:40px}@media (min-width: 680px){.join-now-grid__image-4{margin-top:60px}}@media (min-width: 1024px){.join-now-grid__image-4{display:flex;grid-column:8/span 2;grid-row:7/span 4;margin-top:-5%}}@media (min-width: 1024px){.join-now-grid__image-1--with-title{grid-row:8/span 5;grid-column:4/span 2}}.join-now-grid__content{grid-column:1/span 4;grid-row:4;text-align:center;margin:50px auto 0;z-index:10;position:relative}@media (min-width: 1024px){.join-now-grid__content{grid-column:4/span 4;grid-row:6;margin:100px auto 0;max-width:80%}}.join-now-grid__content .join-now-grid__copy{max-width:80%;margin-right:auto;margin-left:auto}@media (min-width: 1024px){.join-now-grid__content .join-now-grid__copy{max-width:100%}}.join-now-grid__content .button{margin-top:40px}.join-now-grid__content .button-style__chartreuse{background-color:#e6ff00;border:1px solid #e6ff00;color:#000;transition:all .2s ease-in-out}.join-now-grid__content .button-style__chartreuse:hover{box-shadow:inset 0 0 0 10em #0003;border:1px solid rgba(0,0,0,.2)}.join-now-grid__content .button-style__monochrome{background-color:#000;color:#fff;border:1px solid #000;transition:all .2s ease-in-out}.join-now-grid__content .button-style__monochrome:hover{box-shadow:inset 0 0 0 10em #fff3;border:1px solid rgba(255,255,255,.2)}.join-now-grid__content .button-style__outline-black{background-color:#0000;color:#000;border:1px solid #000;transition:all .2s ease-in-out}.join-now-grid__content .button-style__outline-black:hover{box-shadow:inset 0 0 0 10em #0003;border:1px solid rgba(0,0,0,.2)}.join-now-grid__content .button-style__outline-white{background-color:#0000;color:#fff;border:1px solid #fff;transition:all .2s ease-in-out}.join-now-grid__content .button-style__outline-white:hover{box-shadow:inset 0 0 0 10em #fff3;border:1px solid rgba(255,255,255,.2)}.join-now-grid__title{font-size:40px;font-size:4rem;line-height:36px;line-height:3.6rem;letter-spacing:-.01875em;margin:0 0 30px}@media (min-width: 1024px){.join-now-grid__title{font-size:48px;font-size:4.8rem;line-height:42px;line-height:4.2rem;letter-spacing:-.00625em}}
/*# sourceMappingURL=/cdn/shop/t/171/assets/section.join-now.css.map */