.curation-article{width:100%;max-width:1120px;margin:0 auto;padding:38px 0 72px;flex:1}
.article-breadcrumb{display:flex;align-items:center;justify-content:space-between;margin:52px 0 32px;font-size:12px}
.article-breadcrumb a{color:var(--ink);text-decoration:none}
.article-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.article-breadcrumb span{font-size:10px;letter-spacing:.12em;color:#587260}
.article-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:64px;align-items:center;margin-bottom:100px}
.article-kicker{font-size:12px;line-height:1.8;color:#587260;margin:0 0 22px}
.article-hero h1{font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:clamp(32px,4.5vw,52px);font-weight:400;line-height:1.3;letter-spacing:-.055em;padding:0;margin:0 0 24px;word-break:keep-all}
.article-deck{font-size:14px;line-height:1.8;word-break:keep-all;color:#587260;margin:0 0 22px}
.article-byline{font-size:11px;line-height:1.8;color:#587260;margin:0 0 32px}
.article-byline span{padding:0 6px}
.article-toc{display:flex;align-items:stretch;flex-direction:column;position:static;background:none;border:0;border-top:1px solid var(--line);padding:10px 0;gap:0;margin:0 0 22px}
.article-toc a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;color:var(--ink);font-size:12px;text-decoration:none}
.article-toc a:hover{text-decoration:underline;text-underline-offset:4px}
.article-toc span{font-size:14px;color:#587260}
.article-view-link{display:inline-flex;align-items:center;gap:18px;min-height:42px;padding:10px 14px;border:1px solid var(--line);color:var(--ink);font-size:11px;line-height:1.7;text-decoration:none}
.article-view-link:hover{border-color:var(--ink)}
.article-cover{margin:0}
.article-cover a{display:block}
.article-cover img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
.curation-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);align-items:center;gap:64px;padding:64px 0;border-top:1px solid var(--line);scroll-margin-top:28px}
.film-theme{display:flex;gap:18px;font-size:11px;line-height:1.8;color:#587260;margin:0 0 20px}
.film-theme span{font-variant-numeric:tabular-nums;letter-spacing:.08em}
.film-copy h2{font-size:clamp(24px,3vw,34px);font-weight:400;letter-spacing:-.045em;line-height:1.5;margin:0 0 10px;word-break:keep-all}
.film-director{font-size:12px;color:#587260;line-height:1.8;margin:0 0 30px}
.film-recommendation p{font-size:14px;line-height:2.1;color:var(--ink);margin:0 0 24px;word-break:keep-all}
.film-watch-link{display:inline-flex;gap:16px;align-items:center;min-height:36px;color:#587260;font-size:11px;text-underline-offset:5px}
.film-media{margin:0}
.film-media video{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#050505}
.film-media figcaption{font-size:10px;line-height:1.8;color:#587260;margin-top:10px}
.article-end{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding-top:28px}
.article-end p{font-size:11px;color:#587260;margin:0}
.article-end div{display:flex;gap:24px}
.article-end a{display:inline-flex;align-items:center;gap:12px;min-height:36px;font-size:11px;color:var(--ink);text-decoration:none}
.article-end a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:950px){.article-hero,.curation-film{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.article-toc{display:flex;position:static;width:auto}.article-deck{font-size:13px}.film-recommendation p{font-size:13px;line-height:2}}
@media(max-width:600px){
 .curation-article{padding:28px 0 48px}
 .article-breadcrumb{margin:38px 0 28px}
 .article-hero{grid-template-columns:1fr;gap:32px;margin-bottom:56px}
 .article-kicker{font-size:11px;margin-bottom:18px}
 .article-hero h1{font-size:34px;margin-bottom:18px}
 .article-byline{margin-bottom:26px}
 .article-cover{max-width:430px;width:100%;margin:0 auto}
 .curation-film{grid-template-columns:1fr;gap:28px;padding:40px 0;scroll-margin-top:24px}
 .film-theme{margin-bottom:14px}
 .film-copy h2{font-size:28px}
 .film-director{margin-bottom:22px}
 .film-recommendation p{font-size:13px;line-height:2}
 .film-recommendation br{display:none}
 .film-media{max-width:430px;width:100%;margin:0 auto}
 .article-end{align-items:flex-start;flex-direction:column;gap:12px}
 .article-end div{flex-wrap:wrap;gap:20px}
}
