@import url('../styles.css');
.case-page{min-height:100vh;background:linear-gradient(115deg,#f8f4ed,#e9e0d4)}
.case-page .site-header{position:relative}.case-detail{padding:45px 0 90px}.case-kicker{font-size:12px;letter-spacing:.3em;text-transform:uppercase}.case-detail h1{font-size:clamp(58px,6vw,96px);margin:18px 0 22px}.case-summary{font-size:19px;line-height:1.5;max-width:780px;color:#555}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}.case-panel{border:1px solid var(--line);background:rgba(255,255,255,.5);border-radius:14px;padding:28px}.case-panel h2{font-size:40px}.case-panel p,.case-panel li{font-size:15px;line-height:1.55;color:#5d5f5a}.case-stage{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.stage{min-height:420px;border-radius:14px;padding:28px;background:#ece6dc;display:flex;flex-direction:column}.stage.after{background:#dadfcf}.stage-label{font-size:11px;letter-spacing:.25em;text-transform:uppercase}.stage-visual{flex:1;margin:20px 0;border-radius:10px;background:linear-gradient(135deg,#ddd5c8,#a69d90);display:grid;place-items:center;font-family:var(--serif);font-size:28px;text-align:center}.stage.after .stage-visual{background:linear-gradient(135deg,#9ea38a,#464b35);color:#fff}.case-end{margin-top:34px;background:var(--olive);color:white;border-radius:14px;padding:32px;display:flex;justify-content:space-between;align-items:center}.case-end h2{font-size:42px}.back-link{display:inline-block;margin-top:32px;border-bottom:1px solid currentColor;padding-bottom:4px}@media(max-width:760px){.case-columns,.case-stage{grid-template-columns:1fr}.case-end{flex-direction:column;align-items:stretch;gap:20px}}
.stage-image{padding:0;overflow:hidden;background:#ddd}.stage-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}