.crew-page{background:linear-gradient(120deg,#0e1b30,#091423 65%,#08111e)}
.crew-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:27px;border-bottom:1px solid #7887a14d}
.crew-nav .text-link{border:0}
.crew-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%;padding-block:54px 44px;border-bottom:1px solid #7887a14d}
.crew-intro h1{font:500 clamp(58px,8vw,104px)/1.1 var(--type-display);letter-spacing:-.05em;background:linear-gradient(180deg,#fff,#c9d3e5 55%,#8897b0);background-clip:text;-webkit-background-clip:text;color:transparent}
.crew-intro .eyebrow{margin-bottom:13px}
.crew-intro>div:last-child>p{max-width:32ch;margin-bottom:22px;font-size:25px;color:#c0cbdd}
.crew-jumps{display:flex;gap:24px;flex-wrap:wrap;font:12px/1.6 var(--mono);color:#b6c4e9}
.crew-jumps a{border-bottom:1px solid #6f81a2}
.crew-section{padding-block:64px}
.crew-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
.crew-heading h2,.crew-background h2{font:500 clamp(27px,3.3vw,42px)/1.2 var(--type-display);letter-spacing:-.025em;margin:0}
.crew-heading .eyebrow{margin-bottom:12px}
.crew-heading>.meta{max-width:240px;text-align:right}
.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px}
.poster-open{display:block;position:relative;width:100%;aspect-ratio:2/3;padding:12px;background:linear-gradient(145deg,#1b2b45,#060d19);border:1px solid #69778e;box-shadow:inset 0 0 0 4px #0a1322,0 12px 24px #0003;transition:border-color .2s,transform .2s}
.poster-open>img{height:100%;width:100%;object-fit:contain}
.poster-open:hover{border-color:#c4d0e7;transform:translateY(-3px)}
.expand-mark{position:absolute;bottom:15px;right:15px;background:#071121de;border:1px solid #8393b2;padding:2px 9px;font:17px/1.5 var(--mono);color:#e8edfa}
.poster-card h3{font:500 clamp(24px,2.5vw,32px)/1.1 var(--type-literary);letter-spacing:-.01em;margin:18px 0 8px}
.poster-card .meta{color:#a8b8d1}
.crew-band{background:linear-gradient(110deg,#07101c,#0d1b2e 50%,#07101c);border-block:1px solid #6b7f9a44}
.brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.brand-tile{margin:0;min-width:0}
.brand-image{height:125px;background:linear-gradient(135deg,#e5e9ee,#c5cdd9);padding:20px;border:1px solid #a9b5c9;display:grid;place-items:center}
.brand-image img{width:100%;height:85px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;transition:filter .25s}
.brand-tile:hover img{filter:grayscale(0)}
.brand-tile figcaption{font:10px/1.5 var(--mono);color:#adbad0;padding:8px 2px 6px;letter-spacing:.015em}
.set-wall{columns:4;column-gap:12px}
.set-photo{display:block;position:relative;break-inside:avoid;width:100%;padding:0;background:#070e1b;border:1px solid #5b6d8655;margin-bottom:12px;overflow:hidden}
.set-photo img{width:100%;height:auto;transition:filter .2s}
.set-photo:hover img{filter:brightness(1.12)}
.set-photo span{position:absolute;bottom:7px;right:8px;background:#081222dc;font:16px/1.5 var(--mono);padding:0 6px;color:#d6e0f3}
.crew-background summary{cursor:pointer;display:flex;justify-content:space-between;gap:25px;align-items:center;list-style:none}
.crew-background summary::-webkit-details-marker{display:none}
.crew-background summary:focus-visible{outline:2px solid var(--accent);outline-offset:10px}
.crew-background .eyebrow{margin-bottom:10px}
.details-sign{font:32px/1 var(--mono);color:#b4c2df}
details[open] .details-sign{transform:rotate(45deg)}
.background-content{padding-top:36px}
.background-content>h3{font:500 29px var(--type-literary);margin:34px 0 18px}
.education-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px}
.education-grid .brand-image{height:150px}.education-grid .brand-image img{height:110px}
.crew-page footer{padding-bottom:95px}
.crew-page #media-dialog{width:min(1000px,94vw)}
.crew-page #media-body{display:flex;flex-direction:column;align-items:center;gap:12px}
.crew-page #media-body img{max-height:61dvh;max-width:100%;object-fit:contain;margin:auto}
.crew-page #media-body .meta{margin:0;text-align:center;max-width:65ch}
.crew-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font:11px/1.4 var(--mono)}
.crew-viewer-bar button{background:none;border:1px solid #687c9b;padding:8px 12px;font:12px/1.5 var(--mono)}
.crew-viewer-bar p{margin:0;color:#aabbd8}
@media(min-width:1600px){.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.poster-card h3{font-size:25px}.poster-open{padding:8px}}
@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.education-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-grid{gap:28px 20px}.set-wall{columns:3}.crew-intro{gap:8%}}
@media(max-width:600px){.crew-nav{padding-block:20px;gap:16px}.crew-nav .brand{font-size:22px}.crew-nav .text-link{font-size:10px;text-align:right}.crew-intro{grid-template-columns:1fr;gap:24px;padding-block:35px}.crew-intro>div:last-child>p{font-size:23px}.crew-section{padding-block:44px}.crew-heading{display:block;margin-bottom:24px}.crew-heading>.meta{text-align:left;max-width:none;margin-top:15px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.poster-open{padding:6px}.poster-card h3{font-size:24px;margin-top:13px}.poster-card .meta{font-size:10px}.expand-mark{bottom:8px;right:8px;font-size:13px;padding:1px 6px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.brand-image{height:95px;padding:12px}.brand-image img{height:70px}.brand-tile figcaption{font-size:9px}.education-grid{grid-template-columns:1fr}.education-grid .brand-image{height:130px}.education-grid .brand-image img{height:90px}.set-wall{columns:2;column-gap:9px}.set-photo{margin-bottom:9px}.crew-page .dialog-head{gap:15px}.crew-page .dialog-head h2{font-size:20px}.crew-page #media-body img{max-height:55dvh}.crew-viewer-bar button{font-size:10px;padding:7px}.crew-viewer-bar{font-size:10px}.crew-page footer{padding-bottom:90px}}
@media(forced-colors:active){.crew-intro h1{background:none;color:CanvasText}.brand-image img{filter:none;mix-blend-mode:normal}}
