.work-overview-back{padding-top:30px;padding-bottom:28px;font-size:13px;color:var(--muted)}
.work-overview-back a:hover{color:var(--text)}
.work-overview{padding-bottom:30px}
.work-development{padding-top:64px;padding-bottom:64px}
.work-development-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px}
.work-development-heading h2{margin:0;font:clamp(32px,4vw,60px)/1.05 var(--display);letter-spacing:-2px;text-transform:uppercase}
.work-development-heading>p{max-width:420px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.work-development-rows{display:grid;gap:32px}
.work-development-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px;padding:24px;border:1px solid var(--line);border-radius:16px;background:rgba(12,12,12,.7)}
.work-development-image{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/9;gap:16px;padding:20px;border:1px dashed #444;border-radius:10px;background:linear-gradient(135deg,rgba(255,101,44,.05),transparent),#101010;text-align:center}
.work-development-image>span{color:#555;font:40px/1 var(--display)}
.work-development-image>p{margin:0;color:var(--muted);font-size:12px}
.work-development-image img{display:block;width:100%;height:auto;border-radius:10px}
.work-development-copy{padding:12px 16px}
.work-development-stage{margin:0 0 14px;color:var(--acid);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.work-development-copy h3{margin:0 0 18px;font:clamp(22px,2.2vw,32px)/1.15 var(--display);letter-spacing:-.7px}
.work-development-copy>p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.work-development-row--reverse .work-development-image{grid-column:2;grid-row:1}
.work-development-row--reverse .work-development-copy{grid-column:1;grid-row:1}
@media(max-width:900px){.work-development-heading{display:block}.work-development-heading>p{margin-top:20px}.work-development-row{gap:24px;padding:20px}.work-development-copy{padding:0}}
@media(max-width:640px){.work-development{padding-block:44px}.work-development-row{grid-template-columns:1fr;padding:16px;gap:24px}.work-development-row--reverse .work-development-image,.work-development-row--reverse .work-development-copy{grid-column:auto;grid-row:auto}.work-development-heading h2{letter-spacing:-1px}.work-development-rows{gap:24px}}
.work-trailer{padding-top:20px;padding-bottom:10px}
.work-trailer iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:16px;background:#080808}
.work-trailer>p{margin:12px 0 0;font-size:14px;color:var(--muted)}
.work-trailer-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/9;padding:24px;border:1px dashed #444;border-radius:16px;background:linear-gradient(135deg,rgba(255,101,44,.04),transparent),#101010;text-align:center}
.work-trailer-placeholder>span{font-size:60px;line-height:1;color:var(--acid)}
.work-trailer-placeholder h2{margin:18px 0 12px;font:clamp(20px,2.5vw,34px)/1.2 var(--display)}
.work-trailer-placeholder p{margin:0;color:var(--muted);font-size:14px}
.work-overview .work-facts dd{overflow-wrap:anywhere}
.work-trailer video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid var(--line);border-radius:16px;background:#080808}
@media(max-width:520px){.work-trailer video{border-radius:12px}}
.work-overview-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:stretch}
.work-overview-art{position:relative;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#080808}
.work-overview-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.work-overview-info{display:flex;min-width:0;flex-direction:column;gap:18px}
.work-overview-panel{padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(255,101,44,.035),transparent 55%),rgba(12,12,12,.8)}
.work-overview .work-platforms-detail{gap:16px;min-height:44px}
.work-overview .work-platforms-detail img{width:36px;height:36px}
.work-overview .work-facts{margin:22px 0 0}
.work-overview .work-facts div{font-size:11px;padding:12px 0;gap:16px}
.work-overview .responsibility-list{margin:24px 0 0}
.work-overview .responsibility-list li{min-height:76px;padding:22px 14px 20px 34px;font-size:12px;line-height:1.6}
.work-overview .responsibility-list li::before{left:13px;top:22px}
.work-overview-description{display:grid;gap:12px}
.work-overview-draft{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}
.work-overview-description p{margin:0;padding:16px 20px;border:1px solid #263541;border-left:2px solid var(--acid);border-radius:6px;background:#101c26;color:#bdc6cc;font-size:13px;line-height:1.75}
@media(max-width:1100px){.work-overview-grid{gap:22px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.work-overview-panel{padding:20px}}
@media(max-width:900px){.work-overview-grid{grid-template-columns:1fr;gap:26px}.work-overview-art{width:100%;max-width:540px;aspect-ratio:1/1;margin:auto}.work-overview-back{padding-top:24px;padding-bottom:24px}}
@media(max-width:520px){.work-overview-panel{padding:18px;border-radius:12px}.work-overview-art{border-radius:12px}.work-overview .responsibility-list{grid-template-columns:1fr}.work-overview .responsibility-list li{min-height:0;padding-block:16px}.work-overview .responsibility-list li::before{top:16px}.work-overview-description p{padding:14px 16px}.work-overview .work-facts div{flex-direction:row;align-items:baseline}.work-overview .work-facts dd{text-align:right}}
