/* Working proof: scoped additions to the current Corner Post system. */
.cp-case { --case-stage:#202d38; }
.cp-case--liliths-eden { --case-stage:#253e32; }
.cp-case a:focus-visible, .work-grid--expanded a:focus-visible { outline:3px solid var(--orange); outline-offset:6px; }
.cp-case__intro { padding:clamp(128px,11vw,170px) 0 54px; }
.cp-case__crumb { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:30px; font-family:var(--mono); text-transform:uppercase; font-size:12px; letter-spacing:.1em; }
.cp-case__crumb a { text-decoration:underline; text-underline-offset:4px; }
.cp-case__crumb span { color:var(--muted); }
.cp-case__title { font-family:var(--display); font-size:clamp(60px,9.5vw,136px); font-weight:400; line-height:.98; letter-spacing:-.025em; text-transform:uppercase; max-width:1120px; margin:0; }
.cp-case__title span { display:block; }
.cp-case__intro-bottom { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:clamp(32px,8vw,120px); margin-top:34px; align-items:end; }
.cp-case__lede { max-width:720px; font-size:clamp(18px,1.6vw,23px); line-height:1.6; margin:0 0 24px; }
.cp-case__actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.cp-case__actions .cta { white-space:normal; }
.cp-case__ledger { margin:0; font-size:14px; }
.cp-case__ledger div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:18px; padding:12px 0; border-top:1px solid var(--line); }
.cp-case__ledger dt { color:var(--muted); }
.cp-case__ledger dd { margin:0; font-weight:600; line-height:1.5; }
.cp-case__stage { background:var(--case-stage); color:var(--paper); padding:32px 0 40px; }
.cp-case__screen-label { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; margin:0 0 18px; font-family:var(--mono); font-size:11px; letter-spacing:.09em; text-transform:uppercase; color:#cedbd6; }
.cp-case__screen { margin:0; }
.cp-case__screen img { display:block; width:100%; height:auto; border:1px solid #ffffff26; }
.cp-case__screen figcaption { margin-top:16px; color:#d5e1dc; font-size:13px; line-height:1.6; max-width:780px; }
.cp-case__story { padding:clamp(56px,7vw,104px) 0; }
.cp-case__story-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,8vw,120px); margin-bottom:52px; align-items:start; }
.cp-case__heading { font-family:var(--display); font-weight:400; font-size:clamp(36px,4.3vw,60px); line-height:1.08; text-transform:uppercase; margin:10px 0 0; max-width:640px; text-wrap:balance; }
.cp-case__body { font-size:17px; line-height:1.8; color:#40584e; }
.cp-case__body p { margin:0 0 16px; }
.cp-case__body p:last-child { margin-bottom:0; }
.cp-case__decisions { padding:0; margin:0; list-style:none; counter-reset:decisions; }
.cp-case__decision { counter-increment:decisions; display:grid; grid-template-columns:56px minmax(0,1fr) minmax(0,1.2fr); gap:24px; padding:30px 0; border-top:1px solid var(--line); align-items:start; }
.cp-case__decision::before { content:'0' counter(decisions); font-family:var(--mono); color:var(--orange); font-size:13px; padding-top:6px; }
.cp-case__decision h3 { margin:0; font-size:22px; line-height:1.35; font-weight:700; max-width:320px; }
.cp-case__decision p { margin:0; color:#40584e; font-size:16px; line-height:1.75; }
.cp-case__detail { background:var(--ink); color:var(--paper); padding:clamp(48px,6vw,88px) 0; }
.cp-case__detail-head { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,8vw,120px); align-items:end; margin-bottom:32px; }
.cp-case__detail .eyebrow { color:#b9cec2; }
.cp-case__detail .cp-case__heading { max-width:600px; }
.cp-case__detail-copy { font-size:17px; line-height:1.8; color:#d2ded7; }
.cp-case__detail-copy p { margin:0 0 20px; }
.cp-case__text-link { display:inline-flex; align-items:center; gap:12px; color:var(--amber); font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.cp-case__text-link svg { width:18px; height:18px; flex:none; }
.cp-case__next { padding:40px 0; border-bottom:1px solid var(--line); }
.cp-case__next a { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.cp-case__next-label { font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:8px; }
.cp-case__next-name { font-family:var(--display); font-size:clamp(30px,3.5vw,48px); text-transform:uppercase; line-height:1.15; }
.cp-case__next svg { width:32px; height:32px; flex:none; }
.work-grid--expanded .work-card:nth-child(n) { grid-column:span 2; }
.work-grid--expanded .work-card.bezel { display:flex; }
.work-grid--expanded .work-card:nth-child(-n+2), .work-grid--expanded .work-card:nth-last-child(-n+2) { grid-column:span 3; }
.work-grid--expanded .work-card--new .work-card__t { min-height:1.1em; font-size:clamp(30px,2.6vw,40px); }
.work-grid--expanded .work-card--new .work-card__d { min-height:4.8em; }
@media (max-width:1023px) {
  .work-grid--expanded { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .work-grid--expanded .work-card:nth-child(n) { grid-column:auto; }
  .work-grid--expanded .work-card:last-child { grid-column:1 / -1; }
  .cp-case__intro-bottom { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:28px; }
  .cp-case__ledger div { grid-template-columns:70px minmax(0,1fr); gap:12px; }
  .cp-case__story-head { gap:32px; }
  .cp-case__decision { grid-template-columns:36px minmax(0,1fr) minmax(0,1.2fr); gap:18px; }
}
@media (max-width:639px) {
  .cp-case__intro { padding-top:114px; padding-bottom:32px; }
  .cp-case__crumb { font-size:11px; gap:8px; margin-bottom:24px; }
  .cp-case__title { font-size:clamp(54px,12vw,76px); }
  .cp-case__intro-bottom, .cp-case__story-head, .cp-case__detail-head { grid-template-columns:minmax(0,1fr); gap:28px; }
  .cp-case__intro-bottom { margin-top:26px; }
  .cp-case__lede { font-size:18px; }
  .cp-case__actions { gap:10px; }
  .cp-case__actions .cta { padding:14px 18px; font-size:16px; min-height:48px; }
  .cp-case__ledger div { grid-template-columns:80px minmax(0,1fr); }
  .cp-case__stage { padding:24px 0; }
  .cp-case__screen-label { font-size:10px; }
  .cp-case__story-head { margin-bottom:32px; }
  .cp-case__body, .cp-case__detail-copy { font-size:16px; }
  .cp-case__decision { grid-template-columns:26px minmax(0,1fr); gap:12px; padding:24px 0; }
  .cp-case__decision h3 { font-size:21px; }
  .cp-case__decision p { grid-column:2; }
  .cp-case__next { padding:30px 0; }
  .work-grid--expanded { grid-template-columns:minmax(0,1fr); }
  .work-grid--expanded .work-card:nth-child(n) { grid-column:auto; }
  .work-grid--expanded .work-card--new .work-card__t, .work-grid--expanded .work-card--new .work-card__d { min-height:0; }
}
@media (prefers-reduced-motion:reduce) {
  .work-grid--expanded .work-card__art img { transition:none; }
}
