/* ELAVANEQ case study — Merimei editorial system */
.case-hero{min-height:78svh;padding:10rem var(--pad) 6rem;background:var(--paper);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);column-gap:clamp(2rem,8vw,9rem);align-content:end;overflow:hidden}
.case-hero h1{grid-column:1/-1;font-size:clamp(5rem,17vw,15rem);margin:2rem 0 3rem;line-height:.82}
.case-hero .case-lead{font:500 clamp(1.5rem,3vw,3rem)/1.1 var(--display);letter-spacing:-.04em;max-width:35rem;margin:0}
.case-hero .case-support{max-width:31rem;margin:0 0 .75rem;align-self:end}
.case-meta{grid-column:1/-1;display:flex;gap:1.5rem;flex-wrap:wrap;margin:4rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#5f594f}
.case-opening{padding:0 var(--pad) clamp(7rem,14vw,13rem);background:var(--paper)}
.case-opening figure{margin:0}
.case-opening img{width:100%;height:auto;object-fit:cover;border:1px solid var(--line)}
.case-caption{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#5f594f}
.case-section{padding:clamp(8rem,13vw,13rem) var(--pad);scroll-margin-top:6.5rem;background:var(--paper);color:var(--ink)}
.case-section.dark{background:var(--navy);color:#fff}
.case-section.soft{background:#d9d1c4}
.case-section-head{display:grid;grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);gap:clamp(2rem,8vw,9rem);align-items:start}
.case-section h2{font:500 clamp(2.8rem,6.3vw,7rem)/.9 var(--display);letter-spacing:-.065em;text-transform:uppercase;margin:0;max-width:12ch}
.case-section p{max-width:36rem;margin:0 0 1.4rem;font-size:clamp(1rem,1.45vw,1.25rem)}
.case-section .case-dek{font:500 clamp(1.4rem,2.5vw,2.5rem)/1.08 var(--display);letter-spacing:-.04em;max-width:40rem}
.case-accent{color:#654a25}
.case-workflow{margin-top:clamp(5rem,9vw,9rem);border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:1.4rem 0;display:flex;align-items:center;gap:.8rem 1.1rem;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.13em;font-size:clamp(.68rem,1vw,.82rem)}
.case-workflow b{font-size:1rem;color:var(--gold);font-weight:400}
.case-route-note{margin-top:1.25rem!important;max-width:none!important;font-size:.78rem!important;letter-spacing:.1em;text-transform:uppercase;color:#9fa8b8}
.case-media-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr);gap:clamp(2rem,8vw,9rem);align-items:center;margin-top:clamp(4rem,8vw,8rem)}
.case-media{margin:0}
.case-media img{display:block;width:100%;height:auto;object-fit:cover;border:1px solid var(--line)}
.dark .case-media img{border-color:#ffffff3d}
.case-media figcaption{padding-top:.8rem;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#5f594f}
.dark .case-media figcaption{color:#aeb5bf}
.case-placeholder{min-height:25rem;border:1px dashed rgba(7,22,47,.36);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;gap:.6rem;background:#e7e0d5;color:var(--navy)}
.case-placeholder strong{font:500 clamp(1.7rem,3vw,3rem)/.95 var(--display);letter-spacing:-.05em;text-transform:uppercase}
.case-placeholder span,.case-placeholder small{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:#5f594f}
.case-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,8vw,9rem);align-items:start}
.case-split .case-section-head{display:block}
.case-split .case-section-head h2{position:sticky;top:7rem}
.case-rule-list{border-top:1px solid currentColor}
.case-rule-list>div{display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:1rem;border-bottom:1px solid currentColor;padding:1.7rem 0;min-height:8rem;align-items:start}
.case-rule-list>div>div{display:block;min-width:0}
.case-rule-list b{font-size:.7rem;color:#654a25;font-weight:500}
.case-rule-list h3{font:500 clamp(1.4rem,2.5vw,2.5rem)/1 var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0 0 .6rem}
.case-rule-list p{font-size:.95rem;margin:.75rem 0 0;max-width:34rem}
.case-capabilities{margin-top:clamp(4rem,8vw,8rem);border-top:1px solid currentColor}
.case-capability{display:grid;grid-template-columns:1.7rem minmax(10rem,.65fr) minmax(0,1.35fr);gap:1rem;padding:1.4rem 0;border-bottom:1px solid currentColor;align-items:baseline}
.case-capability b{font-size:.7rem;color:#654a25;font-weight:500}
.case-capability h3{font:500 clamp(1.3rem,2.3vw,2.2rem)/1 var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0}
.case-capability p{margin:0;font-size:1rem}
.case-cta{min-height:75svh;display:flex;flex-direction:column;justify-content:space-between}
.case-cta h2{max-width:11ch}
.case-cta .case-cta-copy{max-width:38rem;margin-left:auto}
.case-cta .primary-link{display:inline-flex;margin-top:2rem}
.case-tech-note{font-size:.68rem!important;letter-spacing:.1em;text-transform:uppercase;color:#8c96a5;margin-top:5rem!important}
@media(max-width:800px){
  .case-hero{min-height:75svh;padding-top:8rem;display:block}
  .case-hero h1{font-size:clamp(4.5rem,24vw,8rem);margin:2rem 0 3rem}
  .case-hero .case-support{margin-top:3rem}
  .case-meta{margin-top:3.5rem;gap:.6rem 1rem}
  .case-caption{display:block;line-height:1.6}
  .case-caption span{display:block}
  .case-section-head,.case-media-row,.case-split{display:block}
  .case-section{padding-top:8rem;scroll-margin-top:5.5rem}
  .case-section-head>div{margin-top:3rem}
  .case-media-row .case-media+div{margin-top:3rem}
  .case-split .case-section-head h2{position:static}
  .case-workflow{gap:.7rem .65rem;line-height:1.5}
  .case-rule-list>div{min-height:0;padding:1.5rem 0;grid-template-columns:1.7rem minmax(0,1fr)}
  .case-capability{grid-template-columns:1.7rem 1fr;gap:.7rem 1rem}
  .case-capability p{grid-column:2}
  .case-cta .case-cta-copy{margin:4rem 0 0}
}