.hb-benefits{position:relative;width:100%;overflow:hidden;background:var(--hb-benefits-bg);color:var(--hb-benefits-heading)}.hb-benefits *,.hb-benefits *:before,.hb-benefits *:after{box-sizing:border-box}.hb-benefits__container{width:min(100%,var(--hb-benefits-width));margin:0 auto;padding:var(--hb-benefits-padding-top) var(--hb-benefits-padding-x) var(--hb-benefits-padding-bottom)}.hb-benefits__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--hb-benefits-header-gap);margin-bottom:var(--hb-benefits-header-bottom)}.hb-benefits__header-copy{width:100%;max-width:760px}.hb-benefits__eyebrow{font-family:Archivo Narrow,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--hb-benefits-eyebrow-size);font-weight:500;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:var(--hb-benefits-eyebrow)}.hb-benefits__heading{margin:0;font-family:Archivo Narrow,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(42px,4.3vw,var(--hb-benefits-heading-size));font-weight:700;line-height:1.03;letter-spacing:.012em;text-transform:uppercase;color:var(--hb-benefits-heading);text-wrap:pretty}.hb-benefits__description{max-width:620px;margin-top:18px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.6;color:var(--hb-benefits-body)}.hb-benefits__comparison{flex:0 0 auto;padding-bottom:6px}.hb-benefits__comparison-link{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--hb-benefits-link-size);font-weight:600;line-height:1;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;color:var(--hb-benefits-link);transition:opacity .18s ease,gap .18s ease}.hb-benefits__comparison-link:hover{gap:12px;opacity:.78}.hb-benefits__comparison-arrow{font-size:18px;line-height:1}.hb-benefits__grid{display:grid;grid-template-columns:repeat(var(--hb-benefits-desktop-columns),minmax(0,1fr));gap:var(--hb-benefits-border-width);overflow:hidden;border:var(--hb-benefits-border-width) solid var(--hb-benefits-border);border-radius:var(--hb-benefits-radius);background:var(--hb-benefits-border)}.hb-benefit-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:205px;gap:var(--hb-benefits-card-gap);padding:var(--hb-benefits-card-padding-y) var(--hb-benefits-card-padding-x) calc(var(--hb-benefits-card-padding-y) + 4px);background:var( --hb-block-bg, var(--hb-benefits-card-bg) );transition:background-color .18s ease}.hb-benefit-card:hover{background:var( --hb-block-hover-bg, var(--hb-benefits-card-hover) )}.hb-benefit-card__icon-wrap{display:flex;align-items:center;min-height:var(--hb-benefits-icon-size)}.hb-benefit-card__icon{display:block;width:var(--hb-benefits-icon-size);height:var(--hb-benefits-icon-size);flex:0 0 auto;border:1.5px solid var( --hb-block-icon-border, var(--hb-benefits-icon-border) );border-radius:5px}.hb-benefit-card__icon--diagonal{background:linear-gradient(135deg,var( --hb-block-icon-accent, var(--hb-benefits-icon-accent) ) 0 50%,var( --hb-block-icon-bg, var(--hb-benefits-icon-bg) ) 50% 100%)}.hb-benefit-card__icon--solid{background:var( --hb-block-icon-accent, var(--hb-benefits-icon-accent) )}.hb-benefit-card__icon--outline{background:transparent}.hb-benefit-card__icon--circle{border-radius:50%;background:var( --hb-block-icon-accent, var(--hb-benefits-icon-accent) )}.hb-benefit-card__icon-image{display:block;width:var(--hb-benefits-icon-size);height:var(--hb-benefits-icon-size);object-fit:contain}.hb-benefit-card__title{margin:0;font-family:Archivo Narrow,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--hb-benefits-title-size);font-weight:700;line-height:1.2;letter-spacing:.012em;text-transform:uppercase;color:var( --hb-block-title, var(--hb-benefits-title) );text-wrap:pretty}.hb-benefit-card__body{max-width:330px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--hb-benefits-body-size);font-weight:400;line-height:1.6;color:var( --hb-block-body, var(--hb-benefits-body) )}.hb-benefit-card__body p{margin:0}.hb-benefit-card__link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:5px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;font-weight:600;line-height:1;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;color:var(--hb-benefits-link);transition:gap .18s ease}.hb-benefit-card__link:hover{gap:10px}@media screen and (max-width:1100px){.hb-benefits__grid{grid-template-columns:repeat(var(--hb-benefits-tablet-columns),minmax(0,1fr))}}@media screen and (max-width:989px){.hb-benefits__container{padding:var(--hb-benefits-mobile-padding-top) var(--hb-benefits-mobile-padding-x) var(--hb-benefits-mobile-padding-bottom)}.hb-benefits__header{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:30px}.hb-benefits__heading{font-size:clamp(34px,7vw,var(--hb-benefits-mobile-heading-size))}.hb-benefits__comparison{padding-bottom:0}}@media screen and (max-width:749px){.hb-benefits__eyebrow{font-size:9px}.hb-benefits__heading{margin-top:12px;font-size:clamp(30px,9vw,var(--hb-benefits-mobile-heading-size));line-height:1.04}.hb-benefits__description{font-size:13px}.hb-benefits__comparison-link{font-size:10px}.hb-benefits__grid{grid-template-columns:repeat(var(--hb-benefits-mobile-columns),minmax(0,1fr));border-radius:14px}.hb-benefit-card{min-height:180px;gap:10px;padding:var(--hb-benefits-mobile-card-padding-y) var(--hb-benefits-mobile-card-padding-x) calc(var(--hb-benefits-mobile-card-padding-y) + 2px)}.hb-benefit-card__icon-wrap{min-height:var(--hb-benefits-mobile-icon-size)}.hb-benefit-card__icon,.hb-benefit-card__icon-image{width:var(--hb-benefits-mobile-icon-size);height:var(--hb-benefits-mobile-icon-size)}.hb-benefit-card__icon{border-radius:4px}.hb-benefit-card__title{font-size:var(--hb-benefits-mobile-title-size)}.hb-benefit-card__body{font-size:var(--hb-benefits-mobile-body-size);line-height:1.5}}@media screen and (max-width:420px){.hb-benefit-card{min-height:165px}}.hb-benefits__comparison-link:focus-visible,.hb-benefit-card__link:focus-visible{outline:2px solid var(--hb-benefits-link);outline-offset:3px}@media(prefers-reduced-motion:reduce){.hb-benefit-card,.hb-benefits__comparison-link,.hb-benefit-card__link{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hb-benefits-grid.css.map */