body.m-02 { --nav-w: 154px; --list-w: 268px; }
.m-02 .site-nav { padding: 32px 18px 22px; }
.m-02 .site-nav .brand { font-size: 17px; }
.m-02 .site-nav nav { margin-top: 38px; font-size: 9px; gap: 9px; }
.m-02 .list-head { padding: 26px 20px 16px; }
.m-02 .list-head h1 { font-size: 23px; }
.m-02 .list-head .kicker { font-size: 8px; }
.m-02 .item { grid-template-columns: 18px minmax(0,1fr); padding: 13px 20px; }
.m-02 .item-num { font-size: 7px; }
.m-02 .item-name { font-family: var(--sans); font-size: 11px; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; }
.m-02 .item-meta { display: none; }
.m-02 .item-mark { display: none; }
.m-02 .item.is-open { background: var(--brass); color: var(--ink); }
.m-02 .item.is-open .item-name, .m-02 .item.is-open .item-num { color: var(--ink); }
.m-02 .list-foot { padding: 12px 20px; }
.m-02 .detail { max-width: 1120px; padding: 0 0 70px; margin: 0; }
.m-02 .detail-head { padding: 38px 46px 20px; margin: 0; border-bottom: 1px solid var(--line); }
.m-02 .detail-head h2 { font-size: 52px; }
.m-02 .detail-sub { max-width: 54ch; }
.m-02 .detail-figure { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--line); background: var(--bg-2); }
.m-02 .detail-figure img, .m-02 .detail-figure .detail-cover { aspect-ratio: 2.05; }
.m-02 .detail-figure figcaption { padding: 9px 46px 12px; }
.m-02 .detail-body { padding: 24px 46px 0; grid-template-columns: 1.4fr .6fr; }
.m-02 .detail-foot { margin: 26px 46px 0; padding-bottom: 10px; }
.m-02 .empty-mark { font-size: 220px; }
@media (max-width: 860px) {
  .m-02 .detail { padding: 24px 20px 72px; }
  .m-02 .detail-head { padding: 0 0 16px; }
  .m-02 .detail-figure { margin: 0 0 20px; padding: 5px; border: 1px solid var(--line); }
  .m-02 .detail-figure img, .m-02 .detail-figure .detail-cover { aspect-ratio: 1.5; }
  .m-02 .detail-figure figcaption { padding: 8px 2px 0; }
  .m-02 .detail-body { padding: 0; grid-template-columns: 1fr; }
  .m-02 .detail-foot { margin: 24px 0 0; }
}