.phero[data-v-ad78deb3]{position:relative;isolation:isolate;overflow:clip}.phero__bg[data-v-ad78deb3]{position:absolute;inset:-10%;z-index:-2;background-size:cover;background-position:50%;filter:blur(46px) saturate(1.15) brightness(.5);transform:scale(1.1)}.phero__bg--grad[data-v-ad78deb3]{background:linear-gradient(135deg,hsl(var(--h,210),55%,30%),hsl(calc(var(--h, 210) + 50),60%,18%));filter:blur(40px) brightness(.7)}.phero__scrim[data-v-ad78deb3]{position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,color-mix(in oklab,var(--bg) 35%,transparent),var(--bg) 94%),linear-gradient(to right,color-mix(in oklab,var(--bg) 55%,transparent),transparent 60%)}.phero__inner[data-v-ad78deb3]{width:min(100% - var(--gutter) * 2,var(--content-max));margin:0 auto;padding-block:var(--space-m) var(--space-xl)}.phero__back[data-v-ad78deb3]{display:inline-flex;align-items:center;gap:.5em;font-size:var(--fs-sm);font-weight:500;color:var(--text-muted)}.phero__back[data-v-ad78deb3] svg{font-size:.85em}.phero__back[data-v-ad78deb3]:hover{color:var(--accent)}.phero__head[data-v-ad78deb3]{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-l);margin-top:var(--space-2xl)}.phero__avatar[data-v-ad78deb3]{flex-shrink:0;width:clamp(7.5rem,22vw,12.5rem);aspect-ratio:1;border-radius:var(--r-xl);overflow:hidden;display:grid;place-items:center;isolation:isolate;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,hsl(var(--h,210),55%,42%),hsl(calc(var(--h, 210) + 40),60%,32%))}.phero__avatar img[data-v-ad78deb3]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.phero__initial[data-v-ad78deb3]{color:#fff;font-size:var(--fs-3xl);font-weight:700;opacity:.9}.phero__meta[data-v-ad78deb3]{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;flex:1 1 20rem}.phero__eyebrow[data-v-ad78deb3]{display:inline-flex;align-items:center;gap:.5em;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted)}.phero__eyebrow[data-v-ad78deb3] svg{color:var(--accent)}.phero__name[data-v-ad78deb3]{font-size:clamp(2.6rem,1.4rem + 5vw,5rem);font-weight:700;line-height:.98;letter-spacing:-.035em;margin:0;text-wrap:balance}.phero__chips[data-v-ad78deb3]{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-2xs)}.phero__actions[data-v-ad78deb3]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s) var(--space-m);margin-top:var(--space-s)}.phero__foot[data-v-ad78deb3]{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-m) var(--space-l);margin-top:var(--space-xl);padding-top:var(--space-l);border-top:1px solid var(--border)}.phero__chips[data-v-ad78deb3] .chip{display:inline-flex;align-items:center;gap:.4em;padding:.35em .8em;font-size:var(--fs-xs);font-weight:500;background:color-mix(in oklab,var(--surface-2) 70%,transparent);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.phero__chips[data-v-ad78deb3] .chip svg{color:var(--text-dim)}.phero__chips[data-v-ad78deb3] .chip--accent{color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,transparent);border-color:color-mix(in oklab,var(--accent) 30%,transparent);text-transform:capitalize}.phero__chips[data-v-ad78deb3] .chip--accent svg{color:var(--accent)}.phero__chips[data-v-ad78deb3] .chip--muted{color:var(--text-dim)}.phero__actions[data-v-ad78deb3] .btn-listen{display:inline-flex;align-items:center;gap:.55em;padding:.7em 1.25em;border-radius:var(--r-pill);font-weight:600;background:var(--accent);color:var(--accent-ink,#fff);transition:filter var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.phero__actions[data-v-ad78deb3] .btn-listen:hover{filter:brightness(1.06);transform:translateY(-1px)}.phero__actions[data-v-ad78deb3] .btn-listen svg{width:18px;height:18px}.phero__actions[data-v-ad78deb3] .phero-link{display:inline-flex;align-items:center;gap:.45em;font-size:var(--fs-sm);font-weight:500;color:var(--text-muted)}.phero__actions[data-v-ad78deb3] .phero-link svg{color:var(--accent)}.phero__actions[data-v-ad78deb3] .phero-link:hover{color:var(--text)}.phero__actions[data-v-ad78deb3] .social-icons svg{width:20px;height:20px}