.hb-bio-made{position:relative;padding:clamp(4.5rem,8vw,7.5rem) clamp(1.25rem,4vw,3.5rem);overflow:hidden;background-color:#5e6a3d} .hb-bio-made::before{position:absolute;top:50%;left:50%;z-index:0;content: "GERMANY";color:rgb(255 255 255 / 4.5%);font-size:clamp(8rem,22vw,24rem);font-weight:800;letter-spacing:-0.06em;line-height:0.8;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none} .hb-bio-made__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,0.9fr) minmax(24rem,1.1fr);width:min( 100%,87.5rem );margin-inline:auto;align-items:center;gap:clamp(3rem,7vw,7rem)} .hb-bio-made__visual{min-width:0} .hb-bio-made__eyebrow{display:flex;margin:0 0 1rem;align-items:center;gap:0.75rem;color:rgb(255 255 255 / 82%);font-size:0.8125rem;font-weight:700;letter-spacing:0.1em;line-height:1.4;text-transform:uppercase} .hb-bio-made__eyebrow::before{width:2.25rem;height:0.1875rem;flex:0 0 auto;content: "";background-color:#c88434;border-radius:999rem} .hb-bio-made__title{max-width:42rem;margin:0;color:#ffffff;font-size:clamp(3rem,6.5vw,6.5rem);font-weight:700;letter-spacing:-0.045em;line-height:0.95;text-wrap:balance} .hb-bio-made__country{display:flex;margin-top:clamp(1.75rem,3vw,2.5rem);align-items:center;gap:1rem} .hb-bio-made__flag-icon{display:block;width:4.75rem;height:auto;flex:0 0 auto;object-fit:contain} .hb-bio-made__country-text{color:rgb(255 255 255 / 84%);font-size:0.9rem;font-weight:700;letter-spacing:0.11em;line-height:1.3;text-transform:uppercase} .hb-bio-made__content{max-width:41rem} .hb-bio-made__text{margin:0;color:rgb(255 255 255 / 84%);font-size:clamp(1.025rem,1.35vw,1.16rem);line-height:1.75} .hb-bio-made__text + .hb-bio-made__text{margin-top:1.25rem} .hb-bio-made__claim{position:relative;margin:clamp(2rem,4vw,3rem) 0 0;padding:1.25rem 1.5rem 1.25rem 1.75rem;color:#ffffff;background:rgb(255 255 255 / 9%);border-left:0.25rem solid #c88434;border-radius:0 1rem 1rem 0;font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:700;line-height:1.45} @media (max-width:58rem){.hb-bio-made__inner{grid-template-columns:minmax(0,1fr);gap:2.75rem} .hb-bio-made__visual,.hb-bio-made__content{max-width:48rem} .hb-bio-made::before{top:30%}} @media (max-width:36rem){.hb-bio-made{padding:3.75rem 1rem} .hb-bio-made__title{font-size:clamp(2.75rem,14vw,4.25rem)} .hb-bio-made__country{gap:0.8rem} .hb-bio-made__flag-icon{width:4rem} .hb-bio-made::before{font-size:10rem;opacity:0.8}}