.how-it-works{background:#e6eef0}.how-it-works__inner{padding-top:9.6rem;padding-bottom:9.6rem}.how-it-works__intro{max-width:64rem;margin:0 auto 4.8rem;text-align:center}.how-it-works__eyebrow{margin:0;color:#21aee5;font-family:var(--font-body-family),sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.how-it-works__heading{margin:.8rem 0 0;color:#143c74;font-family:manifold-extd-cf,Archivo Expanded,system-ui,sans-serif;font-size:3rem;font-weight:900;letter-spacing:-.01em;line-height:1.15;text-transform:uppercase}.how-it-works__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}.how-it-works__card{position:relative;min-width:0;overflow:hidden;padding:2.8rem;border:.1rem solid #e6eef0;border-radius:2rem;background:#fff;box-shadow:0 1.2rem 4rem -1.6rem #143c7438}.how-it-works__number{position:absolute;top:.75rem;right:1.25rem;color:#143c741a;font-family:manifold-extd-cf,Archivo Expanded,system-ui,sans-serif;font-size:6rem;font-weight:400;letter-spacing:0;line-height:1}.how-it-works__card-title{position:relative;z-index:1;margin:0;color:#143c74;font-family:manifold-extd-cf,Archivo Expanded,system-ui,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;text-transform:uppercase}.how-it-works__card-description{position:relative;z-index:1;margin:1.2rem 0 0;color:#23201db3;font-family:var(--font-body-family),sans-serif;font-size:1.4rem;line-height:1.625}.how-it-works__card-links{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;justify-items:start;gap:.6rem;margin-top:1.6rem}.how-it-works--layout-stack .how-it-works__card-links{grid-template-columns:1fr}.how-it-works__card-link{display:inline-block;color:#21aee5;font-weight:600;text-decoration:underline;text-underline-offset:.2rem}.how-it-works__card-link:hover{color:#143c74}.how-it-works__video-trigger{padding:0;border:0;background:none;cursor:pointer;font:inherit;text-align:left}.how-it-works__video-trigger--thumbnail{position:relative;display:block;width:100%;max-width:var(--how-it-works-thumbnail-size, 9rem);aspect-ratio:16 / 9;overflow:hidden;border-radius:1.2rem;color:#fff;text-decoration:none}.how-it-works__card-links--thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.how-it-works__card-links--thumbnails .how-it-works__video-trigger--thumbnail{min-width:0}.how-it-works__video-trigger--thumbnail img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}.how-it-works__video-trigger--thumbnail:after{position:absolute;top:50%;left:50%;color:#fff;content:"\25b6";font-size:2.4rem;text-shadow:0 .1rem .6rem rgba(0,0,0,.55);transform:translate(-50%,-50%)}.how-it-works__video-trigger--thumbnail span{position:absolute;right:1.2rem;bottom:1rem;left:1.2rem;z-index:1;color:#fff;font-size:1.3rem;font-weight:600;text-align:left;text-shadow:0 .1rem .4rem rgba(0,0,0,.55)}.how-it-works__video-trigger--thumbnail:hover img{transform:scale(1.04)}.how-it-works--ratio-square .how-it-works__video-trigger--thumbnail img{aspect-ratio:1 / 1}.how-it-works--ratio-portrait .how-it-works__video-trigger--thumbnail img{aspect-ratio:4 / 5}.how-it-works--ratio-square .how-it-works__video-trigger--thumbnail{aspect-ratio:1 / 1}.how-it-works--ratio-portrait .how-it-works__video-trigger--thumbnail{aspect-ratio:4 / 5}.how-it-works__video-modal{width:min(90vw,96rem);max-width:none;padding:0;border:0;border-radius:1.2rem;background:#143c74;color:#fff}.how-it-works__video-modal::backdrop{background:#0c2447d1}.how-it-works__video-modal-inner{position:relative;display:flex;justify-content:center;padding:1.2rem}.how-it-works__video-modal video{display:block;width:auto;max-width:100%;max-height:80vh;border-radius:.6rem}.how-it-works__video-close{position:absolute;top:1.8rem;right:1.8rem;z-index:1;display:grid;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:#143c74e6;color:#fff;cursor:pointer;font-size:2.6rem;line-height:1;place-items:center}.how-it-works__video-close:hover{background:#21aee5}@media screen and (max-width:749px){.how-it-works__inner{padding-top:6.4rem;padding-bottom:6.4rem}.how-it-works__intro{margin-bottom:3.2rem}.how-it-works__heading{font-size:2rem}.how-it-works__grid{grid-template-columns:1fr;gap:1.6rem}.how-it-works__card{padding:2.4rem}.how-it-works__card-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/how-it-works.css.map */