.hf-creator{background:#f5f6f7;border-block:1px solid #e7e9eb;padding:30px 0 34px;color:#202425;scroll-margin-top:140px}
.hf-creator-heading{margin:0 0 20px}
.hf-creator-heading .eyebrow{margin:0 0 7px;color:#a94e00;font-size:10px;font-weight:650;letter-spacing:.13em}
.hf-creator-heading h2{margin:0;font-size:30px;font-weight:650;letter-spacing:-.04em;line-height:1.2}
.hf-creator-intro{margin:10px 0 0;font-size:14px;color:#5e6873}
.hf-creator-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,328px),328px));gap:24px;align-items:start}
.hf-creator-card{display:flex;flex-direction:column;min-width:0;max-width:328px;background:#fff;border:1px solid #dfe3e7;border-radius:12px;overflow:hidden}
.hf-creator-cover{display:block;min-width:0;background:#202425}
.hf-creator-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#202425}
.hf-creator-frame img{display:block;width:100%;height:100%;object-fit:contain}
.hf-creator-play{position:absolute;bottom:10px;left:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f58216;color:#202425;box-shadow:0 2px 8px #0003;transition:transform .16s ease}
.hf-creator-duration{position:absolute;bottom:10px;right:12px;padding:2px 5px;border-radius:3px;background:#202425e8;color:#fff;font-size:10px;font-weight:600;line-height:1.4}
.hf-creator-copy{padding:16px 18px 15px;min-width:0;display:flex;flex:1;flex-direction:column}
.hf-creator-byline{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.hf-creator-avatar{display:block;width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:cover}
.hf-creator-name{font-size:13px;font-weight:650;color:#202425;text-decoration:none;line-height:1.5}
.hf-creator-name:hover{text-decoration:underline;text-underline-offset:3px}
.hf-creator-meta{margin:1px 0 0;color:#66717a;font-size:11px;line-height:1.5}
.hf-creator-summary{margin:0;color:#58636d;font-size:14px;line-height:1.55}
.hf-creator-link{display:inline-flex;align-items:center;align-self:flex-start;gap:9px;min-height:44px;margin-top:5px;color:#a94e00;font-size:13px;font-weight:600;text-decoration:none}
.hf-creator-link:hover{text-decoration:underline;text-underline-offset:4px}
.hf-creator-context,.hf-creator-credit{margin:0;font-size:10px;line-height:1.5;color:#66717a}
.hf-creator a:focus-visible{outline:3px solid #a94e00;outline-offset:3px}
.hf-creator-cover:focus-visible{outline-offset:-4px}
.hf-creator-cover:hover .hf-creator-play{transform:scale(1.06)}
.hf-creator-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){.hf-creator{padding:26px 0 28px}.hf-creator-heading h2{font-size:27px}.hf-creator-heading{margin-bottom:16px}.hf-creator-list{grid-template-columns:minmax(0,328px)}}
@media(prefers-reduced-motion:reduce){.hf-creator-play{transition:none}.hf-creator-cover:hover .hf-creator-play{transform:none}}