.map-transformation{background:#e7ebd9;padding-block:78px}
.map-story-heading{display:grid;grid-template-columns:1.8fr 1fr;gap:65px;align-items:end;margin-bottom:34px}
.map-story-heading h2{font-size:clamp(38px,4.1vw,60px);line-height:1.06;margin:0}
.map-story-heading>p{font-size:14px;line-height:1.8;max-width:330px;margin:0}
.map-story-journey{display:flex;gap:18px;align-items:center;padding:15px 0;border-top:1px solid #bdc6b0;border-bottom:1px solid #bdc6b0;margin-bottom:27px}
.map-story-journey>span{font-size:10px;font-weight:600;letter-spacing:.04em}
.map-story-journey>b{font-size:25px;font-weight:400;line-height:1;color:#597536}
.map-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.map-story-card{padding:27px 24px 20px;background:var(--paper);border:1px solid #c6cebb}
.map-story-after{border-color:#7b9565;box-shadow:6px 6px 0 #d3dfb8}
.map-story-date{display:block;font-size:8px;line-height:1.6;letter-spacing:.08em;font-weight:600}
.map-story-before .map-story-date{color:#8d403f}
.map-story-after .map-story-date{color:#416531}
.map-story-result{display:flex;align-items:center;gap:26px;min-height:142px;padding-block:24px}
.map-story-result>strong{font-family:var(--serif);font-size:76px;font-weight:400;line-height:1;letter-spacing:-.08em;white-space:nowrap;flex:none}
.map-story-before .map-story-result>strong{color:#a84940}
.map-story-after .map-story-result>strong{color:#37652e}
.map-story-result>strong>span{font-size:40px;letter-spacing:-.07em}
.map-story-result h3{font-size:25px;line-height:1.12;margin:0 0 11px}
.map-story-result p{font-size:11px;line-height:1.6;margin:0;color:var(--muted)}
.map-story-card .evidence{display:block;background:white;border:1px solid var(--line);padding:8px;width:100%;cursor:zoom-in}
.map-story-card .evidence img{width:100%;height:270px;max-height:270px;object-fit:contain}
.map-story-card .evidence>span{display:block;font-size:7px;line-height:1.5;margin-top:7px;text-align:right;color:var(--muted)}
.map-story-caption{font-size:9px;line-height:1.7;color:var(--muted);margin:15px 0 0}
.map-story-note{font-size:10px;line-height:1.8;color:var(--muted);margin:27px 0 0;max-width:1080px}
@media(max-width:1000px){
 .map-story-heading{gap:35px;grid-template-columns:1.5fr 1fr}
 .map-story-grid{gap:20px}.map-story-card{padding:24px 20px 20px}
 .map-story-result{gap:17px}.map-story-result>strong{font-size:61px}.map-story-result>strong>span{font-size:31px}.map-story-result h3{font-size:21px}
 .map-story-card .evidence img{height:225px;max-height:225px}
}
@media(max-width:640px){
 .map-transformation{padding-block:50px}
 .map-story-heading{display:block;margin-bottom:25px}.map-story-heading h2{font-size:39px;line-height:1.07;margin-bottom:25px}.map-story-heading>p{font-size:13px;max-width:none}
 .map-story-journey{gap:12px;padding-block:13px;margin-bottom:22px}.map-story-journey>span{font-size:8px}.map-story-journey>b{font-size:23px}
 .map-story-grid{grid-template-columns:1fr;gap:24px}.map-story-card{padding:24px 20px 19px}.map-story-date{font-size:7px}
 .map-story-result{gap:20px;min-height:132px;padding-block:22px}.map-story-result>strong{font-size:63px}.map-story-result>strong>span{font-size:31px}.map-story-result h3{font-size:22px;line-height:1.13}.map-story-result p{font-size:10px;line-height:1.7}
 .map-story-card .evidence{padding:7px}.map-story-card .evidence img{height:205px;max-height:205px}.map-story-card .evidence>span{font-size:7px}
 .map-story-caption{font-size:8px}.map-story-note{font-size:9px;line-height:1.8;margin-top:25px}
}
@media(max-width:360px){.map-story-result{gap:14px}.map-story-result>strong{font-size:56px}.map-story-result>strong>span{font-size:27px}.map-story-result h3{font-size:20px}}
