.cases-hero{background:var(--color-bg)}
.cases-hero .page-hero__grid{grid-template-columns:minmax(0,1fr) 420rem}
.cases-hero .lead{max-width:760rem}
.cases-hero__structure{align-self:center;border:1rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);padding:28rem}
.cases-hero__structure h2{font:700 28rem/1.15 var(--font-sans)}
.cases-hero__structure ul{display:grid;gap:10rem;margin:20rem 0 0;padding:0;list-style:none}
.cases-hero__structure li{position:relative;padding-left:22rem;color:var(--color-muted);font-size:16rem;line-height:1.4}
.cases-hero__structure li::before{content:"";position:absolute;left:0;top:8rem;width:7rem;height:7rem;border-radius:50%;background:var(--color-eyebrow)}
.cases-list__grid{display:grid;gap:28rem}
.case-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:30rem;align-items:stretch;border:1rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);padding:16rem;transition:transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease),border-color var(--speed) var(--ease)}
.case-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}
.case-card:nth-child(even) .case-card__media{order:2}
.case-card:hover{transform:translateY(-4rem);border-color:rgba(166,78,47,.4);box-shadow:0 22rem 48rem rgba(43,39,35,.14)}
.case-card__media{display:block;min-height:330rem;border-radius:calc(var(--radius-md) - 2rem);overflow:hidden;background:#d9d2c3}
.case-card__media picture,.case-card__media img{width:100%;height:100%}
.case-card__media img{object-fit:cover}
.case-card__body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24rem 22rem}
.case-card__body>p{color:var(--color-primary);font:700 13rem/1.25 var(--font-sans);text-transform:uppercase}
.case-card h2{margin-top:14rem;font-size:38rem;line-height:1.08}
.case-card h2 a{color:var(--color-ink)}
.case-card h2 a:hover{color:var(--color-primary)}
.case-card span{margin-top:14rem;color:#8b5f31;font:700 13rem/1.25 var(--font-sans);text-transform:uppercase}
.case-card__body div{margin-top:18rem;color:var(--color-muted);font-size:18rem;line-height:1.58}
.case-card__body>a{margin-top:26rem;color:var(--color-primary);font:700 15rem/1.25 var(--font-sans);border-bottom:1rem solid rgba(166,78,47,.34)}
.cases-structure__panel{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:44rem;align-items:start;border-top:4rem solid var(--color-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-surface);box-shadow:0 24rem 58rem rgba(43,39,35,.12);padding:46rem 52rem}
.cases-structure__panel ul{columns:2;column-gap:36rem;margin:0;padding:0;list-style:none}
.cases-structure__panel li{break-inside:avoid;position:relative;margin-bottom:12rem;padding-left:24rem;color:var(--color-muted);font-size:17rem;line-height:1.4}
.cases-structure__panel li::before{content:"";position:absolute;left:0;top:8rem;width:8rem;height:8rem;border-radius:50%;background:var(--color-eyebrow)}

@media (max-width:1024px){
    .cases-hero .page-hero__grid,.case-card,.case-card:nth-child(even),.cases-structure__panel{grid-template-columns:1fr}
    .case-card:nth-child(even) .case-card__media{order:0}
    .case-card__media{min-height:300rem}
}

@media (max-width:700px){
    .cases-hero__structure,.case-card,.cases-structure__panel{padding:24rem}
    .case-card__media{min-height:220rem}
    .case-card__body{padding:10rem 0 0}
    .case-card h2{font-size:30rem}
    .cases-structure__panel ul{columns:1}
}