/* Case pages — same theme as home, host-only, no Figma dependency */
.case-hero{background:var(--ink);color:#fff;padding:130px 4.5vw 60px;position:relative;overflow:hidden}
.case-hero .nav{position:absolute}
.case-hero h1{font-size:clamp(38px,5.5vw,78px);line-height:.95;letter-spacing:-.06em;margin:18px 0 16px;max-width:900px}
.case-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#ff6b6e}
.case-hero .lede{font-size:15px;line-height:1.65;color:#d5d5d7;max-width:560px;margin:0}
.case-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.case-meta span{font:10px 'DM Mono',monospace;border:1px solid rgba(255,255,255,.35);border-radius:50px;padding:7px 12px;color:#fff}
.case-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:30px}
.case-actions a{font-size:13px;font-weight:800;color:#fff;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.case-actions a.solid{border:1px solid #fff;border-radius:30px;padding:11px 18px}
.case-actions a.solid:hover{background:#f01923;border-color:#f01923}
.case-actions a i{font-style:normal;margin-left:10px}
.case-body{background:var(--paper);padding:70px 4.5vw 40px}
.case-block{max-width:1020px;margin:0 auto 56px;border-top:1px solid var(--line);padding-top:28px}
.case-block h2{font-size:clamp(26px,3.4vw,42px);letter-spacing:-.05em;margin:10px 0 14px}
.case-block h2 em{font-family:Georgia,serif;font-weight:400}
.case-block p{font-size:15px;line-height:1.7;max-width:720px;color:#232329}
.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.persona{background:#fff;border:1px solid #e2ddd2;border-radius:14px;padding:22px}
.persona b{display:block;font-size:16px;margin-bottom:6px}
.persona small{font:10px 'DM Mono',monospace;color:#6b6b72}
.persona p{font-size:13px;margin:12px 0 0}
.solution-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.solution{background:#16161a;color:#fff;border-radius:14px;padding:22px}
.solution b{display:block;font-size:15px;margin-bottom:8px}
.solution p{font-size:13px;color:#d5d5d7;margin:0}
.system-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.swatch{flex:1;min-width:140px;background:#fff;border:1px solid #e2ddd2;border-radius:12px;padding:16px}
.swatch i{display:block;height:56px;border-radius:8px;margin-bottom:12px}
.swatch small{font:10px 'DM Mono',monospace}
.flow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}
.flow-steps div{background:#fff;border:1px solid #e2ddd2;border-radius:12px;padding:16px;font-size:12px;line-height:1.5}
.flow-steps b{display:block;font:10px 'DM Mono',monospace;margin-bottom:8px}
.final-visual{margin-top:22px;background:#073b35;color:#fff;border-radius:16px;padding:34px;overflow:hidden}
.final-visual.qf{background:#fff;color:#154b45;border:1px solid #ddd}
.final-visual strong{display:block;font-size:clamp(28px,4vw,52px);letter-spacing:-.06em;line-height:.95}
.final-visual p{font-size:14px;max-width:520px}
.back-row{display:flex;gap:18px;align-items:center;margin:10px 0 60px}
.back-row a{font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;color:inherit}
@media(max-width:760px){.case-hero{padding:110px 20px 46px}.case-body{padding:50px 20px 20px}.persona-grid,.solution-list{grid-template-columns:1fr}.flow-steps{grid-template-columns:1fr 1fr}}

.case-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}
.case-actions a.solid{white-space:nowrap}