.ko{padding-top:120px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.ko-copy{display:flex;flex-direction:column;gap:24px}
.ko-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:30px;box-shadow:0 24px 50px rgba(120,80,40,.10);display:flex;flex-direction:column;gap:18px}
.ko-coords{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(46px,5vw,76px);line-height:.9;color:var(--ink);display:flex;flex-wrap:wrap;gap:0 16px;letter-spacing:.01em}
.ko-dot{color:var(--accent)}
.ko-map{position:relative;border-radius:20px;overflow:hidden;background:var(--creme-2);aspect-ratio:520/320}
.ko-map > svg{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.ko-needle{position:absolute;left:16px;bottom:16px;width:76px;height:76px;border-radius:50%;background:#fff;border:4px solid var(--creme);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(120,80,40,.15)}
.ko-needle svg{width:42px;height:42px;transform:rotate(2deg);transition:transform 1.4s cubic-bezier(.34,1.4,.64,1)}
.ko-read{position:absolute;right:18px;bottom:16px;font-family:var(--display);font-size:20px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.ko-read b{font-weight:500;color:var(--accent-dark);font-size:26px}
@media (max-width:900px){.ko{grid-template-columns:1fr;gap:32px}}
@media (max-width:600px){.ko{padding-top:90px}.ko-card{padding:20px;border-radius:24px}}