.hero-visual{aspect-ratio:1800/895}
.knowledge-card{aspect-ratio:1800/1012}
.map-mode{padding:100px 0;background:var(--deep);color:#fff}
.map-mode .section-heading>p:last-child{color:#b9c6bf}
.map-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:42px 0 28px}
.map-mode figure{overflow:hidden;margin:0;border:1px solid #ffffff22;border-radius:18px;background:#ffffff08}
.map-mode figcaption{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:20px 22px}
.map-mode figcaption>span{display:grid;place-items:center;align-self:start;width:37px;height:37px;background:var(--lime);color:var(--deep);font:700 16px 'Fraunces',serif}
.map-mode h3{margin:0 0 4px;font:600 21px 'Fraunces',serif}
.map-mode figcaption p{margin:0;color:#b9c6bf;font-size:12px;line-height:1.55}
.map-mode picture,.map-mode img{display:block;width:100%}
.map-mode img{height:auto}
@media(max-width:900px){.map-mode-grid{grid-template-columns:1fr}}
@media(max-width:620px){.hero-visual{aspect-ratio:1}.map-mode{padding:72px 0}.map-mode figcaption{padding:17px}}