.hb-knowledge-hub{--hb-knowledge-bg:#fffdfa;--hb-knowledge-content-width:100rem;--hb-knowledge-radius:1.25rem;--hb-knowledge-border:rgb(20 78 158 / 12%);--hb-knowledge-shadow:0 1.25rem 3.5rem rgb(44 36 29 / 8%);background:var(--hb-knowledge-bg)} .hb-knowledge-hub__intro-shell{padding-block:clamp(2.5rem,4vw,4rem);padding-inline:clamp(1.25rem,4vw,3.5rem);background:linear-gradient(180deg,#f2efeb 0%,#f7f5f2 100%)} .hb-knowledge-hub__content{padding-block:clamp(3rem,5vw,5rem) clamp(4rem,7vw,7rem);padding-inline:clamp(1.25rem,4vw,3.5rem);background:#fffdfa} .hb-knowledge-hub__inner{width:min(100%,var(--hb-knowledge-content-width));margin-inline:auto} .hb-knowledge-hub__intro{max-width:60rem} .hb-knowledge-hub__eyebrow,.hb-knowledge-card__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-knowledge-hub__eyebrow{color:#c88434} .hb-knowledge-hub__title{max-width:54rem;margin:0;color:#144e9e;font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.05;text-wrap:balance} .hb-knowledge-hub__lead{max-width:52rem;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-knowledge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem)} .hb-knowledge-card{display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;border:0.0625rem solid var(--hb-knowledge-border);border-radius:var(--hb-knowledge-radius);background:linear-gradient(135deg,rgb(255 255 255 / 96%),rgb(255 253 250 / 90%));box-shadow:var(--hb-knowledge-shadow);transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease} .hb-knowledge-card:hover{border-color:rgb(20 78 158 / 28%);box-shadow:0 1.5rem 4rem rgb(44 36 29 / 12%);transform:translateY(-0.2rem)} .hb-knowledge-card__media-link{display:block;color:inherit;text-decoration:none} .hb-knowledge-card__media-link:focus-visible,.hb-knowledge-card__title-link:focus-visible,.hb-knowledge-card__action:focus-visible{outline:0.1875rem solid rgb(20 78 158 / 25%);outline-offset:0.1875rem;border-radius:0.1875rem} .hb-knowledge-card__media{position:relative;aspect-ratio:1400 / 930;overflow:hidden;background:linear-gradient(145deg,rgb(20 78 158 / 8%),rgb(200 132 52 / 10%))} .hb-knowledge-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform 300ms ease} .hb-knowledge-card:hover .hb-knowledge-card__image{transform:scale(1.025)} .hb-knowledge-card__placeholder{display:grid;place-items:center;width:100%;height:100%;color:rgb(102 95 89 / 55%);font-size:0.8125rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase} .hb-knowledge-card__content{display:flex;flex:1 1 auto;flex-direction:column;padding:clamp(1.35rem,2vw,1.75rem)} .hb-knowledge-card__title{margin:0;color:var(--color-text,#665f59);font-size:clamp(1.3rem,1.8vw,1.65rem);line-height:1.15;text-wrap:balance} .hb-knowledge-card__title-link{color:inherit;text-decoration:none} .hb-knowledge-card__title-link:hover{color:var(--color-primary,#144e9e);text-decoration:underline;text-decoration-thickness:0.08em;text-underline-offset:0.2em} .hb-knowledge-card__text{margin:1rem 0 0;color:var(--color-text-muted,#7a726a);line-height:1.65} .hb-knowledge-card__actions{display:grid;gap:0.35rem;margin-top:auto;padding-top:1.5rem} .hb-knowledge-card__action{display:inline-flex;align-items:center;gap:0.5rem;color:var(--color-primary,#144e9e);font-weight:700;line-height:1.3;text-decoration:none} .hb-knowledge-card__action:hover{color:#103f80;text-decoration:underline;text-decoration-thickness:0.08em;text-underline-offset:0.25em} .hb-knowledge-card__action--products{color:#ceaf8b} .hb-knowledge-card__action--products:hover{color:#c88434} @media (max-width:80rem){.hb-knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:64rem){.hb-knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:40rem){.hb-knowledge-hub__intro-shell,.hb-knowledge-hub__content{padding-inline:1rem} .hb-knowledge-grid{grid-template-columns:minmax(0,1fr)}} @media (prefers-reduced-motion:reduce){.hb-knowledge-card,.hb-knowledge-card__image{transition:none}}