.hb-quality{--hb-quality-bg:#f3f0ed;--hb-quality-content-width:100rem;--hb-quality-scroll-offset:8rem;--hb-quality-radius:1.25rem;--hb-quality-border:rgb(20 78 158 / 12%);--hb-quality-shadow:0 1.25rem 3.5rem rgb(44 36 29 / 8%);position:relative;overflow:clip;padding-block:clamp(4rem,7vw,7rem);padding-inline:clamp(1.25rem,4vw,3.5rem);background:var(--hb-quality-bg)} .hb-quality__inner{width:min( 100%,var(--hb-quality-content-width) );margin-inline:auto} .hb-quality__intro{margin-bottom:clamp(2.5rem,5vw,4.5rem)} .hb-quality__eyebrow,.hb-quality-item__eyebrow{margin:0 0 0.75rem;color:var(--color-primary,#144e9e);font-size:0.8125rem;font-weight:700;letter-spacing:0.08em;line-height:1.4;text-transform:uppercase} .hb-quality__title{max-width:52rem;margin:0;color:var(--color-text,#665f59);font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.05;text-wrap:balance} .hb-quality__lead{max-width:48rem;margin:1.5rem 0 0;color:var(--color-text-muted,#7a726a);font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.7} .hb-quality-nav{display:flex;flex-wrap:wrap;align-items:center;gap:0.875rem 1.25rem;width:100%;margin-top:2rem;padding:1rem 1.125rem;border:0.0625rem solid var(--hb-quality-border);border-radius:0.875rem;background:rgb(255 255 255 / 64%);box-shadow:0 0.75rem 2rem rgb(44 36 29 / 5%)} .hb-quality-nav__title{margin:0;color:var(--color-text,#665f59);font-weight:700} .hb-quality__items{display:grid;gap:clamp(1.5rem,3vw,2.5rem)} .hb-quality-item{scroll-margin-top:var(--hb-quality-scroll-offset);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,0.9fr);align-items:stretch;gap:0;min-height:27rem;overflow:hidden;border:0.0625rem solid var(--hb-quality-border);border-radius:var(--hb-quality-radius);background:linear-gradient( 135deg,rgb(255 255 255 / 94%),rgb(255 253 250 / 88%) );box-shadow:var(--hb-quality-shadow)} .hb-quality-item:nth-child(even){grid-template-columns:minmax(18rem,0.9fr) minmax(0,1.1fr)} .hb-quality-item:nth-child(even) .hb-quality-item__media{order:-1} .hb-quality-item:nth-child(even) .hb-quality-item__media{order:-1} .hb-quality-item__content{box-sizing:border-box;width:100%;padding:clamp(2rem,4vw,3.5rem);align-self:center} .hb-quality-item__title{margin:0;color:var(--color-text,#665f59);font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.1;text-wrap:balance} .hb-quality-item__text{max-width:36rem;margin:1.25rem 0 0;color:var(--color-text-muted,#7a726a);font-size:1.0625rem;line-height:1.75} .hb-quality-item__text-link{color:#7b736a;font-weight:600;text-decoration:none} .hb-quality-item__text-link:hover,.hb-quality-item__text-link:focus-visible{color:#7b736a;text-decoration:underline;text-underline-offset:0.18em} .hb-quality-item__actions{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.75rem} .hb-quality-item__media{min-width:0;min-height:100%} .hb-quality-item__image{display:block;width:100%;height:100%;min-height:27rem;object-fit:cover} .hb-quality__visually-hidden{position:absolute;width:0.0625rem;height:0.0625rem;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} @media (max-width:52rem){.hb-quality-item,.hb-quality-item:nth-child(even){grid-template-columns:minmax(0,1fr);min-height:0} .hb-quality-item__media,.hb-quality-item:nth-child(even) .hb-quality-item__media{order:-1} .hb-quality-item__content{padding:clamp(1.5rem,5vw,2.5rem)} .hb-quality-item__text{max-width:none} .hb-quality-item__image{width:100%;height:auto;min-height:0;aspect-ratio:16 / 9;object-fit:cover}} @media (max-width:36rem){.hb-quality{padding-inline:1rem} .hb-quality-nav{box-sizing:border-box;width:100%;align-items:stretch;flex-direction:column} .hb-quality-nav .hb-button-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:0.75rem} .hb-quality-nav .hb-button-simple{width:100%;min-width:0;padding-inline:0.75rem;white-space:normal} .hb-quality-nav .hb-button-simple:last-child:nth-child(odd){grid-column:1 / -1} .hb-quality-item{border-radius:1rem}}