:root{--hh-teal:#008C6E;--hh-orange:#E0651F;--hh-blue:#1E6FB5;--hh-plum:#B3357F;--hh-ink:#22201C;--hh-stone:#6B665C;--hh-rule:#DDD8CE}
.hhf{display:grid;grid-template-columns:0.85fr 1.35fr;gap:60px;align-items:start;font-family:var(--font-body--family)}
.hhf-aside{position:sticky;top:110px}
.hhf-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--hh-plum);margin:0 0 14px;font-weight:600}
.hhf-aside h2{font-family:var(--font-heading--family);font-size:clamp(25px,3vw,33px);line-height:1.15;letter-spacing:-.02em;color:var(--hh-ink);margin:0 0 14px;font-weight:500}
.hhf-aside p{font-size:15px;line-height:1.6;color:var(--hh-stone);margin:0 0 20px;max-width:38ch}
.hhf-cta{display:inline-block;background:var(--hh-plum);color:#FFF;font-size:14px;text-decoration:none;padding:12px 22px;border-radius:22px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}
.hhf-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(179,53,127,.26)}
.hhf-list{border-top:1px solid var(--hh-rule)}
.hhf-q{border-bottom:1px solid var(--hh-rule)}
.hhf-q summary{cursor:pointer;list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:19px 0;font-family:var(--font-heading--family);font-size:17px;line-height:1.35;color:var(--hh-ink);font-weight:500}
.hhf-q summary::-webkit-details-marker{display:none}
.hhf-q summary:hover{color:var(--hh-plum)}
.hhf-q summary:focus-visible{outline:2px solid var(--hh-plum);outline-offset:3px}
.hhf-q:nth-child(4n+1) .hhf-icon{background:var(--hh-teal)}
.hhf-q:nth-child(4n+2) .hhf-icon{background:var(--hh-orange)}
.hhf-q:nth-child(4n+3) .hhf-icon{background:var(--hh-blue)}
.hhf-q:nth-child(4n+4) .hhf-icon{background:var(--hh-plum)}
.hhf-icon{flex:0 0 22px;width:22px;height:22px;border-radius:50%;position:relative;margin-top:1px;transition:transform .25s ease}
.hhf-icon::before,.hhf-icon::after{content:"";position:absolute;background:#FFF;border-radius:1px}
.hhf-icon::before{left:6px;top:10.5px;width:10px;height:1.8px}
.hhf-icon::after{top:6px;left:10.1px;width:1.8px;height:10px}
.hhf-q[open] .hhf-icon{transform:rotate(45deg)}
.hhf-a{padding:0 40px 22px 0;font-size:15px;line-height:1.65;color:var(--hh-stone);max-width:64ch;margin:0}
.hhf-a a{color:var(--hh-teal)}
@media(prefers-reduced-motion:reduce){.hhf-icon,.hhf-cta{transition:none}}
@media(max-width:889px){.hhf{grid-template-columns:1fr;gap:32px}.hhf-aside{position:static}.hhf-a{padding-right:0}}