.hero-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;margin-top:-19px;margin-bottom:-19px}
.hero-topbar .eyebrow{min-width:0;line-height:1.7}
.creator-link{display:inline-flex;align-items:center;gap:12px;flex:none;color:var(--ink);text-decoration:none;border-radius:999px;outline-offset:6px}
.creator-avatar{display:block;width:56px;height:56px;flex:none;border-radius:50%;object-fit:cover;background:#f7f3ec;border:2px solid #ffffff26;box-shadow:0 0 0 4px #ffffff03;transition:border-color .25s,box-shadow .25s,transform .25s}
.creator-label{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.35;font-weight:500}
.creator-label small{font-size:12px;font-weight:400;letter-spacing:.06em;color:var(--muted)}
.creator-link:hover .creator-avatar,.creator-link:focus-visible .creator-avatar{border-color:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 9%,transparent);transform:translateY(-2px)}
.creator-link:hover .creator-label,.creator-link:focus-visible .creator-label{color:var(--accent)}
header h1{position:relative;width:fit-content;max-width:100%}
@media(hover:hover) and (pointer:fine){
  header h1::before,header h1::after{content:attr(data-glow) / "";position:absolute;inset:0;pointer-events:none;white-space:pre-line;color:transparent;-webkit-text-fill-color:transparent;background:radial-gradient(ellipse 180px 135px at var(--title-light-x,-400px) var(--title-light-y,-400px),#fffef5 0%,#fff5d8 24%,#ffddaa8c 48%,transparent 78%);background-clip:text;-webkit-background-clip:text;opacity:0;transition:opacity .4s}
  header h1::before{filter:blur(8px)}
  header.title-lit h1::after{opacity:1}
  header.title-lit h1::before{opacity:.45}
  .cute-edition header h1::before,.cute-edition header h1::after{background-image:radial-gradient(ellipse 180px 135px at var(--title-light-x,-400px) var(--title-light-y,-400px),#fff 0%,#f3eeff 24%,#c1c9ff8c 48%,transparent 78%)}
}
.motion-off .creator-avatar{transition:none;transform:none!important}
.motion-off header h1::before,.motion-off header h1::after{display:none}
@media(max-width:700px){.hero-topbar{gap:12px;min-height:44px;margin-top:-13px;margin-bottom:-13px}.creator-avatar{width:44px;height:44px}.creator-label{display:none}.hero-topbar .eyebrow{font-size:12px;letter-spacing:.17em}.creator-link{min-width:44px;min-height:44px}}