/* The animated globe belongs to the landing hero only; no layout changes in research dashboards. */
/* Reserve the globe's COMPLETE interactive stack inside the clipped hero (not only its canvas).
   The previous 354px min-height clipped World View, zoom, pause and source links. */
body.sli-home-active .sli-portal-hero {
  isolation: isolate;
  box-sizing: border-box;
  min-height: 595px;
}
body.sli-home-active .sli-portal-hero > .sli-portal-eyebrow,
body.sli-home-active .sli-portal-hero > h2,
body.sli-home-active .sli-portal-hero > p,
body.sli-home-active .sli-portal-hero > .sli-portal-hero-actions {
  position: relative; z-index: 2;
}
body.sli-home-active .sli-portal-hero > h2,
body.sli-home-active .sli-portal-hero > p { max-width: 59%; }
body.sli-home-active .sli-portal-hero-actions { max-width: 59%; }
 .sli-orbit-globe { position:absolute;right:2.3%;top:5px;width:39%;max-width:390px;z-index:1;display:flex;flex-direction:column;align-items:center;color:#dfebf0;pointer-events:none; }
.sli-orbit-stage { width:100%;max-width:365px;aspect-ratio:1;position:relative;touch-action:pan-y;pointer-events:auto;cursor:grab; }
.sli-orbit-stage:active { cursor:grabbing; }
.sli-orbit-canvas { width:100%;height:100%;display:block; }
.sli-orbit-meta {display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;margin-top:-23px;z-index:1;pointer-events:none; }
.sli-orbit-meta strong { font:760 10px/1.4 system-ui,sans-serif;letter-spacing:.18em;color:#f4d5a2; }
.sli-orbit-meta span {font:500 10px/1.45 system-ui,sans-serif;color:#bed3dc; }
.sli-orbit-toggle {pointer-events:auto;cursor:pointer;margin-top:5px;min-height:36px;padding:8px 14px;background:#102c42;color:#f4d5a2;border:1px solid #507188;border-radius:25px;font:650 11px/1.2 system-ui,sans-serif; }
.sli-orbit-toggle:hover {border-color:#e3bf7d;background:#23425b;}
.sli-orbit-toggle:focus-visible {outline:3px solid #ffe0aa;outline-offset:3px;}
 .sli-orbit-legend {display:none;}
.sli-orbit-legend span {font-size:9px;color:#acc4d2;letter-spacing:.06em;border:1px solid #365c6e;background:#113349;border-radius:20px;padding:3px 10px;}
.sli-orbit-source { pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;margin-top:6px;text-align:center;color:#c2d5df!important;font-size:10px;text-decoration:underline;text-underline-offset:3px; }
.sli-orbit-source:hover {color:#ffe2a9!important;}
.sli-orbit-source:focus-visible {outline:3px solid #ffe0aa;outline-offset:3px;}
@media(max-width:1100px) {
 body.sli-home-active .sli-portal-hero {min-height:0;}
 body.sli-home-active .sli-portal-hero > h2,
 body.sli-home-active .sli-portal-hero > p,
 body.sli-home-active .sli-portal-hero-actions {max-width:100%;}
 .sli-orbit-globe {position:relative;top:auto;right:auto;width:100%;max-width:390px;margin:3px auto 12px;}
 .sli-orbit-meta {margin-top:-24px;}
}
@media(max-width:520px) {
  .sli-orbit-globe {max-width:340px;margin-top:5px;}
 .sli-orbit-stage {max-width:315px;}
 .sli-orbit-toggle {min-height:44px;}
 .sli-orbit-legend {margin-bottom:3px;}
}
@media(prefers-reduced-motion:reduce) {
 .sli-orbit-stage {cursor:default;}
}

/* Low-detail world + detailed Indonesian archipelago globe controls. */
.sli-orbit-controls{pointer-events:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin:10px 0 0;width:100%;max-width:370px}
.sli-orbit-controls button{cursor:pointer;min-height:36px;padding:7px 10px;border:1px solid #43667b;border-radius:7px;background:#102b40;color:#e2eaf1;font:650 10px/1.2 system-ui,sans-serif}
.sli-orbit-controls button[aria-pressed="true"]{background:#dcb979;color:#112435;border-color:#e9ce96}
.sli-orbit-controls button:hover{border-color:#efd19e}
.sli-orbit-controls button:focus-visible,.sli-orbit-range:focus-visible{outline:3px solid #ffe0aa;outline-offset:2px}
.sli-orbit-controls .sli-orbit-zoom{width:35px;min-width:35px;font-size:17px;padding:4px}
.sli-orbit-range{cursor:pointer;width:65px;max-width:80px;accent-color:#e0bd7b;min-height:35px}
.sli-orbit-credits{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px}
.sli-orbit-stage{overscroll-behavior:contain}
@media(max-width:520px){
 .sli-orbit-controls{max-width:315px;gap:5px;margin-top:9px}
 .sli-orbit-controls button{min-height:42px}
 .sli-orbit-range{width:58px}
 .sli-orbit-meta{margin-top:-16px}
 .sli-orbit-credits{gap:2px 11px}
}

/* Globe controls remain inside the hero border at desktop sizes, with room for
   the bilingual attribution line on narrow desktop windows. */
@media(min-width:1101px) {
  body.sli-home-active .sli-portal-hero { padding-bottom: 36px; }
  .sli-orbit-globe { top: 10px; }
}
/* Mobile and tablet are in the natural flow; never absolutely overlay controls. */
@media(max-width:1100px) {
  body.sli-home-active .sli-portal-hero { min-height: 0; }
  .sli-orbit-globe { overflow: visible; }
}

/* Global visual-export integration wraps canvas in its own stacking context.
   Keep the interactive toolbar ABOVE the canvas, even after this enhancement. */
.sli-orbit-stage { z-index: 0; }
.sli-orbit-controls,
.sli-orbit-toggle,
.sli-orbit-credits { position: relative; z-index: 5; }

/* 2026-10-23: reserve a real grid cell for the 3D globe.
   It must never float over the Expert Connect service card. */
@media (min-width:1101px) {
  body.sli-home-active .sli-portal-hero {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(310px,39%);
    column-gap:clamp(18px,2.4vw,38px);
    align-items:start;
    min-height:0;
  }
  body.sli-home-active .sli-portal-hero > .sli-portal-eyebrow {
    grid-column:1;
    grid-row:1;
  }
  body.sli-home-active .sli-portal-hero > h2 {
    grid-column:1;
    grid-row:2;
    max-width:100%;
  }
  body.sli-home-active .sli-portal-hero > p.sli-copy-en,
  body.sli-home-active .sli-portal-hero > p.sli-copy-id {
    grid-column:1;
    grid-row:3;
    max-width:100%;
  }
  body.sli-home-active .sli-portal-hero > .sli-orbit-globe {
    position:relative;
    top:auto;
    right:auto;
    grid-column:2;
    grid-row:1 / span 3;
    width:100%;
    max-width:390px;
    margin:0 auto;
    align-self:start;
    z-index:1;
  }
  body.sli-home-active .sli-portal-hero > .sli-service-path {
    grid-column:1 / -1;
    grid-row:4;
    margin-top:20px;
  }
  body.sli-home-active .sli-portal-hero > .sli-service-disclosure,
  body.sli-home-active .sli-portal-hero > .sli-portal-subheading,
  body.sli-home-active .sli-portal-hero > .sli-home-journeys,
  body.sli-home-active .sli-portal-hero > .sli-portal-hero-actions,
  body.sli-home-active .sli-portal-hero > .sli-portal-disclosure {
    grid-column:1 / -1;
  }
  body.sli-home-active .sli-portal-hero > .sli-portal-hero-actions {
    max-width:100%;
  }
}
@media (max-width:1100px) {
  body.sli-home-active .sli-portal-hero { display:block; }
  body.sli-home-active .sli-portal-hero > .sli-orbit-globe {
    position:relative; top:auto; right:auto; width:100%;
    max-width:390px; margin:16px auto 10px;
  }
}