.hb-bio-ambassador{position:relative;padding:clamp(4.5rem,8vw,7.5rem) clamp(1.25rem,4vw,3.5rem);overflow:hidden;background:linear-gradient( 135deg,#fffdfa 0%,#f5f3ed 100% )} .hb-bio-ambassador::before{position:absolute;top:-12rem;right:-10rem;width:32rem;height:32rem;content: "";pointer-events:none;background:rgb(106 117 74 / 6%);border-radius:50%} .hb-bio-ambassador__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(22rem,0.9fr);width:min( 100%,87.5rem );margin-inline:auto;align-items:center;gap:clamp(3rem,7vw,7rem)} .hb-bio-ambassador__content{max-width:46rem} .hb-bio-ambassador__eyebrow{display:flex;margin:0 0 0.9rem;align-items:center;gap:0.75rem;color:#6a754a;font-size:0.8125rem;font-weight:700;letter-spacing:0.1em;line-height:1.4;text-transform:uppercase} .hb-bio-ambassador__eyebrow::before{width:2.25rem;height:0.1875rem;flex:0 0 auto;content: "";background-color:#c88434;border-radius:999rem} .hb-bio-ambassador__title{margin:0;color:#596044;font-size:clamp(2.75rem,5vw,5rem);font-weight:700;letter-spacing:-0.04em;line-height:0.98} .hb-bio-ambassador__role{margin:0.7rem 0 0;color:#c88434;font-size:clamp(1rem,1.35vw,1.15rem);font-weight:700;letter-spacing:0.08em;line-height:1.4;text-transform:uppercase} .hb-bio-ambassador__text{max-width:42rem;margin:clamp(1.5rem,3vw,2rem) 0 0;color:#665f59;font-size:clamp(1.025rem,1.35vw,1.16rem);line-height:1.75} .hb-bio-ambassador__quote{position:relative;max-width:42rem;margin:clamp(2rem,4vw,3rem) 0 0;padding:clamp(1.5rem,3vw,2rem) clamp(1.5rem,3vw,2.25rem);color:#596044;background-color:rgb(106 117 74 / 8%);border-left:0.25rem solid #6a754a;border-radius:0 1.25rem 1.25rem 0;font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:600;line-height:1.6} .hb-bio-ambassador__quote::before{position:absolute;top:-0.3rem;right:1.3rem;content: "“";color:rgb(106 117 74 / 13%);font-family:Georgia,serif;font-size:6rem;font-weight:700;line-height:1;pointer-events:none} .hb-bio-ambassador__media{position:relative;min-width:0} .hb-bio-ambassador__media::before{position:absolute;top:2rem;right:-1.5rem;bottom:-1.5rem;left:2rem;z-index:-1;content: "";background-color:#dfe3d5;border-radius:2.5rem 0.75rem 2.5rem 0.75rem} .hb-bio-ambassador__image{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:center top;border-radius:0.75rem 2.5rem 0.75rem 2.5rem;box-shadow:0 1.5rem 3.5rem rgb(60 62 49 / 13%)} .hb-bio-ambassador__badge{position:absolute;right:-1rem;bottom:2rem;max-width:15rem;padding:0.85rem 1.15rem;color:#ffffff;background-color:#6a754a;border-radius:0.8rem;box-shadow:0 0.75rem 2rem rgb(52 59 36 / 18%)} .hb-bio-ambassador__badge-name{display:block;font-size:1rem;font-weight:700;line-height:1.25} .hb-bio-ambassador__badge-role{display:block;margin-top:0.15rem;color:rgb(255 255 255 / 78%);font-size:0.75rem;font-weight:600;letter-spacing:0.05em;line-height:1.3;text-transform:uppercase} @media (max-width:58rem){.hb-bio-ambassador__inner{grid-template-columns:minmax(0,1fr);gap:3rem} .hb-bio-ambassador__media{order:-1;width:min( 100%,34rem );margin-inline:auto} .hb-bio-ambassador__content{max-width:48rem}} @media (max-width:36rem){.hb-bio-ambassador{padding:3.75rem 1rem} .hb-bio-ambassador__media{width:calc(100% - 1rem)} .hb-bio-ambassador__media::before{top:1rem;right:-0.75rem;bottom:-0.75rem;left:1rem;border-radius:1.75rem 0.6rem 1.75rem 0.6rem} .hb-bio-ambassador__image{border-radius:0.6rem 1.75rem 0.6rem 1.75rem} .hb-bio-ambassador__badge{right:-0.5rem;bottom:1.25rem;padding:0.7rem 0.9rem} .hb-bio-ambassador__quote::before{display:none}}