/* Creators: reference-led cards, shared profiles and mobile stack. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#creators.spotlight{background:#000;padding:72px 5.2%;overflow:clip;--spot-ease:cubic-bezier(.22,1,.36,1)}
.spot-heading{display:flex;justify-content:space-between;gap:36px;margin-bottom:76px}
.spot-label{display:block;color:#ff3600;font:500 14px/1.4 'Blender Pro',monospace;letter-spacing:.1em;margin-bottom:24px}
.spot-heading h2{font-size:clamp(52px,6vw,88px);line-height:1.03;letter-spacing:.005em;margin:0}
.spot-heading h2>span{display:block;overflow:hidden}.spot-heading h2 b{display:block;font-weight:inherit}
.spot-intro{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-align:right;padding-top:44px;max-width:48%}
.spot-intro p,.spot-intro>span{font:500 14px/1.4 'Blender Pro',monospace;letter-spacing:.075em;margin:0;color:#999}
.spot-intro>span{color:#ff3600;margin-top:48px}
#creator-grid.spot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 14px;transition:filter 400ms ease,opacity 400ms ease}
.spot-card{position:relative;min-width:0;aspect-ratio:.9;border-radius:14px;isolation:isolate;transition:transform 250ms var(--spot-ease),opacity 250ms ease;outline:1px solid #ffffff0a}
.spot-card[hidden]{display:none!important}.spot-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#111;overflow:hidden;border-radius:inherit;text-align:left}
.spot-open>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--spot-ease)}
.spot-open::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000b 65%,#000);pointer-events:none}
.spot-view{position:absolute;right:8px;top:8px;z-index:2;display:grid;place-items:center;padding:7px 12px;border-radius:30px;background:#252525e8;color:#fff;font:700 10px/1 'Blender Pro',monospace;min-height:26px;white-space:nowrap;box-shadow:0 4px 18px #0002}
.spot-caption{position:absolute;left:12px;bottom:12px;right:126px;z-index:2;display:block;color:#faf9f6}
.spot-caption strong{display:block;font:700 clamp(18px,1.65vw,25px)/1.05 'Blender Pro',sans-serif;overflow-wrap:anywhere}
.spot-caption small{display:block;font:500 11px/1.2 'Blender Pro',monospace;color:#aaa;margin-top:4px}
.spot-card>.profile-like-button{position:absolute;z-index:3;right:8px;bottom:8px}
.spotlight:not(.spot-expanded) .spot-card:nth-child(n+5){opacity:.8}
.spot-more{display:flex;justify-content:center;margin-top:44px}
.spot-orange{position:relative;overflow:hidden;display:grid;place-items:center;background:#ff3600;color:#050505;border:0;border-radius:14px;min-height:64px;padding:16px 32px;font:700 30px/1 'Tyrant Headline','Arial Narrow',sans-serif;transition:transform 180ms var(--spot-ease);touch-action:manipulation}
.spot-orange::after{content:'';position:absolute;inset:-50% auto -50% -50%;width:30%;background:linear-gradient(90deg,transparent,#fff4,transparent);transform:skew(-20deg) translateX(-100%);pointer-events:none}
.spot-orange:active{transform:scale(.97)!important}
.spot-deck-wrap{display:none}
.spot-profile{position:relative;background:linear-gradient(150deg,#050505 60%,#151515);border:1px solid #292929;border-radius:20px;padding:22px;color:#fff;width:100%;overflow:hidden}
.spot-photo{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#151515}
.spot-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.spot-photo>span{position:absolute;top:18px;left:18px;color:#fff;font:500 12px/1.45 'Blender Pro',monospace;letter-spacing:.12em;text-shadow:0 1px 8px #0005}
.spot-profile[data-creator="SOYA"] .spot-photo>span{color:#151515;text-shadow:0 1px 2px #fff8}
.spot-identity{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:20px}
.spot-identity>div{min-width:0}.spot-identity h3{font:700 34px/1 'Blender Pro',sans-serif;margin:0;overflow-wrap:anywhere}.spot-identity p{font:500 16px/1.3 'Blender Pro',monospace;color:#929292;margin:5px 0 0;text-transform:uppercase}
.spot-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.spot-tags>span{display:inline-flex;align-items:center;min-height:30px;padding:6px 15px;border-radius:5px;border:1px solid #555;background:#333;color:#eee;font:500 12px/1.3 'Blender Pro',monospace;letter-spacing:.07em;text-transform:uppercase}
.spot-tags>.spot-executive{border-color:#773010;background:#421605;color:#ff4d19}
.spot-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:30px;min-height:48px}
.spot-socials{display:flex;flex-wrap:wrap;gap:7px}.spot-socials a{display:grid;place-items:center;width:48px;height:48px;border-radius:9px;background:#292929;position:relative;isolation:isolate;transition:transform 180ms ease}
.spot-socials a::before{content:'';position:absolute;inset:0;background:#ff3600;border-radius:inherit;opacity:0;z-index:-1;transition:opacity 180ms ease}.spot-socials img{width:25px;height:25px;object-fit:contain}.spot-socials a:active{transform:translateY(-3px)}.spot-socials a:active::before{opacity:1}
.spot-footer>small{font:500 10px/1.4 'Blender Pro',monospace;letter-spacing:.1em;color:#777;white-space:nowrap}
.spot-modal-open{overflow:hidden}#spot-dialog{width:min(570px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:0;background:transparent;overflow:visible;animation:none;color:#fff}
#spot-dialog::backdrop{background:#0005;backdrop-filter:none}.spot-dialog-card{max-height:calc(100svh - 32px);overflow:auto;border-radius:20px;scrollbar-width:none}.spot-dialog-card::-webkit-scrollbar{display:none}.spot-dialog-card .spot-photo{aspect-ratio:1}
.spot-profile-open .spot-grid{filter:blur(16px);opacity:.5}.spot-profile-open .spot-deck-wrap{filter:blur(16px);opacity:.5}
.spot-close{position:absolute;top:6px;right:6px;z-index:5;width:44px;height:44px;border-radius:50%;background:#141414e8;font:24px/1 Arial;color:#fff}
.spot-dialog-nav{position:absolute;top:50%;left:-56px;right:-56px;display:flex;justify-content:space-between;pointer-events:none}.spot-dialog-nav button,.spot-stack-tools button{pointer-events:auto;min-width:44px;min-height:44px;border:1px solid #444;background:#151515;color:#fff;border-radius:50%;font-size:20px}
.spotlight :focus-visible,#spot-dialog :focus-visible{outline:2px solid #ff3600;outline-offset:3px}
.spot-label,.spot-intro,.spot-heading h2 b{animation:spot-reveal 600ms var(--spot-ease) both;animation-play-state:paused}.spot-heading h2>span:nth-child(2) b{animation-delay:80ms}.spot-visible .spot-label,.spot-visible .spot-intro,.spot-visible .spot-heading h2 b{animation-play-state:running}
@keyframes spot-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.spot-grid:has(.spot-card:hover) .spot-card:not(:hover){opacity:.7}.spot-card:hover{box-shadow:0 0 0 1px #ff360066,0 8px 30px #ff360015;z-index:5}.spot-card:hover .spot-open>img{transform:scale(1.06)}.spot-socials a:hover{transform:translateY(-3px)}.spot-socials a:hover::before{opacity:1}.spot-orange:hover::after{animation:spot-sweep 550ms ease-out}.spot-open:active{transform:none}}
@keyframes spot-sweep{to{transform:skew(-20deg) translateX(650%)}}
.profile-like-button{position:relative;isolation:isolate;min-width:80px;width:max-content;min-height:44px;height:44px;padding:6px 9px;gap:6px;border:0;border-radius:22px;background:transparent;font-family:'Blender Pro',monospace}
.profile-like-button::before{content:'';position:absolute;z-index:-1;inset:7px 0;background:#414141;border:1px solid #777;border-radius:22px}
.profile-like-count{min-width:0;font-size:14px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.like-heart{width:17px;height:17px;flex:none;fill:#ff3600}.like-word{font-size:10px;letter-spacing:.04em}.like-particle{position:absolute;pointer-events:none;left:16px;top:12px;color:#ff3600;font-size:12px}
.profile-like-button.is-popping .like-heart{animation:heart-pop 300ms ease-out}@keyframes heart-pop{50%{transform:scale(1.35)}}
.member-like-row>.profile-like-button{min-width:64px}.member-like-row .like-word{display:none}
#management-grid .creator-caption::after{min-width:0;min-height:0;padding:7px 9px;border-radius:16px;font-size:10px}
@media(prefers-reduced-motion:reduce){.profile-like-button.is-popping .like-heart{animation:none}.like-particle{display:none}}
@media(max-width:767px){
 #creators.spotlight{padding:48px 5.2%;overflow:clip}.spot-heading{display:block;text-align:center;margin-bottom:68px}.spot-label,.spot-intro>span{display:none}.spot-heading h2{font-size:clamp(30px,8.7vw,64px);white-space:nowrap;line-height:1.1}.spot-heading h2>span{display:inline}.spot-heading h2>span+span::before{content:' '}.spot-heading h2 b{display:inline}.spot-intro{display:block;max-width:none;text-align:center;padding:0;margin-top:24px}.spot-intro p{font-size:clamp(10px,2.1vw,14px);line-height:1.5;letter-spacing:.07em}
 .spot-deck-wrap{display:block;position:relative;transition:filter 400ms ease,opacity 400ms ease}.spot-deck{position:relative;display:grid;perspective:1000px;touch-action:pan-y pinch-zoom;isolation:isolate}.spot-stack-card{grid-area:1/1;transform-origin:50% 0;transition:transform 600ms var(--spot-ease),filter 600ms ease,opacity 600ms ease;min-width:0}.spot-stack-card[data-depth="0"]{z-index:3;transform:none}.spot-stack-card[data-depth="1"]{z-index:2;transform:translateY(-14px) scale(.94);filter:brightness(.65) blur(1px)}.spot-stack-card[data-depth="2"],.spot-stack-card[data-depth="3"]{z-index:1;transform:translateY(-28px) scale(.88);filter:brightness(.4) blur(2px)}.spot-stack-card:not([data-depth="0"]){pointer-events:none}
 .spot-glows{position:absolute;inset:-40px -20px;pointer-events:none}.spot-glows i{position:absolute;inset:0;opacity:0;transition:opacity 600ms ease}
 .spot-profile{padding:14px;border-radius:16px}.spot-photo{border-radius:10px}.spot-photo>span{top:12px;left:12px;font-size:10px}.spot-identity{margin-top:14px}.spot-identity h3{font-size:26px}.spot-identity p{font-size:13px}.spot-tags{gap:6px;margin-top:15px}.spot-tags>span{font-size:10px;padding:6px 9px;min-height:26px}.spot-footer{margin-top:22px;gap:8px}.spot-socials a{width:44px;height:44px}.spot-socials img{width:24px;height:24px}.spot-footer>small{font-size:8px}
 .spot-stack-tools{display:flex;justify-content:center;gap:10px;margin-top:12px}.spot-stack-tools button{font:500 13px/1 'Blender Pro',monospace;border-radius:22px}.spot-stack-tools [data-stack-pause]{padding:0 12px}
 #creator-grid.spot-grid{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.spot-expanded #creator-grid.spot-grid{display:grid}.spot-expanded .spot-deck-wrap{display:none}.spot-expanded{padding-bottom:110px!important}.spot-card{aspect-ratio:.9;border-radius:12px}.spot-caption{left:8px;bottom:10px;right:78px}.spot-caption strong{font-size:18px}.spot-caption small{font-size:10px;margin-top:2px}.spot-view{font-size:8px;min-height:24px;padding:5px 8px;right:6px;top:6px}.spot-card>.profile-like-button{right:6px;bottom:2px;min-width:52px;padding:6px;gap:4px}.spot-card .like-word{display:none}.spot-card .like-heart{width:14px;height:14px}.spot-more{margin-top:20px}.spot-orange{width:100%;min-height:54px;font-size:26px;padding:14px 20px;border-radius:12px}.spot-expanded .spot-more{position:fixed;z-index:20;bottom:max(16px,env(safe-area-inset-bottom));left:5.2%;right:5.2%;margin:0}.spot-expanded .spot-more::before{content:'';position:absolute;inset:-20px -20px -30px;background:linear-gradient(transparent,#000 50%);z-index:-1;pointer-events:none}
 #spot-dialog{width:calc(100% - 28px)}.spot-dialog-card .spot-photo{max-height:none}.spot-dialog-nav{top:auto;bottom:8px;left:20px;right:20px;display:none}
}
@media(min-width:520px) and (max-width:767px){.spot-caption{bottom:12px;right:92px}.spot-caption strong{font-size:24px}.spot-caption small{font-size:12px}.spot-profile{padding:22px}.spot-identity h3{font-size:34px}.spot-tags>span{font-size:13px}.spot-footer>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.spotlight *,.spotlight *::before,.spotlight *::after,#spot-dialog *{animation:none!important;transition:none!important}.spot-label,.spot-intro,.spot-heading h2 b{opacity:1;transform:none}.spot-card{transform:none!important}.spot-card:hover .spot-open>img{transform:none}.spot-glows{display:none}}

.profile-like-count{position:relative;display:inline-block;min-width:5ch}.like-old-count{position:absolute;pointer-events:none;font-size:14px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.spot-photo[role="button"]{cursor:pointer}

.spot-socials img{filter:brightness(0) invert(1)}
.spot-tags>span.spot-title{background:#252525;border-color:#303030}
.spot-tags .spot-title:first-of-type{break-before:always}

@media(min-width:768px) and (max-width:1100px){.spot-card .like-word{display:none}.spot-card>.profile-like-button{min-width:66px;padding:6px;gap:4px}.spot-caption{right:82px;left:8px}.spot-caption strong{font-size:18px}.spot-caption small{font-size:10px}}

/* Shared portrait cards for staff and filtered members. */
#management-grid.spot-grid,#member-list.spot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 14px;transition:filter 400ms ease,opacity 400ms ease}
#management-grid .spot-caption{right:12px}#management-grid .spot-caption small{max-width:90%;line-height:1.35}
#management-grid .spot-card,#member-list .spot-card{--spot-ease:cubic-bezier(.22,1,.36,1)}
#management-grid .spot-open:focus-visible,#member-list .spot-open:focus-visible{outline:2px solid #ff3600;outline-offset:3px}
.spot-staff-card .spot-open>img{object-position:50% 25%}
#member-list .empty{grid-column:1/-1}
@media(max-width:767px){#management-grid.spot-grid,#member-list.spot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}}
@media(prefers-reduced-motion:reduce){#management-grid.spot-grid,#member-list.spot-grid{transition:none}#management-grid .spot-card,#member-list .spot-card{transition:none}}

.spot-footer[hidden]{display:none}

/* Preserve the original achievement and team-affiliation palette. */
.spot-tags>span.spot-title-gold{border-color:#d9ad35;color:#f3d36f;background:#2a210d}
.spot-tags>span.spot-title-silver{border-color:#b9c0c8;color:#dde1e5;background:#202429}
.spot-tags>span.spot-title-bronze{border-color:#b87333;color:#dda066;background:#2a190f}
.spot-tags>span.spot-title-pro{border-color:#2f2fe4;color:#a8a8ff;background:#151537}
.spot-tags>span.spot-title-combat{border-color:#ff3600;color:#ff7654;background:#2b130d}
.spot-tags>span.spot-title-nuke{border-color:#28b7a0;color:#6ee0cc;background:#0d2823}
.spot-tags>span.spot-title-executive{border-color:#ff3600;color:#ff9a80}
.spot-tags>span.spot-title-executive-neutral{border-color:#faf9f6;color:#faf9f6;background:#171717}
.spot-tags>span.spot-title-standard{border-color:#666;color:#d0d0d0}
.spot-dialog-card:focus{outline:none}
/* Consistent CTA geometry across the site; portrait cards retain their own shape. */
body :is(a.button,button:not(#music-toggle):not(.spot-open):not(.creator-profile-open):not(.member-row)),
body .spot-view,body .profile-like-button::before,
body .spot-socials a,body .profile-social-icons a,
body #management-grid .creator-caption::after{border-radius:12px!important}
body a.button{display:inline-flex;align-items:center;justify-content:center;text-align:center}
body .spot-orange{display:flex;align-items:center;justify-content:center;text-align:center}

/* Native browsing is confined to the collapsed mobile creator deck. */
.spot-swipe-hint{display:none}
@media(max-width:767px){
 #creators .spot-deck.spot-native-rail{display:flex;gap:14px;align-items:flex-start;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;perspective:none}
 #creators .spot-native-rail::-webkit-scrollbar{display:none}
 #creators .spot-native-rail>.spot-stack-card{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;transform:none;filter:none;opacity:1;transition:none;pointer-events:auto;z-index:auto}
 #creators .spot-swipe-hint{display:block;position:absolute;left:0;right:0;top:100%;margin:4px 0 0;text-align:center;color:#888;font:500 9px/12px 'Blender Pro',monospace;letter-spacing:.12em;pointer-events:none}
}