.hb-bio-generation{padding:clamp(4rem,7vw,7rem) clamp(1.25rem,4vw,3.5rem);background:linear-gradient( 180deg,#fcfaf7 0%,#faf8f5 100% )} .hb-bio-generation__inner{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(28rem,1.1fr);width:min( 100%,87.5rem );margin-inline:auto;align-items:start;gap:clamp(3rem,7vw,7rem)} .hb-bio-generation__copy{max-width:40rem} .hb-bio-generation__eyebrow{margin:0 0 0.8rem;color:#555;font-size:0.8125rem;font-weight:700;letter-spacing:0.1em;line-height:1.4;text-transform:uppercase} .hb-bio-generation__title{margin:0;color:#6d7254;font-size:clamp(2.1rem,4vw,3.6rem);font-weight:700;letter-spacing:-0.025em;line-height:1.05;text-wrap:balance} .hb-bio-generation__text{margin:1.5rem 0 0;color:#66615c;font-size:clamp(1.025rem,1.3vw,1.15rem);line-height:1.75} .hb-bio-generation__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem} .hb-bio-generation-item{position:relative;min-width:0;padding:clamp(1.5rem,3vw,2rem);background-color:#f3f1eb;border:0.0625rem solid rgb(106 117 74 / 12%);border-radius:1.25rem} .hb-bio-generation-item::before{display:block;width:2.75rem;height:0.25rem;margin-bottom:1.25rem;content: "";background-color:#6a754a;border-radius:999rem} .hb-bio-generation-item__title{margin:0;color:#555555;font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:700;line-height:1.3} .hb-bio-generation-item__text{margin:0.7rem 0 0;color:#77716a;font-size:0.975rem;line-height:1.6} @media (max-width:60rem){.hb-bio-generation__inner{grid-template-columns:minmax(0,1fr);gap:2.75rem} .hb-bio-generation__copy{max-width:48rem}} @media (max-width:36rem){.hb-bio-generation{padding:3.5rem 1rem} .hb-bio-generation__items{grid-template-columns:minmax(0,1fr)}}