.production-index-hero{padding-top:32px;padding-bottom:36px}
.production-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--muted)}
.production-breadcrumb a:hover{color:var(--ink)}
.marketing-site .production-index-hero h1{font-size:clamp(38px,6vw,80px);line-height:1.1;margin:28px 0 18px;max-width:1000px}
.production-index-hero>p{font-size:18px;line-height:1.5;max-width:630px}
.production-index-hero>.plain-link{margin-top:18px}
.production-index-list{padding-top:0}
.production-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;max-width:1100px}
.production-grid .production-card:nth-child(n){width:100%;margin:0;grid-column:auto}
.production-card .production-cover{display:flex;align-items:center;justify-content:center;position:relative;height:min(500px,58svh);min-height:0;padding:16px;background:#f5f5f5;border-radius:0;overflow:hidden}
.production-cover img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.production-card:hover .production-cover,.production-card:focus-within .production-cover{border-radius:0;outline:1px solid var(--brand);outline-offset:4px}
.production-card .work-meta{align-items:start}
.production-card .work-meta h3{font-size:26px;line-height:1.2}
.production-card .work-meta p{font-size:14px;line-height:1.5}
.production-card-open{display:grid;place-items:center;flex:none;width:44px;height:44px;font-size:24px}
.production-section .section-heading{flex-wrap:wrap;margin-top:0}
.production-section .plain-link,.production-index-hero .plain-link{font-size:14px}
@media(max-width:640px){.production-grid{grid-template-columns:minmax(0,1fr);gap:36px}.production-card .production-cover{height:min(450px,58svh)}.production-index-hero>p{font-size:16px}.production-index-hero{padding-top:24px}.production-section .section-heading{gap:20px}}

.work-grid .production-card:nth-child(n){width:100%;margin-top:0;grid-column:auto}
.production-index-hero>.production-total{font-size:14px;color:var(--muted);margin-top:22px}
@media(min-width:1150px){.production-index-list .production-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1400px;gap:56px 32px}.production-index-list .production-cover{height:min(380px,48svh)}.production-index-list .work-meta h3{font-size:24px}}