/* Creator credit styling. */
.topbar-meta.creator-credit { display: flex; position: relative; flex: 0 1 auto; perspective: 700px; }
.creator-trigger { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 10px 13px; border: 1px solid #ffffffc0; border-radius: 14px; background: linear-gradient(145deg,#ffffff,#edf1f3); color: #416b78; font: inherit; letter-spacing: .015em; cursor: pointer; box-shadow: 3px 3px 9px #cbd5db80,-3px -3px 9px #fff; transition: color .2s,box-shadow .2s; }
.creator-trigger:focus-visible { outline: 2px solid #17647a; outline-offset: 4px; }
.creator-trigger:hover,.creator-credit.is-open .creator-trigger { color: #17647a; box-shadow: inset 2px 2px 5px #cbd5db90,inset -2px -2px 5px #fff; }
.creator-chevron { flex-shrink: 0; transition: transform .3s ease; }
.creator-credit.is-open .creator-chevron { transform: rotate(180deg); }
.creator-card { position: absolute; right: 0; top: calc(100% + 12px); width: min(290px,calc(100vw - 32px)); display: flex; align-items: center; gap: 15px; padding: 23px; border: 1px solid #fff; border-radius: 20px; background: linear-gradient(135deg,#f8fafb,#edf1f3); box-shadow: 9px 12px 25px #17374d24,inset 2px 2px 4px #fff,inset -2px -2px 4px #dce5ea; opacity: 0; visibility: hidden; transform-origin: top right; transform: translateY(-9px) rotateX(-12deg) scale(.96); transition: opacity .2s ease,transform .36s cubic-bezier(.22,1,.36,1),visibility .36s; pointer-events: none; }
.creator-card::before { content: ''; position: absolute; top: -15px; left: 0; right: 0; height: 16px; }
.creator-credit.is-open .creator-card { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) rotateX(0) scale(1); }
.creator-monogram { flex-shrink: 0; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: #fffbe0; color: #17647a; font-size: 19px; font-weight: 800; box-shadow: 3px 3px 7px #cbd5db80,-3px -3px 7px #fff; }
.creator-copy { display: grid; gap: 3px; letter-spacing: 0; }
.creator-label { font-size: 11px; font-weight: 600; color: #526979; }
.creator-copy strong { font-size: 17px; line-height: 1.3; color: #17374d; font-weight: 800; }
.creator-id { color: #17647a; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.creator-accent { position: absolute; bottom: 0; left: 24px; right: 24px; height: 3px; border-radius: 3px; background: linear-gradient(90deg,#2994b2 72%,#ffb400 72%); transform: scaleX(.25); transform-origin: left; transition: transform .45s ease; }
.creator-credit.is-open .creator-accent { transform: scaleX(1); }
@media(max-width:680px) { .topbar { gap: 10px; padding-inline: 14px; } .topbar .primary-brand-logo { max-width: min(38vw,163.3px); } .creator-trigger { padding: 8px 9px; font-size: 11px; gap: 4px; } .creator-card { padding: 19px; } }
@media(prefers-reduced-motion:reduce) { .creator-card,.creator-chevron,.creator-accent,.creator-trigger { transition: none; } .creator-card { transform: none; } }

/* Inline masked text reveal within the header. */
.topbar-meta.creator-credit { flex-direction: column; align-items: flex-end; gap: 0; perspective: none; }
.creator-trigger,.creator-trigger:hover,.creator-credit.is-open .creator-trigger { padding: 8px 0; border: 0; background: transparent; box-shadow: none; }
.creator-card { position: static; display: grid; grid-template-rows: 0fr; width: auto; gap: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; transform: none; opacity: 0; visibility: hidden; transition: grid-template-rows .5s cubic-bezier(.22,1,.36,1),opacity .3s,visibility .5s; }
.creator-card::before { content: none; }
.creator-copy { display: block; min-height: 0; overflow: hidden; text-align: right; }
.creator-reveal-text { display: block; font-size: 12px; line-height: 1.5; color: #17374d; transform: translateY(110%); clip-path: inset(0 100% 0 0); transition: transform .55s cubic-bezier(.22,1,.36,1),clip-path .65s cubic-bezier(.22,1,.36,1); }
.creator-reveal-text strong { font-size: inherit; font-weight: 800; }
.creator-reveal-line { display: block; height: 2px; margin-top: 5px; background: linear-gradient(90deg,#2994b2 80%,#ffb400 80%); transform: scaleX(0); transform-origin: left; transition: transform .65s cubic-bezier(.22,1,.36,1); }
.creator-credit.is-open .creator-card { grid-template-rows: 1fr; transform: none; opacity: 1; visibility: visible; }
.creator-credit.is-open .creator-reveal-text { transform: translateY(0); clip-path: inset(0 0 0 0); }
.creator-credit.is-open .creator-reveal-line { transform: scaleX(1); }
@media(max-width:680px) { .topbar .primary-brand-logo { max-width: min(34vw,150px); } .creator-trigger { font-size: 11px; min-height: 32px; } .creator-reveal-text { font-size: 10px; max-width: 185px; } }
@media(prefers-reduced-motion:reduce) { .creator-card,.creator-reveal-text,.creator-reveal-line { transition: none; } }