.creators{padding:104px 0 80px;overflow:hidden;background:linear-gradient(#e5dac5ed,#e5dac5ed),url('assets/background.webp') center/1536px auto;color:#20180e}
.creator-caption{text-align:center;margin:0;padding:0 var(--page-gutter,7%);font-size:16px;line-height:1.5;font-weight:400;color:#20180e}
.creator-viewport{position:relative;overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab;padding:76px 0 60px;outline-offset:-6px;isolation:isolate}
.creator-viewport.dragging{cursor:grabbing}
.creator-track{display:flex;width:max-content;will-change:transform}
.creator-group{position:relative;display:flex;align-items:center;width:max-content;gap:28px;padding-right:28px}
.creator-card{position:relative;flex:none;display:block;width:clamp(238px,20vw,292px);aspect-ratio:9/16;overflow:hidden;border-radius:3px;background:#3c3226;color:#fff;transform:translateY(var(--offset)) rotate(var(--angle));isolation:isolate;user-select:none;-webkit-user-drag:none}
.creator-card>img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.035);transition:transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.creator-card>span{position:absolute;inset:auto 0 0;padding:64px 20px 22px;background:linear-gradient(transparent,rgba(0,0,0,.82));font-size:16px;font-weight:400;letter-spacing:-.015em;color:#fff;z-index:1}
.creator-card:hover>img{transform:scale(1.07) translateY(-3px)}
.creator-card:focus-visible{outline:3px solid #20180e;outline-offset:5px}
.creator-card.profile-only>img{object-fit:contain;padding:30px}
.creator-object{flex:none;position:relative;width:180px;align-self:center;z-index:3;transform:translateY(-55px)}
.creator-object img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transform:rotate(var(--object-angle));filter:drop-shadow(0 14px 12px #0004);transition:filter .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
.creator-object.low{transform:translateY(75px)}
.creator-object.overlap{width:162px;margin-left:-120px;margin-right:12px;align-self:flex-start;transform:translateY(-26px)}
.creator-object.overlap.low{align-self:flex-end;transform:translateY(-45px)}
.creator-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.creator-object:hover img{filter:drop-shadow(0 14px 12px #0004) brightness(1.18);transform:rotate(calc(var(--object-angle) + 4deg))}
@media(max-width:760px){.creators{padding:72px 0 45px}.creator-viewport{padding:60px 0 50px}.creator-group{gap:18px;padding-right:18px}.creator-card{width:68vw;max-width:270px;min-width:205px}.creator-card>span{font-size:15px;padding:55px 16px 18px}.creator-object{width:135px}.creator-object.overlap{width:125px;margin-left:-84px;margin-right:6px}.creator-object.low{transform:translateY(50px)}}
@media(prefers-reduced-motion:reduce){.creator-card>img,.creator-object img{transition:none}.creator-object:hover img{transform:rotate(var(--object-angle))}.creator-card:hover>img{transform:scale(1.035)}}

.reel-dialog>video,.reel-dialog>img{display:block;width:100%;height:calc(100% - 50px);max-height:none;object-fit:contain;background:#100d0a}