.hf{--hf-ink:#f1e5f7;--hf-paper:#08060a;--hf-accent:#f0c1ff;position:relative;width:100%;max-width:740px;margin-inline:auto;color:var(--hf-ink);isolation:isolate;font-family:inherit}
.hf *,.hf *::before,.hf *::after{box-sizing:border-box}
.hf-canvas{display:block;width:100%;height:auto;overflow:visible}
.hf-construction{fill:none;stroke:currentColor;stroke-width:.75;opacity:.72;filter:drop-shadow(0 0 2px #cf74ed66)}
.hf-construction .hf-ring{stroke-width:.9}
.hf-figure{opacity:.94}
.hf-ghost{opacity:.68;transition:opacity .3s}
.hf[data-active-side="left"] .hf-ghost-left,.hf[data-active-side="right"] .hf-ghost-right{opacity:.23}
.hf-arm{transform-box:view-box;transform-origin:0 0;transition:transform .6s cubic-bezier(.2,.75,.2,1)}
.hf-hat-anchor{pointer-events:none}
.hf-accessory{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;opacity:0;pointer-events:none;filter:drop-shadow(0 0 3px #d394ed88);transition:opacity .25s}
.hf-accessory-fill{fill:var(--hf-paper)}
.hf[data-role="strategy"] .hf-strategy,.hf[data-role="product"] .hf-product,.hf[data-role="experiential"] .hf-experiential,.hf[data-role="production"] .hf-production{opacity:1}
.hf-label{position:absolute;z-index:4;border:0;background:var(--hf-paper);color:var(--hf-ink);font:inherit;font-size:clamp(12px,1.1vw,15px);line-height:1.25;letter-spacing:0;cursor:pointer;display:flex;gap:8px;align-items:center;padding:9px 10px;min-height:44px;text-align:left;transition:color .2s,background .2s}
.hf-label::before{content:"+";font-family:monospace;color:var(--hf-accent);font-size:17px;font-weight:400;transition:transform .3s}
.hf-label:hover,.hf-label:focus-visible,.hf-label[aria-pressed="true"]{color:#fff}
.hf-label:focus-visible{outline:2px solid var(--hf-accent);outline-offset:3px}
.hf-label[aria-pressed="true"]::before{transform:rotate(45deg)}
.hf-label-strategy{left:0;top:18%}.hf-label-product{right:0;top:18%}.hf-label-experiential{right:0;top:65%}.hf-label-production{left:0;top:65%}
.hf-role-note{margin:6px auto 0;min-height:60px;max-width:370px;text-align:center;font-size:14px;line-height:1.55;color:var(--hf-ink);opacity:1}
.hf-marker{fill:var(--hf-accent);transition:cx .6s cubic-bezier(.2,.75,.2,1),cy .6s cubic-bezier(.2,.75,.2,1)}
@media(max-width:600px){.hf-label{font-size:12px;padding:7px 5px;gap:4px;min-height:40px}.hf-label-experiential{right:-1%;max-width:115px}.hf-role-note{font-size:13px;min-height:52px;max-width:290px}}
@media(prefers-reduced-motion:reduce){.hf-arm,.hf-ghost,.hf-accessory,.hf-marker{transition:none}}