.category-header nav{gap:8px}
.category-header nav>a{flex:1 0 auto;min-height:56px;padding:10px 22px;justify-content:center;align-items:center;border-radius:8px}
@media(min-width:1700px){.category-header nav{gap:10px}.category-header nav>a{flex:1 1 0;min-width:0;padding:10px 8px}}
@media(max-width:1000px){.category-header nav>a{flex:0 0 auto;min-width:130px}}
.portfolio-main>.category-title{color:var(--orange);line-height:1.04;margin-bottom:28px}
.portfolio-main>.category-title>span{color:white;margin-top:8px;line-height:1.08}
.portfolio-main>.category-title>b.zh-text{color:var(--orange)}
.portfolio-main>.portfolio-grid{display:block;columns:3;column-gap:34px}
.portfolio-main>.portfolio-grid[data-category="drama"]{columns:2}
.portfolio-grid>.real-work-card{display:inline-block;width:100%;margin:0 0 34px;break-inside:avoid;vertical-align:top}
.portfolio-grid>.real-work-card .work-image{aspect-ratio:auto;height:auto;min-height:0}
.portfolio-grid>.real-work-card .work-image>img{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none}
.portfolio-grid>.real-work-card .work-hover-video{object-fit:contain}
@media(max-width:1000px){.portfolio-main>.portfolio-grid{columns:2;column-gap:24px}.portfolio-grid>.real-work-card{margin-bottom:24px}}
@media(max-width:560px){.portfolio-main>.portfolio-grid,.portfolio-main>.portfolio-grid[data-category="drama"]{columns:1}.portfolio-main>.category-title>span{margin-top:6px}}

.cover-directory .directory-cover>img{object-fit:cover!important;background:transparent!important}.arc-card span{display:block;opacity:1;left:8px;right:8px;bottom:10px;padding:9px 6px;border-radius:6px;text-align:center;background:#181410df;color:#ff8b43;font-size:14px;font-weight:700}.arc-card img{object-position:65% center}.arc-0{--x:-520px;--y:305px;--r:-57deg}.arc-1{--x:-420px;--y:170px;--r:-42deg}.arc-2{--x:-275px;--y:65px;--r:-25deg}.arc-3{--x:-95px;--y:10px;--r:-8deg}.arc-4{--x:95px;--y:10px;--r:8deg}.arc-5{--x:275px;--y:65px;--r:25deg}.arc-6{--x:420px;--y:170px;--r:42deg}.arc-7{--x:520px;--y:305px;--r:57deg}@media(max-width:1150px) and (min-width:701px){.arc-stage{transform:scale(.8);transform-origin:top center}}@media(max-width:700px){.arc-stage{height:auto;min-height:800px;transform:none}.arc-cards{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}.arc-card{position:relative;inset:auto;width:100%;height:150px;transform:none;border-radius:12px}.arc-card:is(:hover,:focus-visible){transform:translateY(-4px)}.arc-card span{font-size:12px}.arc-copy{position:relative;top:auto;padding:30px 0}.arc-copy .pill span{position:static}.showcase{min-height:0}}
/* Keep the two films side by side while preserving each cover's natural ratio. */
.portfolio-main>.portfolio-grid[data-category="drama"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;align-items:start;columns:auto}
.portfolio-main>.portfolio-grid[data-category="drama"]>.real-work-card{margin:0}
@media(max-width:560px){.portfolio-main>.portfolio-grid[data-category="drama"]{grid-template-columns:minmax(0,1fr);gap:24px}}