/* region dot maps (home atlas + ../compute/index.html hero) · replaces the 3D globe · all px multiples of 3 */
.rmaps{margin:0 0 72px}
.rm-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.rm{position:relative;display:flex;flex-direction:column;gap:18px;transition:opacity .3s var(--ease,ease)}
.rm-hit{position:absolute;inset:-9px;z-index:1;background:none;border:0;border-radius:24px;cursor:pointer;padding:0}
.rm-hit:focus-visible{outline:2px solid var(--orange,#FE5000);outline-offset:3px}
.rm-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.rm-h h3{margin:0;font-size:24px;line-height:1.2;font-weight:600;color:var(--ink,#141210)}
.rm-h .en{font-size:15px;color:var(--muted,#888B8D)}
.rm-h .n{margin-left:auto;font-size:15px;color:var(--muted,#65686A)}
.rm-h .n b{font-weight:600;color:var(--ink,#141210);font-variant-numeric:tabular-nums}
.rm-map{position:relative;aspect-ratio:3/2;max-width:100%;border-radius:18px;background:var(--warm,#F5F4F1);overflow:hidden;transition:background .3s var(--ease,ease)}
.rm-map svg{display:block;width:100%;height:100%}
.rm-map path{fill:none;stroke-linecap:round;stroke-width:6.6}
.rm-map .l{stroke:#D9D8D6}
.rm-map .h{stroke:#FFD6B0;transition:stroke .3s var(--ease,ease)}
.rm-pin{position:absolute;z-index:2;width:33px;height:33px;transform:translate(-50%,-50%);padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.rm-pin i{display:block;width:15px;height:15px;border-radius:50%;background:var(--orange,#FE5000);box-shadow:0 0 0 3px #fff,0 3px 9px rgba(20,18,16,.18);transition:transform .25s var(--ease,ease),box-shadow .25s var(--ease,ease)}
.rm-pin:hover i,.rm-pin:focus-visible i,.rm-pin.sel i{transform:scale(1.2);box-shadow:0 0 0 3px #fff,0 0 0 9px rgba(254,80,0,.18),0 3px 9px rgba(20,18,16,.18)}
.rm-pin:focus-visible{outline:none}
.rm-pin.dim i{background:#B9B7B3}
.rm-pin .lab{position:absolute;top:calc(50% + var(--dy,0px));transform:translateY(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;pointer-events:none}
.rm-pin.r .lab{left:30px}.rm-pin.l .lab{right:30px;flex-direction:row-reverse}
.rm-pin .lab b{font-size:15px;line-height:1;font-weight:500;color:var(--ink,#141210);text-shadow:0 0 6px #fff,0 0 3px #fff}
.rm-pin .lab em{font-style:normal;font-size:12px;line-height:1;padding:6px 6px;border-radius:6px;background:#fff;color:var(--ink,#141210);box-shadow:inset 0 0 0 1px var(--line,#E6E3DD);font-variant-numeric:tabular-nums}
.rm-pin.l .lab em:last-of-type{margin-left:0}
.rm-pin.sel .lab b{font-weight:600}
.rm-pin.sel .lab em{background:var(--orange,#FE5000);color:#fff;box-shadow:none}
.rm-pin.dim .lab{opacity:.45}
.rm-c{margin:0;font-size:15px;line-height:1.6;color:var(--muted,#65686A)}
.rm-c .sel{color:var(--ink,#141210);font-weight:600}
@media (hover:hover){.rm:hover .rm-map{background:var(--warm-2,#EFEDE8)}}
.rm.on .rm-map{background:var(--tint,#FFF6EF)}
.rmaps.picked .rm:not(.on){opacity:.42}
.rmaps.picked .rm:not(.on) .rm-map .h{stroke:#D9D8D6}
.rm-foot{display:flex;justify-content:space-between;align-items:center;gap:21px;margin-top:30px;font-size:12px;color:var(--muted,#65686A)}
.rm-foot p{margin:0}
.rm-foot button{background:none;border:0;font:inherit;font-size:15px;color:var(--ink,#141210);cursor:pointer;padding:0;border-bottom:1px solid currentColor}
@media (max-width:900px){
  .rm-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:81%;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;margin:0 calc(var(--gutter,21px)*-1);padding:9px var(--gutter,21px) 12px;scroll-padding:0 var(--gutter,21px);scrollbar-width:none}
  .rm-row::-webkit-scrollbar{display:none}
  .rm{scroll-snap-align:start}
  .rm-hit{inset:0}
  .rm-h h3{font-size:21px}
  .rm-pin .lab b{font-size:12px}.rm-pin .lab em{font-size:9px;padding:3px 6px}.rm-pin .lab{gap:3px}.rm-pin.r .lab{left:24px}.rm-pin.l .lab{right:24px}
  .rm-foot{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (prefers-reduced-motion:reduce){.rm,.rm-map,.rm-pin i,.rm-pin span{transition:none}}

*,*::before,*::after{letter-spacing:0!important}
/* ../compute/index.html hero: copy on top, the three maps below (the hero no longer hosts an absolute-positioned globe) */
:is(main#main.v1c,#main .v1c) .atlas-hero{height:auto!important;padding:39px max(39px,calc((100% - 1260px) / 2)) 99px!important}
:is(main#main.v1c,#main .v1c) .atlas-hero .atlas-copy{position:static!important;max-width:561px}
:is(main#main.v1c,#main .v1c) .atlas-hero .rmaps{position:relative;z-index:2;margin:48px 0 0}
:is(main#main.v1c,#main .v1c) .atlas-hero .rm-map{background:#fff}
:is(main#main.v1c,#main .v1c) .atlas-hero .rm.on .rm-map{background:var(--tint,#FFF6EF)}
@media (hover:hover){:is(main#main.v1c,#main .v1c) .atlas-hero .rm:hover .rm-map{background:#FBFAF8}}
@media (max-width:759px){:is(main#main.v1c,#main .v1c) .atlas-hero{padding:24px 21px 72px!important}
  :is(main#main.v1c,#main .v1c) .atlas-hero .rmaps{margin-top:36px}
  :is(main#main.v1c,#main .v1c) .atlas-hero .rm-row{margin:0 -21px;padding:9px 21px 12px;scroll-padding:0 21px}}
