/* /blog — the case studies the masthead does not show, on ink, laid out as a spread: one tall and two stacked beside
   it; a pair side by side; one alone as a wide spread. */
.blg-cs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,3vw,44px) var(--bdh-gap)}
.blg-cs__it{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;grid-column:8 / span 5}
.blg-cs__it--lead{grid-column:1 / span 7;grid-row:span 2}
/* one case study: picture and words side by side; two: a pair */
.blg-cs--1 .blg-cs__it--lead{grid-column:1 / -1;grid-row:auto}
.blg-cs--1 .blg-cs__a{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--bdh-gap);align-items:end}
.blg-cs--1 .blg-cs__it--lead .blg-cs__t{font-size:clamp(1.5rem,2.6vw,2.4rem)}
.blg-cs--1 .blg-cs__disc,.blg-cs--1 .blg-cs__measure{margin-left:calc((100% - var(--bdh-gap)) * 7 / 12 + var(--bdh-gap))}
.blg-cs--2 .blg-cs__it{grid-column:span 6;grid-row:auto}
.blg-cs--2 .blg-cs__it--lead .blg-cs__fig{aspect-ratio:16 / 10}
.blg-cs--2 .blg-cs__t,.blg-cs--2 .blg-cs__it--lead .blg-cs__t{max-width:28ch;font-size:clamp(1.22rem,1.75vw,1.62rem);line-height:1.16;letter-spacing:-.02em}
.blg-cs__a{display:flex;flex-direction:column;gap:18px;color:inherit}
.blg-cs__a::after{content:"";position:absolute;inset:0;z-index:1}
.blg-cs__a:focus-visible{outline:none}
.blg-cs__it:has(.blg-cs__a:focus-visible){outline:2px solid var(--blue);outline-offset:6px;border-radius:var(--r-lg)}
.blg-cs__fig{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--r-lg);background:var(--on-ink-card)}
.blg-cs__it--lead .blg-cs__fig{aspect-ratio:5 / 4}
.blg-cs__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--e)}
.blg-cs__it:hover .blg-cs__img{transform:scale(1.035)}
.blg-cs__no{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:var(--r-xs);background:var(--ink);color:var(--on-ink);font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.14em}
.blg-cs__body{display:flex;flex-direction:column;gap:10px}
.blg-cs__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-3)}
.blg-cs__meta span:first-child{color:var(--on-ink)}
.blg-cs__t{font-family:var(--f-h);font-size:clamp(1.12rem,1.45vw,1.36rem);font-weight:500;line-height:1.22;letter-spacing:-.016em;color:var(--on-ink)}
.blg-cs__it--lead .blg-cs__t{font-size:clamp(1.4rem,2.3vw,2.1rem);line-height:1.12;letter-spacing:-.024em;max-width:24ch}
.blg-cs__it:hover .blg-cs__t{text-decoration:underline;text-decoration-color:var(--on-ink-3);text-decoration-thickness:1px;text-underline-offset:5px}
.blg-cs__client{font-size:var(--t-sm);line-height:1.55;color:var(--on-ink-2)}
.blg-cs__dek{max-width:58ch;font-size:var(--t-body);line-height:1.65;color:var(--on-ink-2)}
.blg-cs--3 .blg-cs__it:not(.blg-cs__it--lead) .blg-cs__dek{display:none}
.blg-cs__disc{display:flex;flex-wrap:wrap;gap:6px}
.blg-cs__disc li{display:inline-flex;align-items:center;height:28px;padding:0 11px;border:1px solid var(--on-ink-line);border-radius:var(--r-pill);background:var(--on-ink-card);font-size:var(--t-xs);color:var(--on-ink-2)}
.blg-cs__measure{padding-top:12px;border-top:1px solid var(--on-ink-line);font-size:var(--t-xs);line-height:1.55;color:var(--on-ink-2)}
.blg-cs__mk{margin-right:.6em;font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-3)}
.blg-cs__more{font-family:var(--f);color:var(--on-ink-3)}

@media (max-width:860px){
  .blg-cs__it,.blg-cs__it--lead,.blg-cs--1 .blg-cs__it--lead,.blg-cs--2 .blg-cs__it{grid-column:1 / -1;grid-row:auto}
  .blg-cs--1 .blg-cs__a{display:flex}
  .blg-cs--1 .blg-cs__disc,.blg-cs--1 .blg-cs__measure{margin-left:0}
  .blg-cs__it--lead .blg-cs__fig{aspect-ratio:4 / 3}
}
@media (prefers-reduced-motion:reduce){.blg-cs__img{transition:none}.blg-cs__it:hover .blg-cs__img{transform:none}}