.hb-bio-benefits{padding:clamp(4.5rem,8vw,7.5rem) clamp(1.25rem,4vw,3.5rem);background:linear-gradient( 180deg,#f2eee9 0%,#f2eee9 100% )} .hb-bio-benefits__inner{width:min( 100%,87.5rem );margin-inline:auto} .hb-bio-benefits__header{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(20rem,1.2fr);align-items:end;gap:clamp(2rem,6vw,6rem);margin-bottom:clamp(2.75rem,5vw,4.5rem)} .hb-bio-benefits__heading{max-width:42rem} .hb-bio-benefits__eyebrow{margin:0 0 0.85rem;color:#555;font-size:0.8125rem;font-weight:700;letter-spacing:0.1em;line-height:1.4;text-transform:uppercase} .hb-bio-benefits__title{margin:0;color:#596044;font-size:clamp(2.25rem,4.2vw,4rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;text-wrap:balance} .hb-bio-benefits__intro{max-width:40rem;margin:0 0 0.2rem;color:#665f59;font-size:clamp(1.025rem,1.4vw,1.18rem);line-height:1.75} .hb-bio-benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem} .hb-bio-benefit{position:relative;min-width:0;padding:clamp(1.6rem,3vw,2.35rem);overflow:hidden;background:rgb(255 253 250 / 82%);border:0.0625rem solid rgb(106 117 74 / 15%);border-radius:1.35rem} .hb-bio-benefit__icon{display:flex;width:4.25rem;height:4.25rem;margin-bottom:1.35rem;align-items:center;justify-content:center} .hb-bio-benefit__icon img{display:block;width:100%;height:100%;object-fit:contain} .hb-bio-benefit__title{margin:0;color:#555555;font-size:clamp(1.2rem,1.65vw,1.45rem);font-weight:700;line-height:1.3} .hb-bio-benefit__text{margin:0.75rem 0 0;color:#716b65;font-size:clamp(0.975rem,1.15vw,1.05rem);line-height:1.65} .hb-bio-benefit::after{position:absolute;right:2rem;bottom:0;left:2rem;height:0.1875rem;content: "";background:linear-gradient( 90deg,transparent,rgb(106 117 74 / 28%),transparent )} @media (max-width:60rem){.hb-bio-benefits__header{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem} .hb-bio-benefits__intro{max-width:46rem} .hb-bio-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:36rem){.hb-bio-benefits{padding:3.75rem 1rem} .hb-bio-benefits__grid{grid-template-columns:minmax(0,1fr)} .hb-bio-benefit{padding:1.5rem} .hb-bio-benefit__icon{width:3.75rem;height:3.75rem;margin-bottom:1.15rem}}