/* ---------------------------------------------------------------
   Contact page — rotating dotted globe, pinned to New Delhi.
--------------------------------------------------------------- */
.contact-info{
  display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;
  max-width:1000px;margin:0 auto;
}
.contact-info .page-body{margin:0;max-width:none}

.contact-info__globe{display:flex;justify-content:center}
.globe{
  position:relative;width:100%;max-width:340px;aspect-ratio:1/1;
  cursor:grab;touch-action:none;
}
.globe:active{cursor:grabbing}
.globe__canvas{display:block;width:100%;height:100%}
.globe__hint{
  position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);
  font-size:12px;color:var(--muted);white-space:nowrap;
}

@media (max-width:900px){
  .contact-info{grid-template-columns:1fr;gap:40px;text-align:center}
  .contact-info .page-body{margin:0 auto}
}