
/* Shared six-entry cover, also used by the replay selector. */
.story-hub{position:relative;background:#101f27;border-top:1px solid #ffffff16;padding:54px 0 30px}
.hub-heading,.hub-mode,.hub-note{max-width:1440px;margin:0 auto;padding:0 5vw}
.hub-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}
.hub-heading h2{font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-.03em;margin:14px 0}
.hub-heading p{color:#9caeb5;font-size:13px;line-height:1.9}
.hub-count{font-family:Georgia,serif;font-size:40px;color:#77949c;white-space:nowrap}
.hub-mode{display:flex;align-items:center;gap:18px;margin-top:15px;margin-bottom:26px}
.hub-mode>span{color:#8ba1aa;font-size:11px}
.hub-mode .mode-switch{margin-top:0}
.profiles{max-width:1440px;padding:0 5vw;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;overflow:visible}
.profile{display:block;text-align:left;width:100%;padding:0;aspect-ratio:.59;min-width:0;max-width:none;border-radius:12px;color:inherit;font:inherit;isolation:isolate}
.profile:after{pointer-events:none;inset:28% 0 0;background:linear-gradient(0deg,#061219 3%,#07141cdd 28%,transparent 100%)}
.profile>img{display:block;object-position:center top;filter:saturate(.9)}
.profile-info{left:13px;right:13px;bottom:14px;display:block}
.profile-info .name{font-size:21px;letter-spacing:-.035em}
.profile-info .age{font-size:10px;margin-left:5px}
.profile-info .occupation{display:block;min-height:25px;line-height:1.5;font-size:10px;margin:7px 0 5px}
.profile-line{display:block;font-size:11px;line-height:1.8;color:#c0d0d3;min-height:40px;margin:0 0 12px}
.profile-cta{display:block;width:100%;text-align:center;font-size:11px;line-height:1.5;border:1px solid #ffffff40;border-radius:6px;padding:9px 4px;background:#ffffff10}
.profile-story{border-color:#cfaf8a55}
.profile-story .profile-cta{background:#dcbd9d20;border-color:#dcbd9d80;color:#f5d7b8}
.profile-tag{position:absolute;top:14px;right:10px;font-size:9px;letter-spacing:.05em;background:#102329c9;padding:5px 6px;border:1px solid #fff3;border-radius:5px}
.hub-note{margin-top:25px;font-size:10px;line-height:1.8;color:#829aa3}
.casting .profiles{margin-bottom:35px}
@media(max-width:1000px){.profiles{grid-template-columns:repeat(3,minmax(0,1fr));max-width:850px;gap:18px}.profile{aspect-ratio:.72}.profile-info .name{font-size:24px}}
@media(max-width:600px){.story-hub{padding:36px 0 28px}.profiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px;scroll-snap-type:none}.profile{flex:none;aspect-ratio:.62;border-radius:10px}.profile-info{left:11px;right:11px;bottom:12px}.profile-info .name{font-size:20px}.profile-info .occupation{font-size:9px}.profile-line{font-size:10px;min-height:36px;line-height:1.65;margin-bottom:9px}.profile-cta{font-size:10px;padding:8px 3px}.profile-no{top:10px;left:10px;font-size:9px;padding:4px 6px}.profile-tag{top:10px;right:8px;font-size:8px;padding:4px}.hub-heading,.hub-mode,.hub-note{padding:0 18px}.hub-heading{align-items:flex-start;gap:10px}.hub-heading p{font-size:11px}.hub-count{font-size:22px;margin-top:30px}.hub-mode{display:block}.hub-mode>span{display:block;margin-bottom:10px}.hub-mode .mode-switch button{padding:8px 18px}.cast-intro h2{font-size:26px}}
@media(max-width:360px){.profiles{padding:0 12px;gap:10px}.profile{aspect-ratio:.54}.profile-info .name{font-size:18px}.profile-info{left:9px;right:9px}.profile-info .occupation{min-height:27px}.profile-line{min-height:43px}}
@media(prefers-reduced-motion:reduce){.profile{transition:none}.profile:hover{transform:none}}

