.hero { padding-top:48px; padding-bottom:32px; }
main { padding-top:30px; }
.calculation-story { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:30px; }
.calculation-scene { margin:0; overflow:hidden; border:1px solid #e7dce7; border-radius:20px; background:#fffcf9; box-shadow:0 10px 28px #56132f08; }
.calculation-scene__image { overflow:hidden; aspect-ratio:3/2; background:#f4e8e7; }
.calculation-scene img { width:100%; height:100%; object-fit:cover; }
.calculation-scene figcaption { padding:18px 22px 20px; }
.calculation-scene figcaption>span { color:#c41467; font-size:12px; font-weight:700; letter-spacing:.08em; }
.calculation-scene h2 { margin:7px 0; font-size:26px; }
.calculation-scene p { margin:0; color:#6f6678; font-size:15px; }
.calculation-story__footer { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.calculation-story__footer small { color:#6f6678; font-size:13px; }
.calculation-story__footer button { border:1px solid #d9bfd1; border-radius:999px; padding:10px 16px; min-height:44px; color:#c41467; background:#fff; font:600 14px/1.2 'DM Sans',sans-serif; cursor:pointer; }
.calculation-story__footer button:hover { background:#f6edf3; }
@media(max-width:600px) { .calculation-story { grid-template-columns:1fr; gap:14px; } .calculation-scene { display:grid; grid-template-columns:42% 1fr; align-items:center; } .calculation-scene__image { aspect-ratio:auto; height:100%; min-height:160px; } .calculation-scene figcaption { padding:16px; } .calculation-scene h2 { font-size:23px; } .calculation-scene p { font-size:14px; } }