.quality{--hb-quality-color-bg:#665f59;--hb-quality-color-media-bg:#817970;--hb-quality-color-title:#ffffff;--hb-quality-color-intro:#fffdfa;--hb-quality-color-text:#e7e1dc;--hb-quality-color-accent:#f0c58d;--hb-quality-color-border:rgb(255 255 255 / 18%);--hb-quality-color-focus:#f0c58d;--hb-quality-container-width:87.5rem;--hb-quality-content-width:42.5rem;--hb-quality-inline-space:clamp(1.25rem,4vw,4rem);--hb-quality-block-space:clamp(4rem,8vw,7rem);--hb-quality-grid-gap:clamp(2.5rem,6vw,5rem);--hb-quality-radius-media:1.375rem;--hb-quality-shadow:0 1.25rem 3.125rem rgb(35 29 24 / 22%);--hb-quality-transition:color 200ms ease,background-color 200ms ease,border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease;position:relative;isolation:isolate;width:100%;max-width:100%;padding:var(--hb-quality-block-space) var(--hb-quality-inline-space);overflow:hidden;background:var(--hb-quality-color-bg)} .quality,.quality *,.quality *::before,.quality *::after{box-sizing:border-box} .quality img,.quality svg,.quality picture{display:block;max-width:100%} .quality a{-webkit-tap-highlight-color:transparent} .quality__inner{display:grid;width:100%;max-width:var(--hb-quality-container-width);margin-inline:auto;align-items:center;gap:var(--hb-quality-grid-gap)} .quality__content,.quality__media{min-width:0} .quality__content{width:100%;max-width:var(--hb-quality-content-width)} .quality__label{display:flex;margin:0 0 1rem;align-items:center;gap:0.8rem;color:var(--hb-quality-color-accent);font-size:0.8125rem;font-weight:600;line-height:1.35;letter-spacing:0.12em;text-transform:uppercase;overflow-wrap:break-word} .quality__label::before{width:2.5rem;height:0.0625rem;flex:0 0 2.5rem;content: "";background:currentColor} .quality__title{max-width:100%;margin:0;color:var(--hb-quality-color-title);font-size:clamp(2.15rem,5vw,4rem);font-weight:400;line-height:1.08;letter-spacing:-0.03em;overflow-wrap:break-word;text-wrap:balance} .quality__intro{margin:1.4rem 0 0;color:var(--hb-quality-color-intro);font-size:clamp(1.08rem,2.4vw,1.3rem);line-height:1.65;overflow-wrap:break-word} .quality__text{margin:1.15rem 0 0;color:var(--hb-quality-color-text);line-height:1.7;overflow-wrap:break-word} .quality__registered-mark{position:relative;top:-0.2em;font-size:0.65em;line-height:0} .quality__text a{color:var(--hb-quality-color-text);font-weight:500;text-decoration:underline;text-decoration-thickness:0.0625rem;text-underline-offset:0.2em} .quality__text a:hover{color:var(--hb-quality-color-accent)} .quality__text a:focus-visible,.quality__link:focus-visible{outline:0.1875rem solid var(--hb-quality-color-focus);outline-offset:0.25rem;border-radius:0.1875rem} .quality__link{display:inline-flex;max-width:100%;margin-top:1.8rem;align-items:center;gap:0.55rem;color:var(--hb-quality-color-title);font-weight:600;line-height:1.3;text-decoration:none} .quality__link-text{min-width:0;overflow-wrap:break-word} .quality__link-icon{flex:0 0 auto;color:var(--hb-quality-color-accent);font-size:1.25em;line-height:1;transition:transform 200ms ease} .quality__link:hover{color:var(--hb-quality-color-title);text-decoration:underline;text-decoration-thickness:0.08em;text-underline-offset:0.25em} .quality__link:hover .quality__link-icon{transform:translateX(0.1875rem)} .quality__media{overflow:hidden;background:var(--hb-quality-color-media-bg);border:0.0625rem solid var(--hb-quality-color-border);border-radius:var(--hb-quality-radius-media);box-shadow:var(--hb-quality-shadow)} .quality__media picture{width:100%} .quality__media img{width:100%;height:auto;object-fit:cover} @media (min-width:56.25rem){.quality__inner{grid-template-columns:minmax(0,1.05fr) minmax(23.75rem,0.95fr)}} @media (prefers-reduced-motion:reduce){.quality *,.quality *::before,.quality *::after{scroll-behavior:auto !important;transition-duration:0.001ms !important;animation-duration:0.001ms !important;animation-iteration-count:1 !important} .quality__link:hover .quality__link-icon{transform:none}} [data-contrast="high"] .quality{--hb-quality-color-bg:#000000;--hb-quality-color-media-bg:#000000;--hb-quality-color-title:#ffffff;--hb-quality-color-intro:#ffffff;--hb-quality-color-text:#ffffff;--hb-quality-color-accent:#ffffff;--hb-quality-color-border:rgb(255 255 255 / 65%);--hb-quality-color-focus:#ffffff} [data-font-size="large"] .quality{font-size:1.125rem}