.crew-section{position:relative;background:#191520;border-block:1px solid var(--line);overflow:clip}
.crew-wrap{padding-block:65px 34px}
.crew-heading{display:flex;align-items:flex-end;gap:36px;position:relative;margin-bottom:38px}
.crew-heading .eyebrow{color:var(--pink);font-size:10px;margin-bottom:12px}
.crew-heading h2{font-size:46px}
.crew-heading>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 3px}
.crew-stamp{margin-left:auto;align-self:center;border:1px solid #655176;color:var(--purple);padding:9px 12px;font:500 10px var(--display);letter-spacing:1.3px;transform:rotate(3deg);white-space:nowrap}
.crew-stamp>span{color:var(--pink);margin-right:6px}
.crew-roster{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:92px}
.crew-ampersand{position:absolute;left:50%;top:130px;transform:translateX(-50%);font:italic 130px/1 var(--serif);color:#87659b26;pointer-events:none}
.crew-member{min-width:0;--crew-accent:var(--purple)}
.crew-steven{--crew-accent:var(--cyan)}
.crew-portrait{height:390px;position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #574263;padding:13px 34px 0}
.crew-portrait:after{content:'';position:absolute;left:18%;right:18%;height:20px;bottom:-8px;border:1px solid #79618b55;border-radius:50%;background:#0d0b1366;z-index:-1}
.crew-portrait-backdrop{position:absolute;inset:14px 9% 28px;background:linear-gradient(165deg,#3b2a4655,#211a2c22);border:1px solid #67517255;transform:rotate(-5deg);z-index:-2}
.crew-portrait-backdrop:before{content:'';position:absolute;left:0;top:27px;width:100%;border-top:1px solid #67517233}
.crew-steven .crew-portrait{border-color:#395d64}
.crew-steven .crew-portrait-backdrop{transform:rotate(5deg);background:linear-gradient(195deg,#25434a66,#1a242b11);border-color:#56828a55}
.crew-portrait img{display:block;height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 14px #0005)}
.crew-player{position:absolute;left:18px;top:18px;font:500 9px var(--display);letter-spacing:2px;color:var(--crew-accent);writing-mode:vertical-rl;transform:rotate(180deg)}
.crew-art-star{position:absolute;right:20px;top:34px;font-size:38px;color:var(--crew-accent);z-index:1}
.crew-sticker{position:absolute;bottom:26px;left:15px;padding:7px 10px;border:1px solid #765389;background:#2b2038;color:#d9c2f4;font:500 9px var(--display);letter-spacing:.9px;transform:rotate(-5deg)}
.crew-steven .crew-sticker{left:auto;right:5px;transform:rotate(5deg);border-color:#41686e;background:#1b3036;color:#b1e9e8}
.crew-member-copy{padding-top:23px}
.crew-name-line{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.crew-name-line h3{font:500 35px/1.15 var(--display);letter-spacing:-1px;margin:0}
.crew-name-line>span{font:500 9px var(--display);letter-spacing:1.7px;color:var(--crew-accent)}
.crew-member-copy>p:not(.sr-only):not(.crew-look-error){font-size:14px;line-height:1.85;color:var(--muted);margin:15px 0 17px;max-width:460px;min-height:52px}
.crew-traits{display:flex;gap:12px;flex-wrap:wrap;list-style:none;padding:0;margin:0;color:var(--purple);font-size:12px;min-height:44px;align-items:center}
.crew-traits li+li:before{content:'✦';font-size:8px;color:#89659f;margin-right:12px}
.crew-look-picker{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.crew-picker-label{font:500 9px var(--display);letter-spacing:1.5px;color:var(--faint);margin-right:5px}
.crew-look-picker button{border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;min-height:44px;padding:8px 10px;border-radius:4px;transition:background .15s,color .15s,border-color .15s}
.crew-look-picker button:hover{color:var(--text);background:#24313a}
.crew-look-picker button[aria-pressed=true]{color:#c5f6f3;background:#22383d;border-color:#47727a}
.crew-look-picker button:focus-visible{outline-color:var(--cyan)}
.crew-look-error{color:var(--pink);font-size:12px;margin:10px 0 0}
.crew-steven .crew-portrait[data-look=powerup] .crew-portrait-backdrop{background:radial-gradient(ellipse,#18537466,transparent 75%);border-color:#498b9b66}
.crew-steven .crew-portrait[data-look=swordsman] .crew-portrait-backdrop{background:linear-gradient(170deg,#27536b55,#0c1b2522);border-color:#568fa466}
.crew-footnote{text-align:center;color:var(--muted);font:italic 16px var(--serif);margin:40px 0 0;padding-top:23px;border-top:1px solid var(--line)}
.crew-footnote>span{color:var(--pink);margin-right:8px;font-style:normal}
@media(max-width:1100px){.crew-roster{gap:54px}.crew-portrait{height:365px;padding-inline:22px}.crew-sticker{font-size:8px}.crew-heading{gap:26px}.crew-heading h2{font-size:42px}.crew-heading>p{font-size:13px}.crew-look-picker button{font-size:11px;padding-inline:8px}.crew-name-line{gap:14px}.crew-name-line>span{letter-spacing:1.2px}}
@media(max-width:820px){.crew-wrap{padding-top:50px}.crew-roster{gap:34px}.crew-heading{flex-wrap:wrap;gap:17px}.crew-heading h2{font-size:38px}.crew-heading>p{margin-left:auto}.crew-stamp{display:none}.crew-portrait{height:320px;padding-inline:8px}.crew-player{left:3px;font-size:8px}.crew-sticker{left:3px;font-size:7px;letter-spacing:.5px;padding:7px}.crew-steven .crew-sticker{right:0}.crew-art-star{right:6px;font-size:28px}.crew-ampersand{font-size:80px;top:125px}.crew-name-line h3{font-size:31px}.crew-member-copy>p:not(.sr-only):not(.crew-look-error){font-size:13px;min-height:72px}.crew-picker-label{width:100%;margin:0}.crew-look-picker{gap:2px}.crew-look-picker button{font-size:10px;padding-inline:7px}.crew-traits{font-size:11px;gap:9px}.crew-traits li+li:before{margin-right:9px}}
@media(max-width:600px){.crew-wrap{padding-block:45px 28px}.crew-heading{display:block;margin-bottom:30px}.crew-heading h2{font-size:38px}.crew-heading>p{font-size:14px;margin:15px 0 0;max-width:310px}.crew-heading>p br{display:none}.crew-roster{grid-template-columns:1fr;gap:40px}.crew-ampersand{display:none}.crew-portrait{height:360px;padding-inline:20px}.crew-portrait-backdrop{inset-inline:8%}.crew-player{left:9px;font-size:9px}.crew-art-star{right:13px;font-size:34px}.crew-sticker{left:8px;font-size:8px;padding:8px;letter-spacing:.8px}.crew-steven .crew-sticker{right:2px}.crew-name-line h3{font-size:34px}.crew-member-copy{padding-top:20px}.crew-member-copy>p:not(.sr-only):not(.crew-look-error){font-size:14px;min-height:0}.crew-picker-label{width:auto;margin-right:6px}.crew-look-picker{gap:4px}.crew-look-picker button{font-size:11px;padding-inline:9px}.crew-traits{font-size:12px;gap:12px}.crew-footnote{margin-top:30px;font-size:15px}}
@media(max-width:360px){.crew-portrait{height:320px}.crew-picker-label{width:100%;margin:0}.crew-look-picker{gap:2px}.crew-look-picker button{font-size:11px;padding-inline:8px}.crew-sticker{font-size:7px;letter-spacing:.4px}}
@media(prefers-reduced-motion:reduce){.crew-look-picker button{transition:none}}
