.impact-grid{--impact-transition-speed: .6s;--impact-gap: 11px;--impact-row: clamp(72px, 7.7vw, 100px);--impact-card-font-color: inherit;--impact-card-copy-color: inherit;padding:20px 0 40px}.impact-grid__heading{text-align:center;margin:0 auto 60px;font-size:clamp(28px,3.4vw,64px);font-weight:500;font-family:tenon,sans-serif;letter-spacing:-3%}.impact-grid__container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(7,var(--impact-row));grid-auto-flow:dense;gap:var(--impact-gap);transform-origin:top left}@media screen and (min-width:600px){.impact-grid [id=block-stat_card_effortless_setup]{grid-column:1;grid-row:1 / span 2}.impact-grid [id=block-stat_card_90pct]{grid-column:2;grid-row:1 / span 3;color:#f1e6d9}.impact-grid [id=block-stat_card_easy_to_use]{grid-column:3;grid-row:1 / span 2}.impact-grid [id=block-person_card_tyler_whitney]{grid-column:4;grid-row:1 / span 4}.impact-grid [id=block-stat_card_ipx8_waterproof]{grid-column:1;grid-row:3 / span 2}.impact-grid [id=block-stat_card_one_ring]{grid-column:3;grid-row:3 / span 2}.impact-grid [id=block-stat_card_independence]{grid-column:2;grid-row:4 / span 2}.impact-grid [id=block-stat_card_92pct_referral]{grid-column:2;grid-row:6 / span 2;color:#f1e6d9}.impact-grid [id=block-stat_card_3x]{grid-column:1;grid-row:5 / span 3}.impact-grid [id=block-graph_card_20x]{grid-column:3 / span 2;grid-row:5 / span 3}}.impact-grid__card{border-radius:6px;padding:13px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:relative;box-sizing:border-box;overflow:hidden;height:100%;min-height:170px;text-wrap:balance;grid-row:span 2;color:var(--impact-card-font-color, inherit)}@media(max-width:1120px){.impact-grid__card{padding:8px}}.impact-grid:not([data-design-mode=true]) .impact-grid__card{min-height:0}.impact-grid__card:not(.impact-grid__card--graph):not(.impact-grid__card--person){justify-content:flex-start;gap:8px}.impact-grid__card:not(.impact-grid__card--graph):not(.impact-grid__card--person) .impact-grid__value,.impact-grid__card:not(.impact-grid__card--graph):not(.impact-grid__card--person) .impact-grid__label{max-width:280px;text-wrap:balance}.impact-grid__card:not(.impact-grid__card--graph):not(.impact-grid__card--person) .impact-grid__label{margin-top:auto;padding-top:4px}.impact-grid__card--span-2-cols{grid-column:span 2}.impact-grid__card--span-2-rows{grid-row:span 3;height:100%;min-height:calc((var(--impact-row) * 3) + (var(--impact-gap) * 2))}.impact-grid__card--span-3-rows{grid-row:span 4;height:100%;min-height:calc((var(--impact-row) * 4) + (var(--impact-gap) * 3))}.impact-grid__card--tan{background-color:#f0e6d8;color:#112e40}.impact-grid__card--sage{background-color:#d1d0b7;color:#112e40}.impact-grid__card--blue{background-color:#a2d2ff;color:#112e40}.impact-grid__card--pink{background-color:#fcebeb;color:#112e40}.impact-grid__card--gold{background-color:#cdbba0;color:#112e40}.impact-grid__card--white{background-color:#fff;color:#112e40}.impact-grid__card--navy{background-color:#112e40;color:#fff;border:1.82px solid #CCBFA1}.impact-grid__card--navy-border{background-color:transparent;border:1px solid #ffffff;color:#fff}.impact-grid__value{font-family:tenon,sans-serif;font-size:clamp(20px,2.5vw,32px);font-weight:400;line-height:1.2;letter-spacing:-3%;display:block}.impact-grid__label{font-family:tenon,sans-serif;font-size:clamp(11px,1.25vw,16px);font-weight:400;line-height:1.2;display:block;max-width:100%;color:var(--impact-card-copy-color, inherit)}.impact-grid__label b{font-weight:700}.impact-grid__card--span-2-rows .impact-grid__value{font-size:clamp(52px,7.8vw,100px);font-weight:400;line-height:1.2;letter-spacing:-3%}.impact-grid__card--span-2-rows .impact-grid__label{font-size:clamp(20px,2.5vw,32px);font-weight:400;line-height:1.2}.impact-grid__card--span-2-cols .impact-grid__value{font-size:clamp(20px,2.5vw,32px);font-weight:400;line-height:1.15}.impact-grid__card--span-2-cols .impact-grid__label{font-size:clamp(11px,1.25vw,16px);font-weight:400;max-width:100%;line-height:1.35}.impact-grid__icon{position:absolute;top:24px;right:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.impact-grid__icon img{max-width:100%;max-height:100%;object-fit:contain}.impact-grid__card--person{align-items:center;justify-content:flex-start;text-align:center;padding:0;gap:5px;height:100%;min-height:280px}.impact-grid__person-body{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;flex:1;padding:0 10px 10px;box-sizing:border-box}.impact-grid__person-info{display:flex;flex-direction:column;align-items:center;gap:2px}.impact-grid__person-banner{width:100%;height:36px;background-color:#ccbfa1;display:flex;align-items:center;justify-content:center}.impact-grid__badge{font-family:tenon,sans-serif;font-size:12px;font-weight:500;letter-spacing:-3%;text-transform:uppercase;color:#112e40;margin:0;display:block}.impact-grid__avatar-wrapper{width:164px;height:164px;border-radius:50%;overflow:hidden;margin:25px auto 0;flex-shrink:0}.impact-grid__avatar{width:100%;height:100%;object-fit:cover;display:block}.impact-grid__name{font-family:tenon,sans-serif;font-size:clamp(18px,2.6vw,44px);font-weight:400;line-height:1;padding-top:5px;padding-bottom:2px;display:block;color:#112e40}.impact-grid__title{font-family:tenon,sans-serif;font-size:clamp(10px,1.05vw,18px);font-weight:400;line-height:1.2;letter-spacing:-3%;display:block;max-width:160px;text-wrap:balance;word-wrap:break-word;margin:0 auto;color:#112e40}.impact-grid__card--graph{padding:0;display:flex;flex-direction:row;align-items:stretch;overflow:hidden}.impact-grid__card--graph .impact-grid__value{font-size:clamp(20px,2.5vw,32px);font-weight:400;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.impact-grid__card--graph .impact-grid__label{font-size:clamp(11px,1.25vw,16px);font-weight:400;line-height:1.35}.impact-grid__graph-content{display:flex;flex-direction:column;justify-content:space-between;width:50%;padding:13px 0 13px 13px;box-sizing:border-box;min-width:0}.impact-grid__graph-top{display:flex;flex-direction:column;gap:4px}.impact-grid__graph-image-wrapper{width:50%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;box-sizing:border-box}.impact-grid__graph-image-wrapper img{width:100%;height:100%;object-fit:contain;object-position:bottom right}.impact-grid__graph-year{font-family:tenon,sans-serif;font-size:12px;font-weight:400;color:inherit;opacity:.7}.impact-grid__graph-year--start{position:absolute;bottom:12px;left:calc(45% + 8px)}.impact-grid__graph-year--end{position:absolute;top:12px;right:16px}.impact-grid__chart{position:relative;width:50%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:24px 24px 32px;box-sizing:border-box}.impact-grid__bars{display:flex;align-items:flex-end;gap:10px;height:100%;width:100%;justify-content:flex-end}.impact-grid__bar-track{width:27px;height:100%;background-color:#fff9;border-radius:100px!important;position:relative;display:flex;align-items:flex-end}.impact-grid__bar{width:100%;height:0;background:var(--bar-color, #63cba3);border-radius:100px!important;position:relative;transition:none}.impact-grid__chart.is-bar-visible .impact-grid__bar{animation:barGrow .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--bar-index, 0) * .12s)}.impact-grid__bar:nth-child(1){--bar-index: 0}.impact-grid__bar:nth-child(2){--bar-index: 1}.impact-grid__bar:nth-child(3){--bar-index: 2}.impact-grid__bar:nth-child(4){--bar-index: 3}@keyframes barGrow{0%{height:0}to{height:var(--bar-h, 50%)}}.impact-grid__bar-year{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-family:tenon,sans-serif;font-size:12px;font-weight:400;color:inherit;opacity:.7;white-space:nowrap}@media(prefers-reduced-motion:reduce){.impact-grid__bar{height:var(--bar-h, 50%)!important;animation:none!important}}.impact-grid__decorative-icon{position:absolute;z-index:1}.impact-grid__decorative-icon img{width:100%;height:100%;object-fit:contain}.impact-grid__decorative-icon--small{width:40px;height:40px;bottom:16px;left:24px}.impact-grid__decorative-icon--large{width:56px;height:56px;bottom:40%;left:24px}.impact-grid__card--flip{cursor:pointer;perspective:1000px;padding:0;background:transparent!important;border:none!important}.impact-grid__card--flip:focus{outline:2px solid #63cba3;outline-offset:2px}.impact-grid__card--flip:focus:not(:focus-visible){outline:none}.impact-grid__card--flip:focus-visible{outline:2px solid #63cba3;outline-offset:2px}.impact-grid__card-inner{position:relative;width:100%;height:100%;text-align:left;transition:transform var(--impact-transition-speed) ease;transform-style:preserve-3d}.impact-grid__card--flip:hover .impact-grid__card-inner,.impact-grid__card--flip.is-flipped .impact-grid__card-inner{transform:rotateY(180deg)}.impact-grid__card-front,.impact-grid__card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:32px 24px;border-radius:6px;box-sizing:border-box}.impact-grid__card--flip.impact-grid__card--person .impact-grid__card-front{padding:16px 24px 24px;align-items:center;justify-content:center}.impact-grid__card--flip.impact-grid__card--tan .impact-grid__card-front{background-color:#f0e6d8;color:#112e40}.impact-grid__card--flip.impact-grid__card--sage .impact-grid__card-front{background-color:#d1d0b7;color:#112e40}.impact-grid__card--flip.impact-grid__card--blue .impact-grid__card-front{background-color:#a2d2ff;color:#112e40}.impact-grid__card--flip.impact-grid__card--pink .impact-grid__card-front{background-color:#fcebeb;color:#112e40}.impact-grid__card--flip.impact-grid__card--gold .impact-grid__card-front{background-color:#cdbba0;color:#112e40}.impact-grid__card--flip.impact-grid__card--white .impact-grid__card-front{background-color:#fff;color:#112e40}.impact-grid__card--flip.impact-grid__card--navy .impact-grid__card-front{background-color:#112e40;color:#fff}.impact-grid__card--flip.impact-grid__card--navy-border .impact-grid__card-front{background-color:#112e40;background-color:transparent;border:1px solid #ffffff;color:#fff}.impact-grid__card-back{transform:rotateY(180deg);background-color:#f8f9fa;color:#1b263b;justify-content:center}.impact-grid__card-back p{margin:0;font-family:tenon,sans-serif;font-size:15px;line-height:1.5}.impact-grid__animate{opacity:0;transform:translateY(24px)}.impact-grid__animate.is-visible{animation:impactFadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--animation-order, 0) * .08s)}@keyframes impactFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.impact-grid__animate{opacity:1;transform:none}.impact-grid__animate.is-visible{animation:none}.impact-grid__card-inner{transition:none}.impact-grid__card--flip:hover .impact-grid__card-inner,.impact-grid__card--flip.is-flipped .impact-grid__card-inner{transform:none}.impact-grid__card--flip.is-flipped .impact-grid__card-front{display:none}.impact-grid__card--flip.is-flipped .impact-grid__card-back{transform:none;position:relative}}.impact-grid__card:not(.impact-grid__card--flip){transition:transform .3s ease,box-shadow .3s ease}.impact-grid__card:not(.impact-grid__card--flip):hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}@media screen and (min-width:1440px){.impact-grid__avatar-wrapper{width:clamp(164px,13.2vw,220px);height:clamp(164px,13.2vw,220px)}}@media screen and (min-width:600px)and (max-width:1120px){.impact-grid__card--person{min-height:0;height:100%;justify-content:flex-start}.impact-grid__card--person .impact-grid__person-body{flex:1;justify-content:center}.impact-grid__avatar-wrapper{width:clamp(90px,13vw,160px);height:clamp(90px,13vw,160px);margin-top:10px}.impact-grid__name{font-size:clamp(14px,2vw,28px)}.impact-grid__title{font-size:clamp(9px,1vw,16px);max-width:150px}.impact-grid__badge{font-size:clamp(10px,1.2vw,14px)}}@media screen and (max-width:599px){.impact-grid{padding:20px 0}.impact-grid__heading{font-size:clamp(22px,7vw,32px);margin-bottom:32px}.impact-grid__container{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-rows:auto;grid-auto-flow:dense;gap:10px}.impact-grid__container>[id]{grid-column:span 1!important;grid-row:auto!important}.impact-grid__container>.impact-grid__card--person[id]{grid-column:span 2!important}.impact-grid__container>.impact-grid__card--graph[id]{grid-column:span 2!important}.impact-grid__card,.impact-grid__card--span-2-rows,.impact-grid__card--span-3-rows{grid-column:span 1;grid-row:span 1}.impact-grid__card--span-2-cols{grid-column:span 2!important;grid-row:span 1}.impact-grid__card{height:auto;min-height:120px}.impact-grid__card--span-2-rows{height:auto;min-height:auto}.impact-grid__value{font-size:clamp(20px,5.5vw,28px)}.impact-grid__label{font-size:clamp(13px,3.2vw,16px)}.impact-grid__card--span-2-rows .impact-grid__value{font-size:clamp(36px,10vw,54px)}.impact-grid__card--span-2-rows .impact-grid__label{font-size:clamp(14px,4vw,20px)}.impact-grid__card--person{height:auto;min-height:auto;max-height:none;max-width:100%;margin-inline:0;width:100%;align-items:stretch;text-align:left;gap:0}.impact-grid__card--person .impact-grid__person-banner{width:100%;height:30px;flex-shrink:0}.impact-grid__card--person .impact-grid__avatar-wrapper{width:70px;height:70px;margin:0;flex-shrink:0}.impact-grid__card--person .impact-grid__name{font-size:17px;text-align:left}.impact-grid__card--person .impact-grid__title{font-size:13px;text-align:left;max-width:none;margin:0}.impact-grid__card--person .impact-grid__person-body{flex-direction:row;align-items:center;gap:12px;padding:12px}.impact-grid__card--person .impact-grid__person-info{align-items:flex-start}.impact-grid__card--graph{grid-column:1 / -1!important;grid-row:span 1!important;flex-direction:row;min-height:280px;height:auto;padding:10px}.impact-grid__card--graph .impact-grid__graph-content{width:55%;padding:2px!important}.impact-grid__card--graph .impact-grid__value{font-size:clamp(14px,3.5vw,20px);line-height:1.25}.impact-grid__card--graph .impact-grid__label{font-size:clamp(11px,2.5vw,14px);line-height:1.3}.impact-grid__card--graph .impact-grid__chart{width:45%;height:auto;min-height:120px;padding:12px;display:flex;align-items:center;justify-content:center}.impact-grid__bar{max-width:40px}.impact-grid__bar-year{font-size:12px;bottom:-20px}}@media screen and (min-width:600px){.impact-grid[data-design-mode=true] .impact-grid__container{grid-template-rows:none;grid-auto-rows:var(--impact-row)}}.impact-grid[data-design-mode=true] .impact-grid__card--span-2-cols{grid-column:span 2}.impact-grid[data-design-mode=true] .impact-grid__card--span-2-rows{grid-row:span 3}.impact-grid[data-design-mode=true] .impact-grid__card--span-3-rows{grid-row:span 4}.impact-grid[data-design-mode=true] .impact-grid__card--graph{grid-column:span 2}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-impact-grid.css.map */