.cp{--col:640px;--wide:960px;background:#fff;color:#111;font:400 17px/1.62 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.cp *{box-sizing:border-box}
.cp a{color:inherit}
.cp .kick{font:600 13px/1.4 Inter;color:#9a9a9a;letter-spacing:-.005em}
.cp .kick b{color:#ff4a1c;font-weight:600}
.cp h1{font:800 clamp(30px,4.4vw,52px)/1.04 Inter;letter-spacing:-.045em;margin:14px 0 0;text-wrap:balance}
.cp .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin:34px 0 0;padding:20px 0 0;border-top:1px solid #e8e8e8;font-size:14px;line-height:1.45}
.cp .facts dt{font:500 12px Inter;color:#9a9a9a;margin-bottom:3px}.cp .facts dd{margin:0}
.cp .roleline{margin:26px 0 0;font-size:17px;color:#444}
.cp .film{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#111;cursor:pointer;margin:0}
.cp .film img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.32,.72,0,1)}
.cp .film:hover img{transform:scale(1.015)}
.cp .film .pl{position:absolute;left:18px;bottom:16px;display:flex;align-items:center;gap:10px;color:#fff;font:600 14px Inter;text-shadow:0 1px 12px rgba(0,0,0,.4)}
.cp .film .pl i{width:44px;height:44px;border-radius:50%;background:#ff4a1c;display:grid;place-items:center;font-style:normal;text-shadow:none}
.cp .film .pl i:after{content:"";border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.cp .film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cp .beat{margin-top:84px}
.cp .lab{font:600 13px/1.3 Inter;color:#ff4a1c;letter-spacing:-.005em;display:block;margin-bottom:10px}
.cp h2{font:800 clamp(24px,2.6vw,32px)/1.12 Inter;letter-spacing:-.04em;margin:0 0 16px;text-wrap:balance}
.cp p{margin:0 0 16px;max-width:var(--col)}
.cp .pics{margin:36px 0 0;display:grid;gap:14px}
.cp .pics img{width:100%;height:auto;display:block;border-radius:4px;background:#f2f2f2}
.cp .pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.cp .note{padding:36px;border:1px dashed #d4d4d4;border-radius:6px;color:#9a9a9a;font-size:14px;text-align:center}
.cp .set{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.cp .set .film{aspect-ratio:9/12}.cp .set .film .pl{left:10px;bottom:10px;font-size:12px}.cp .set .film .pl i{width:30px;height:30px}.cp .set .film .pl i:after{border-left-width:9px;border-top-width:6px;border-bottom-width:6px;margin-left:3px}
.cp .res{margin-top:96px;padding-top:24px;border-top:2px solid #111}
.cp .figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px;margin:18px 0 10px}
.cp .fig b{display:block;font:900 clamp(40px,5.4vw,72px)/.9 Inter;letter-spacing:-.06em;color:#ff4a1c}
.cp .fig span{display:block;margin-top:10px;font-size:14.5px;line-height:1.4;color:#444;max-width:240px}
.cp .rnote{font-size:13px;color:#9a9a9a}
.cp .cred{margin-top:84px;padding-top:20px;border-top:1px solid #e8e8e8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;font-size:13.5px}
.cp .cred dt{font:500 12px Inter;color:#9a9a9a}.cp .cred dd{margin:2px 0 0}
.cp .next{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:60px 0 0;padding:26px 0 70px;border-top:1px solid #e8e8e8;text-decoration:none;cursor:pointer}
.cp .next .kick{display:block;margin-bottom:6px}.cp .next b{font:800 clamp(26px,3.4vw,42px)/1 Inter;letter-spacing:-.045em}.cp .next:hover b{color:#ff4a1c}
.cp .next em{font-style:normal;font-size:26px;color:#ff4a1c}
.cp .nw{white-space:nowrap}.cp .fig .nw{display:inline;margin:0;font:inherit;color:inherit;max-width:none;letter-spacing:inherit;white-space:nowrap}
.cp .fig{container-type:inline-size}.cp .fig b .nw{font-size:min(1em,29.5cqi)}.cp .next>span{text-wrap:balance}.cp .fig span{text-wrap:pretty}

.cp.A .cin{max-width:var(--col);margin:0 auto;padding:110px 22px 0}
.cp.A .wide{width:min(var(--wide),calc(100vw - 44px));margin-left:50%;transform:translateX(-50%)}
.cp.A .filmwrap{margin-top:46px}

.cp.B .cin{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;max-width:1240px;margin:0 auto;padding:110px 40px 0}
.cp.B .rail{position:sticky;top:40px;align-self:start;font-size:13.5px;line-height:1.45}
.cp.B .rail .facts{grid-template-columns:1fr;gap:12px;margin:0;border:0;padding:0}
.cp.B .toc{margin:30px 0 0;padding:16px 0 0;border-top:1px solid #e8e8e8;display:grid;gap:7px}
.cp.B .toc a{color:#9a9a9a;text-decoration:none;cursor:pointer;transition:color .2s}.cp.B .toc a.on{color:#111;font-weight:600}.cp.B .toc a.on:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff4a1c;margin:0 8px 2px 0}
.cp.B .main{max-width:760px}.cp.B .main>.facts{display:none}
.cp.B .filmwrap{margin-top:40px}

.cp.C .top{padding:120px 40px 0;max-width:1320px;margin:0 auto}
.cp.C h1{font:900 clamp(44px,8.4vw,128px)/.86 Inter;letter-spacing:-.07em;color:#ff4a1c;max-width:14ch}
.cp.C .one{font:500 clamp(18px,1.8vw,22px)/1.35 Inter;letter-spacing:-.02em;max-width:34ch;margin:28px 0 0;color:#111}
.cp.C .filmwrap{padding:46px 40px 0;max-width:1320px;margin:0 auto}
.cp.C .film{border-radius:8px}
.cp.C .cin{max-width:1320px;margin:0 auto;padding:0 40px}
.cp.C .facts{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:30px}
.cp.C .beat{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px}
.cp.C .beat .lab{padding-top:9px}
.cp.C .beat .pics{grid-column:2}
.cp.C .res,.cp.C .cred,.cp.C .next{margin-left:260px}
@media(max-width:860px){
 .cp{font-size:16px}
 .cp .facts{grid-template-columns:1fr 1fr}
 .cp.B .cin{grid-template-columns:1fr;gap:0;padding:90px 20px 0}.cp.B .rail{position:static}.cp.B .rail .facts,.cp.B .toc{display:none}.cp.B .main>.facts{display:grid}
 .cp.C .top,.cp.C .filmwrap,.cp.C .cin{padding-left:20px;padding-right:20px}.cp.C .facts{grid-template-columns:1fr 1fr}
 .cp.C .beat{grid-template-columns:1fr;gap:0}.cp.C .beat .pics{grid-column:1}.cp.C .res,.cp.C .cred,.cp.C .next{margin-left:0}
 .cp .set{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cp .cred{grid-template-columns:1fr 1fr}
}
.cp .hero{height:min(72vh,760px);overflow:hidden;background:#111}.cp .hero img{width:100%;height:100%;object-fit:cover;display:block}
.cp .hero+.cin{padding-top:56px}.cp.C .hero+.top{padding-top:64px}
.cp .toc a:empty{display:none}

.cp .facts.cr .crl{grid-column:1/-1}.cp .facts.cr .crl dd{color:#111}