.case-page{background:var(--paper)}
.case-header{position:absolute}
.case-hero{position:relative;min-height:760px;height:min(900px,94vh);color:#fff;overflow:hidden}
.case-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.case-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,13,13,.9) 0%,rgba(13,13,13,.58) 48%,rgba(13,13,13,.18) 78%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 55%)}
.case-hero-content{position:relative;z-index:1;max-width:1380px;margin:auto;padding:190px clamp(1.2rem,7vw,7.5rem) 80px}
.breadcrumbs{display:flex;gap:.65rem;align-items:center;margin-bottom:4rem;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem}
.breadcrumbs a{border-bottom:1px solid rgba(255,255,255,.45)}
.case-hero h1,.case-overview h2,.case-section-heading h2,.case-final h2,.case-cta h2{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;line-height:.9;letter-spacing:-.025em;font-weight:800}
.case-hero h1{font-size:clamp(4.5rem,9.7vw,9rem);margin:.55rem 0 2rem;max-width:1000px}
.case-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.82)}
.case-hero-content>p:last-child{max-width:650px;font-size:clamp(1rem,1.4vw,1.25rem)}
.case-hero-index{position:absolute;z-index:1;right:4rem;bottom:3rem;display:flex;align-items:center;gap:.8rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.16em}
.case-hero-index i{display:block;width:70px;height:1px;background:#fff}
.case-overview{padding:clamp(5rem,10vw,9rem) clamp(1.2rem,7vw,7.5rem);display:grid;grid-template-columns:.7fr 1.65fr .8fr;gap:clamp(2rem,5vw,6rem);align-items:start}
.case-overview h2,.case-section-heading h2,.case-final h2{font-size:clamp(3.4rem,6vw,6.5rem);margin:0 0 2rem}
.case-overview-copy>p{max-width:740px;color:#565550}
.case-overview-copy .case-lead{font-size:clamp(1.15rem,1.7vw,1.5rem);color:var(--ink)}
.case-facts{margin:0;border-top:1px solid var(--line)}
.case-facts>div{padding:1rem 0;border-bottom:1px solid var(--line)}
.case-facts dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#6b6a65}
.case-facts dd{margin:.35rem 0 0;font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;font-size:1.35rem;font-weight:700}
.case-process{background:var(--ink);color:var(--white);padding:clamp(5rem,9vw,9rem) clamp(1.2rem,5vw,5.5rem)}
.case-section-heading{display:grid;grid-template-columns:.7fr 2fr;gap:3rem;margin-bottom:clamp(4rem,8vw,8rem)}
.process-step{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(300px,.95fr);gap:clamp(2rem,7vw,8rem);align-items:center;max-width:1260px;margin:0 auto clamp(6rem,12vw,12rem)}
.process-step:last-child{margin-bottom:0}
.process-step-reverse .process-image{order:2}
.process-step-reverse .process-copy{order:1}
.process-image{height:min(780px,72vw);overflow:hidden;background:#111}
.process-image img{width:100%;height:100%;object-fit:cover}
.process-copy>span{display:block;color:var(--accent);font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(4rem,7vw,7rem);line-height:1;font-weight:800}
.process-copy h3{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;font-size:clamp(2.7rem,4.4vw,4.7rem);line-height:.96;margin:.7rem 0 1.5rem}
.process-copy>p:last-child{max-width:570px;color:#c7c6c0}
.case-final{display:grid;grid-template-columns:1fr 1fr;min-height:850px;background:#dad8d0}
.case-final-image{min-height:680px}
.case-final-image img{width:100%;height:100%;object-fit:cover}
.case-final-copy{padding:clamp(5rem,8vw,8rem) clamp(2rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.case-final-copy p:not(.section-number){max-width:580px;font-size:1.08rem;margin-bottom:2rem}
.case-final-copy .button{margin-top:.5rem}
.case-contact-link{font-family:'Barlow Condensed',Arial,sans-serif;font-size:1.5rem;font-weight:700;border-bottom:1px solid;margin-top:.4rem}
.case-cta{background:var(--accent);padding:clamp(5rem,9vw,9rem) clamp(1.2rem,7vw,7.5rem);text-align:center}
.case-cta h2{font-size:clamp(4rem,8vw,8rem);margin:1rem auto 2rem;max-width:1100px}
.case-cta>p:not(.section-number){max-width:720px;margin:0 auto 2.5rem}
.case-cta .button-light{background:var(--ink);color:#fff}
@media(max-width:900px){
  .case-hero{min-height:680px}
  .case-hero-content{padding-top:150px}
  .breadcrumbs{margin-bottom:2.5rem}
  .case-hero-index{display:none}
  .case-overview{grid-template-columns:1fr}
  .case-section-heading{grid-template-columns:1fr;gap:1rem}
  .process-step,.process-step-reverse{grid-template-columns:1fr;gap:2.5rem}
  .process-step-reverse .process-image,.process-step-reverse .process-copy{order:initial}
  .process-image{height:680px}
  .case-final{grid-template-columns:1fr}
}
@media(max-width:560px){
  .case-hero{height:780px}
  .case-hero-image{object-position:44% center}
  .case-hero h1{font-size:4.1rem}
  .case-hero-content>p:last-child{font-size:.98rem}
  .case-overview,.case-process{padding-left:1.3rem;padding-right:1.3rem}
  .case-overview h2,.case-section-heading h2,.case-final h2{font-size:3.5rem}
  .process-image{height:560px}
  .case-final-image{min-height:580px}
}
