.hh-hc{padding:5rem 1.5rem}.hh-hc--dark{background-color:var(--color-black);color:var(--color-white)}.hh-hc--light{background-color:var(--color-white);color:var(--color-black)}.hh-hc--radius-top{border-top-left-radius:min(80px,10vw);border-top-right-radius:min(80px,10vw);overflow:hidden}.hh-hc--radius-bottom{border-bottom-left-radius:min(80px,10vw);border-bottom-right-radius:min(80px,10vw);overflow:hidden}.hh-hc__inner{margin:0 auto;max-width:1100px}.hh-hc__cards>*,.hh-hc__eyebrow,.hh-hc__heading,.hh-hc__intro{transition:opacity .6s cubic-bezier(.25,.8,.25,1),transform .6s cubic-bezier(.25,.8,.25,1)}.hh-hc__cards>*,.hh-hc__eyebrow,.hh-hc__heading,.hh-hc__intro{opacity:0;transform:translateY(24px)}.hh-hc.is-visible .hh-hc__cards>*,.hh-hc.is-visible .hh-hc__eyebrow,.hh-hc.is-visible .hh-hc__heading,.hh-hc.is-visible .hh-hc__intro{opacity:1;transform:none}.hh-hc.is-visible .hh-hc__heading{transition-delay:.16s}.hh-hc.is-visible .hh-hc__intro{transition-delay:.32s}.hh-hc.is-visible .hh-hc__cards>:first-child{transition-delay:.48s}.hh-hc.is-visible .hh-hc__cards>:nth-child(2){transition-delay:.64s}.hh-hc.is-visible .hh-hc__cards>:nth-child(3){transition-delay:.8s}@media (prefers-reduced-motion:reduce){.hh-hc__cards>*,.hh-hc__eyebrow,.hh-hc__heading,.hh-hc__intro{opacity:1;transform:none;transition:none}}.hh-hc__eyebrow{align-items:center;display:flex;font-size:var(--step--1);font-weight:700;gap:.6rem;letter-spacing:2px;margin:0 0 2.5rem;text-transform:uppercase}.hh-hc__eyebrow:before{background-color:currentColor;content:"";flex-shrink:0;height:7px;width:7px}.hh-hc__heading{
  /* !important: the core h2 { font-size: var(--step-4); } rule in
     _typography.css otherwise wins, same reason hh-pillar-stack.module's
     own heading needs it too. */font-size:var(--step-5)!important;line-height:1.1;margin:0 0 1.5rem;white-space:pre-line}.hh-hc__intro{font-size:var(--step-1)!important;line-height:1.6;margin:0 0 4rem;max-width:640px}.hh-hc__intro p{margin:0 0 1rem}.hh-hc__intro p:last-child{margin-bottom:0}.hh-hc__cards{display:grid;gap:1.5rem;grid-template-columns:repeat(var(--hh-hc-count,3),1fr)}@media (min-width:901px){.hh-hc__cards[style*="--hh-hc-count: 1"]{grid-template-columns:minmax(0,420px);justify-content:flex-start}}.hh-hc__card{border-radius:1.5rem;display:flex;flex-direction:column;min-height:420px;overflow:hidden;position:relative;text-decoration:none}.hh-hc__card--link{cursor:pointer}.hh-hc__card--text-white{color:var(--color-white)}.hh-hc__card--text-black{color:var(--color-black)}.hh-hc__card--link.hh-hc__card--text-white:focus,.hh-hc__card--link.hh-hc__card--text-white:hover{color:var(--color-white);text-decoration:none}.hh-hc__card--link.hh-hc__card--text-black:focus,.hh-hc__card--link.hh-hc__card--text-black:hover{color:var(--color-black);text-decoration:none}.hh-hc__card--gradient{background:radial-gradient(at center bottom,var(--color-sky-blue-25),var(--color-sky-blue-25),var(--color-sky-blue-75));border:1px solid var(--color-sky-blue-100)}.hh-hc__card--filled{background-color:var(--color-sky-blue-100);border:1px solid var(--color-sky-blue-100)}.hh-hc--green .hh-hc__card--gradient{background:radial-gradient(at center bottom,var(--color-sea-green-25),var(--color-sea-green-25),var(--color-sea-green-75));border:1px solid var(--color-sea-green-100)}.hh-hc--green .hh-hc__card--filled{background-color:var(--color-sea-green-100);border:1px solid var(--color-sea-green-100)}.hh-hc--purple .hh-hc__card--gradient{background:radial-gradient(at center bottom,var(--color-mountain-25),var(--color-mountain-25),var(--color-mountain-75));border:1px solid var(--color-mountain-100)}.hh-hc--purple .hh-hc__card--filled{background-color:var(--color-mountain-100);border:1px solid var(--color-mountain-100)}.hh-hc--coral .hh-hc__card--gradient{background:radial-gradient(at center bottom,var(--color-coral-25),var(--color-coral-25),var(--color-coral-75));border:1px solid var(--color-coral-100)}.hh-hc--coral .hh-hc__card--filled{background-color:var(--color-coral-100);border:1px solid var(--color-coral-100)}.hh-hc--mango .hh-hc__card--gradient{background:radial-gradient(at center bottom,var(--color-mango-25),var(--color-mango-25),var(--color-mango-75));border:1px solid var(--color-mango-100)}.hh-hc--mango .hh-hc__card--filled{background-color:var(--color-mango-100);border:1px solid var(--color-mango-100)}.hh-hc__card-text{padding:2rem 2rem 1rem;position:relative;z-index:1}.hh-hc__card-heading{font-size:var(--step-1);font-weight:700;margin:0 0 .5rem;text-transform:uppercase}.hh-hc__card-body{font-size:var(--step--1);line-height:1.5;opacity:.7}.hh-hc__card-body p{font-size:var(--step-0)!important;margin:0}.hh-hc__card-media{flex:1 1 auto;min-height:220px;overflow:hidden;position:relative}.hh-hc__card-media-image{display:block;height:120%;left:0;position:absolute;top:0;transform:translateY(15%);transition:transform .6s cubic-bezier(.22,1,.36,1);width:100%}.hh-hc__card:hover .hh-hc__card-media-image{transform:translateY(5%)}.hh-hc__card-media--contained{padding:0 1.5rem 1.5rem}.hh-hc__card-media--contained .hh-hc__card-media-image{object-fit:contain}.hh-hc__card-media--full-bleed .hh-hc__card-media-image{height:140%;left:50%;object-fit:cover;top:26%;transform:translateX(-50%) translateY(0);width:140%}.hh-hc__card:hover .hh-hc__card-media--full-bleed .hh-hc__card-media-image{transform:translateX(-50%) translateY(-40px)}@media (prefers-reduced-motion:reduce){.hh-hc__card-media-image,.hh-hc__card:hover .hh-hc__card-media-image{transform:translateY(15%);transition:none}.hh-hc__card-media--full-bleed .hh-hc__card-media-image,.hh-hc__card:hover .hh-hc__card-media--full-bleed .hh-hc__card-media-image{transform:translateX(-50%) translateY(0);transition:none}}@media (max-width:1100px){.hh-hc__cards[style*="--hh-hc-count: 4"]{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hh-hc__cards{grid-template-columns:1fr}.hh-hc__card{min-height:360px}.hh-hc__heading{font-size:var(--step-3)}}.hh-hc__card-text--testimonial{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;padding:2.5rem}@media (min-width:901px){.hh-hc__card--testimonial{grid-column:span 2}}.hh-hc__quote{border-left:none;font-family:Open Sauce One,sans-serif;font-size:var(--step-4);font-style:normal;font-weight:600;margin:0 0 1.5rem;padding-left:0;text-indent:-.45em}.hh-hc__quote p{font-size:inherit!important;font-style:inherit;line-height:1.3;margin:0}.hh-hc__person-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.hh-hc__person-identity{align-items:center;display:flex;gap:.75rem;min-width:0}.hh-hc__person-headshot{border:1px solid #000;border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.hh-hc__person{display:flex;flex-direction:column}.hh-hc__person-name{font-size:var(--step-1);font-weight:700}.hh-hc__person-title{font-size:var(--step-0);opacity:.7}.hh-hc__venue-logo{flex-shrink:0;height:auto;max-height:32px;max-width:110px;object-fit:contain;width:auto}.hh-hc__case-study-link{font-size:var(--step--1);font-weight:700;text-decoration:underline}@media (max-width:901px){.hh-hc__quote{font-size:var(--step-3)!important}.hh-hc__card-text--testimonial{padding:2rem 2rem 1.5rem}.hh-hc__person-identity{align-items:flex-start;flex-direction:column}.hh-hc__person-row{align-items:flex-end}}