.bl-top{padding:calc(var(--sec) * .9) var(--pad) var(--sec);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,3vw,56px) clamp(32px,5vw,96px);display:grid}.bl-crumb{width:max-content;color:var(--ink-2);grid-column:1/-1;margin:0;font-size:15px;font-weight:500}.bl-crumb i{color:var(--ink);font-style:normal}.bl-title{font-size:var(--t-display);letter-spacing:-.052em;grid-column:1/-1;margin:0;font-weight:500;line-height:.94}.bl-lead{max-width:21em;font-size:var(--t-heading);letter-spacing:-.03em;grid-column:2;margin:0;font-weight:500;line-height:1.12}.bl-list{padding:0 var(--pad) var(--sec);margin:0;list-style:none}.bl-list>li+li{margin-top:clamp(56px,6vw,112px)}.bl-post{grid-template-columns:minmax(0,.9fr) minmax(0,1.7fr) minmax(0,1.1fr);grid-template-areas:"meta text cover";align-items:start;gap:20px clamp(24px,3vw,56px);padding-top:clamp(20px,1.8vw,32px);display:grid;position:relative}@media (hover:hover) and (pointer:fine){.bl-post{cursor:none}}.bl-rule{background:var(--line);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.bl-meta{color:var(--ink-2);flex-direction:column;grid-area:meta;gap:4px;margin:0;font-size:15px;font-weight:500;display:flex}.bl-no{font-variant-numeric:tabular-nums;color:var(--ink);margin-bottom:8px}.bl-text{grid-area:text}.bl-name{max-width:16em;font-size:var(--t-name);letter-spacing:-.035em;margin:0;font-weight:500;line-height:1.08}.bl-u{transition:background-size .8s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat}.bl-post:hover .bl-u{background-size:100% 2px}.bl-sum{max-width:26em;color:var(--ink-2);margin:clamp(14px,1.2vw,20px) 0 0;font-size:17px;line-height:1.4}.bl-cover{aspect-ratio:4/3;border-radius:var(--radius);background:var(--line);grid-area:cover;overflow:hidden}.bl-cover img{object-fit:cover;width:100%;height:100%;transition:scale 1.2s var(--ease);display:block}.bl-post:hover .bl-cover img{scale:1.06}@media (width<=900px){.bl-top{grid-template-columns:1fr}.bl-lead{grid-column:1}.bl-post{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"meta cover""text cover"}.bl-meta{flex-flow:wrap;gap:4px 14px}.bl-no{margin:0}}@media (width<=640px){.bl-title{font-size:11.4vw}.bl-post{grid-template-columns:1fr;grid-template-areas:"cover""meta""text";gap:16px}}