/* Cases inherit the approved archive typography, shell and rhythm.
   The method opens as an editorial spread; project stories use two columns. */
.cases-featured,.cases-archive{padding-top:var(--section-space)}
.cases-featured .routes-grid{display:block}
.cases-featured .case-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--space-10);align-items:center}
.cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--card-gap)}
.case-card{min-width:0;display:flex;flex-direction:column}
.case-image{background:#f4f1e9}
.case-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.case-copy{min-width:0;display:flex;flex-direction:column;flex:1;padding-top:var(--space-5)}
.case-card--featured .case-copy{padding-top:0}
.case-card--featured .case-copy>.eyebrow{margin:0 0 var(--space-3);color:var(--orange)}
.case-card--featured .case-copy>.library-meta{margin-bottom:var(--space-5)}
.case-card--featured .button{align-self:flex-start}
.case-copy h3{overflow-wrap:break-word;hyphens:auto}
.case-copy .library-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.case-link{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-5);color:var(--orange);font-weight:700;align-self:flex-start}
.cases-grid .case-card{padding-bottom:var(--space-6);border-bottom:1px solid var(--line)}
.cases-grid .case-copy>p{margin-bottom:var(--space-4)}
@media(max-width:1000px){.cases-featured .case-card{gap:var(--card-gap)}}
@media(max-width:900px){.cases-featured .case-card{grid-template-columns:1fr}}
@media(max-width:720px){.cases-grid{grid-template-columns:1fr;gap:var(--card-gap)}.case-copy{padding-top:var(--space-4)}}