:root{--hh-teal:#008C6E;--hh-orange:#E0651F;--hh-blue:#1E6FB5;--hh-teal-t:#E6F4F0;--hh-orange-t:#FDF0E7;--hh-blue-t:#EAF1F9;--hh-ink:#22201C;--hh-stone:#6B665C;--hh-rule:#DDD8CE}
.hhb{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;font-family:var(--font-body--family)}
.hhb-card{border:1px solid var(--hh-rule);border-radius:12px;padding:32px 28px 30px;display:flex;flex-direction:column;border-top:5px solid var(--hh-rule)}
.hhb-card:nth-child(1){background:var(--hh-teal-t);border-color:var(--hh-teal);border-top-color:var(--hh-teal)}
.hhb-card:nth-child(2){background:var(--hh-orange-t);border-color:var(--hh-orange);border-top-color:var(--hh-orange)}
.hhb-card:nth-child(3){background:var(--hh-blue-t);border-color:var(--hh-blue);border-top-color:var(--hh-blue)}
.hhb-eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px;font-weight:700}
.hhb-card:nth-child(1) .hhb-eyebrow{color:var(--hh-teal)}
.hhb-card:nth-child(2) .hhb-eyebrow{color:var(--hh-orange)}
.hhb-card:nth-child(3) .hhb-eyebrow{color:var(--hh-blue)}
.hhb-card h3{font-family:var(--font-heading--family);font-size:clamp(20px,1.7vw,24px);line-height:1.18;letter-spacing:-.015em;color:var(--hh-ink);margin:0 0 14px;font-weight:500}
.hhb-card p{font-size:14.5px;line-height:1.55;color:var(--hh-stone);margin:0 0 14px}
.hhb-card p.hhb-lead{color:var(--hh-ink)}
.hhb-card p:last-child{margin-bottom:0}
.hhb-fig{margin:6px 0 18px}
.hhb-outer{position:relative;background:#FFF;border:2px solid var(--hh-orange);border-radius:8px;padding:26px 18px 16px}
.hhb-tag{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--hh-orange);position:absolute;top:9px;left:14px;font-weight:700}
.hhb-inner{border:2px solid var(--hh-teal);border-radius:6px;height:62px;position:relative}
.hhb-inner span{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--hh-teal);position:absolute;top:7px;left:11px;font-weight:700}
.hhb-entry{display:flex;align-items:center;gap:8px;margin-top:9px;color:var(--hh-blue)}
.hhb-arrow{width:2px;height:20px;background:var(--hh-blue);position:relative;flex:0 0 2px;margin-left:5px;border-radius:2px}
.hhb-arrow::before,.hhb-arrow::after{content:"";position:absolute;left:-3px;width:7px;height:7px;border-left:2px solid var(--hh-blue);border-top:2px solid var(--hh-blue)}
.hhb-arrow::before{top:0;transform:rotate(45deg)}
.hhb-arrow::after{bottom:0;transform:rotate(-135deg)}
.hhb-entry span{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}
.hhb-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px}
.hhb-mini{border-radius:8px;padding:14px 13px}
.hhb-mini--y{background:#FFF;border:2px solid var(--hh-teal)}
.hhb-mini--n{background:#FFF;border:2px dashed var(--hh-rule)}
.hhb-mini b{display:block;font-family:var(--font-heading--family);font-size:14.5px;font-weight:600;line-height:1.2;margin-bottom:6px;color:var(--hh-ink)}
.hhb-mini--n b{color:var(--hh-stone)}
.hhb-mini em{font-style:normal;font-size:12.5px;line-height:1.45;color:var(--hh-stone);display:block}
.hhb-slot{background:#FFF;border:2px dashed var(--hh-blue);border-radius:8px;padding:16px 18px;margin:4px 0 18px}
.hhb-slot span{display:block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--hh-blue);margin-bottom:5px;font-weight:700}
.hhb-slot strong{font-family:var(--font-heading--family);font-size:22px;font-weight:400;color:var(--hh-stone)}
@media(max-width:989px){.hhb{grid-template-columns:1fr;gap:16px}.hhb-card{padding:28px 24px}}