.work-note {display: grid;gap: 0.5rem;max-width: 62ch;margin-bottom: clamp(3rem, 6vw, 4.5rem);padding: 1.25rem 1.5rem;border-left: 2px solid var(--brand);background: var(--paper-2);color: var(--text-soft);font-size: 0.9375rem;}.work-note__key {font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--brand);}.work-note strong {color: var(--text);font-weight: 500;}.case-list {display: grid;gap: clamp(4rem, 10vw, 8rem);}.case {display: grid;gap: clamp(1.75rem, 4vw, 2.75rem);}.case__head {display: grid;grid-template-columns: auto minmax(0, 1fr);gap: 1rem 1.5rem;align-items: start;padding-bottom: 1.5rem;border-bottom: 1px solid var(--paper-line);}.case__index {font-family: var(--font-mono);font-size: var(--step--1);font-weight: 500;letter-spacing: 0.08em;color: var(--brand);padding-top: 0.5em;}.case__title {font-size: var(--step-3);margin-bottom: 0.5rem;}.case__headline {color: var(--text-soft);font-size: var(--step-1);line-height: 1.5;max-width: 44ch;}.case__text {color: var(--text-soft);max-width: 56ch;margin-bottom: 1.75rem;}.case__facts {display: grid;border-top: 1px solid var(--paper-line);align-self: start;}.case__facts > div {display: grid;grid-template-columns: 5.5rem minmax(0, 1fr);gap: 0.25rem 1.25rem;padding: 0.85rem 0;border-bottom: 1px solid var(--paper-line);}.case__facts dt {font-family: var(--font-mono);font-size: 0.6875rem;line-height: 1.7;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-faint);}.case__facts dd {margin: 0;font-size: 0.9375rem;color: var(--text);}@media (min-width: 62em) {.case {grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);align-items: start;column-gap: clamp(2.5rem, 5vw, 4.5rem);}.case__head, .case__media {grid-column: 1 / -1;}}.work-next {display: grid;gap: 2rem;align-items: end;margin-top: clamp(4rem, 9vw, 7rem);padding-top: clamp(2.5rem, 5vw, 3.5rem);border-top: 1px solid var(--paper-line);}@media (min-width: 52em) {.work-next {grid-template-columns: minmax(0, 1fr) auto;gap: 3rem;}}