.hero{grid-template-columns:1fr 1.25fr;column-gap:44px}
.hero h1{font-size:clamp(34px,3.65vw,56px);line-height:1.35}
.hero-visual img{aspect-ratio:16/10;object-position:center}
.production-challenge{display:grid;grid-template-columns:.85fr 1.3fr;gap:56px;align-items:start;padding:44px 48px;background:#eae7df;color:#182022;scroll-margin-top:110px}
.production-challenge h2{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.4;font-weight:500;letter-spacing:-.025em;text-wrap:balance}
.production-challenge h2 span{display:block;color:#705a39;margin-top:12px}
.challenge-copy{min-width:0;max-width:65ch}
.production-challenge p{color:#424c4e;font-size:15px;line-height:1.95}
.production-challenge .challenge-lead{color:#182022;font-size:18px;font-weight:500;line-height:1.85;margin-bottom:18px}
@media(max-width:800px){.production-challenge{grid-template-columns:1fr;gap:24px;padding:30px 24px}.production-challenge h2{font-size:28px}.production-challenge h2 span br{display:none}.production-challenge .challenge-lead{font-size:17px}.production-challenge p{font-size:14px}}
.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.character-grid figure,.development-grid figure{min-width:0}
.character-grid img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#f2f2ef}
.character-grid figcaption,.development-grid figcaption{margin-top:12px;color:var(--muted);font-size:12px}
.development-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px}
.development-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}
@media(max-width:1100px){.hero{gap:28px}.hero h1{font-size:36px}.image-caption{flex-wrap:wrap}}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(32px,6vw,44px)}.character-grid{grid-template-columns:1fr;gap:26px}.character-grid img{max-height:340px}.development-grid{grid-template-columns:1fr;gap:26px;margin-top:32px}.development-grid img{aspect-ratio:16/9}.hero-visual img{aspect-ratio:16/9}.credits h2{font-size:22px}}