/* Whitman, as printed: the case study (site/whitman.html; his word, 2026-10-12: "I want to publish this on stanza so that
   user's can see the level of detail and exactness our platform supports"). The look's paper and type; each poem three
   ways side by side, before and now at one scale; one under another on a phone. */
.case-study{padding:0 var(--pad)}
.case-head{max-width:44rem; margin:0 auto; padding:clamp(90px,15vh,160px) 0 clamp(30px,6vh,60px)}
.case-head .kicker{display:block; margin:0 0 14px; font:600 .7rem/1 var(--plain, var(--text)); letter-spacing:.24em; text-transform:uppercase; color:var(--accent)}
.case-head h1{margin:0 0 18px; font:400 clamp(2.6rem,6vw,4.2rem)/1.02 var(--head, var(--display))}
.case-head .lede{margin:0 0 18px; font:400 clamp(1.2rem,2vw,1.45rem)/1.45 var(--text)}
.case-head .how{margin:0; font:400 1.05rem/1.55 var(--text); color:var(--soft)}
.case-study .case{max-width:1320px; margin:0 auto; padding:clamp(40px,7vh,80px) 0; border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
.case-study h2{margin:0 0 12px; font:400 clamp(1.5rem,2.6vw,2rem)/1.15 var(--head, var(--display))}
.case-study h2 .n{display:inline-block; min-width:1.4em; color:var(--accent); font-variant-numeric:lining-nums}
.case-study .what{max-width:44rem; margin:0 0 28px; font:400 1.05rem/1.55 var(--text)}
.case-study .three{display:grid; gap:clamp(16px,2.4vw,36px); align-items:start}
.case-study figure{margin:0}
.case-study figure img{display:block; width:100%; height:auto}
.case-study figure.page img{box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}
.case-study figcaption{margin-top:10px; font:600 .66rem/1 var(--plain, var(--text)); letter-spacing:.2em; text-transform:uppercase; color:var(--soft)}
.case-study figure.now figcaption{color:var(--accent)}
.case-study .sum{max-width:44rem; margin:0 auto; padding:clamp(50px,8vh,90px) 0 clamp(30px,5vh,50px); border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
.case-study .sum dl{display:grid; grid-template-columns:11rem minmax(0,1fr); gap:10px 22px; margin:18px 0 30px; font:400 1.05rem/1.55 var(--text)}
.case-study .sum dt{font:600 .7rem/2.1 var(--plain, var(--text)); letter-spacing:.16em; text-transform:uppercase; color:var(--soft)}
.case-study .sum dd{margin:0}
.case-study .close{margin:0; font:400 1.2rem/1.45 var(--text)}
.case-study .case-credit{max-width:44rem; margin:0 auto; padding:10px 0 clamp(50px,8vh,80px); font:400 .9rem/1.5 var(--text); color:var(--soft)}
@media (max-width:860px){
  .case-study .three{grid-template-columns:1fr !important}
  .case-study .sum dl{grid-template-columns:1fr; gap:2px}
  .case-study .sum dd{margin-bottom:12px}
}