.hero-character{position:absolute;z-index:1;right:-64px;top:-242px;display:grid;gap:10px;width:184px;margin:0;padding:8px 8px 13px;border:1px solid #ffffffa6;border-radius:28px;background:#e2ddfdc9;box-shadow:0 12px 32px #10054d12,inset 0 0 0 1px #11111108;transform:rotate(5deg);text-align:left;backdrop-filter:blur(12px)}
.hero-character-portrait{position:relative;overflow:hidden;aspect-ratio:1;border:1px solid #11111108;border-radius:21px;background:#f6f5f3}
.hero-character-portrait img,.hero-character-portrait video{display:block;width:100%;height:100%;object-fit:cover}
.hero-character-portrait video{position:absolute;inset:0;opacity:0}
.hero-character-portrait video.is-playing{opacity:1}
.hero-character figcaption{display:flex;flex-direction:column;gap:3px;padding:0 7px;color:#111}
.hero-character figcaption span{font-size:10px;letter-spacing:.02em;color:#787673}
.hero-character figcaption strong{font-size:14px;font-weight:500;letter-spacing:-.3px}
.hero-character-playback{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #11111114;border-radius:50%;background:#ffffffed;color:#111;box-shadow:0 2px 8px #11111108;font-size:10px}
.hero-character-playback[hidden]{display:none}
.hero-character-playback:focus-visible{outline:2px solid #6f54b7;outline-offset:3px}
@media(min-width:1550px){.hero-character{right:-100px}}
@media(max-width:1100px){.hero-character{right:0;top:-208px;width:152px;border-radius:24px}.hero-character-portrait{border-radius:17px}.hero-character figcaption strong{font-size:12px}}
@media(max-width:760px){.hero-character{position:relative;top:auto;right:auto;grid-template-columns:64px 1fr;align-items:center;gap:9px;width:232px;margin:-25px auto 24px;padding:8px;border-radius:24px;transform:none}.hero-character-portrait{border-radius:17px}.hero-character figcaption{padding:0}.hero-character figcaption strong{font-size:14px}.hero-character-playback{right:2px;bottom:2px;width:23px;height:23px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-character-portrait video{display:none}.hero-character-playback{display:none}}