/* v3 · the 3D world: the grounds in 3D (above the footer + its own page), the come-home globe, the canopy. Hidden on the flat site (no .tt-world). */
.wstage,.globe{display:none}

/* the grounds in 3D: above the footer, in place of the drawn map (the map stays on the flat site) */
.tt-world .grounds .gcard{display:none}
.tt-world .wstage{display:block;position:relative;z-index:1;height:clamp(420px,64vh,720px);border:1px solid var(--stone);border-radius:var(--r);overflow:hidden;background:var(--lime);cursor:grab;touch-action:pan-y;user-select:none}
.tt-world .wstage.dragging{cursor:grabbing}
.wopen{display:inline-block;margin-top:22px;color:var(--ink);font-size:14px;border-bottom:1px solid var(--stone);padding-bottom:2px}
.wcanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}
.wlabels{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.wpin{position:absolute;left:0;top:0;pointer-events:auto;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--stone);border-radius:99px;background:rgba(248,244,237,.9);color:var(--ink);font:500 12px/1.1 var(--sans, sans-serif);white-space:nowrap;cursor:pointer;transition:opacity .3s,border-color .3s;backdrop-filter:blur(4px)}
.wpin i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--terracotta,#BF7656);color:var(--lime);font-style:normal;font-size:11px}
.wpin span{color:var(--smoke)}
.wpin:hover,.wpin:focus-visible{border-color:var(--ink);outline:none}
.wpin.plain{pointer-events:none;padding:4px 10px;background:rgba(248,244,237,.8);color:var(--smoke);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.whint{position:absolute;z-index:4;left:16px;bottom:14px;margin:0;color:var(--smoke);font-size:12px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}

/* come home: the globe sits above the text */
.tt-world #home .arc-home{display:none}
.tt-world #home .globe{display:block;position:relative;width:min(100%,440px);aspect-ratio:1;margin:0 0 8px -16px;cursor:grab;touch-action:pan-y}
.globe canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.glabels{position:absolute;inset:0;pointer-events:none}
.glabels span{position:absolute;left:0;top:0;margin:-22px 0 0 8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--smoke);white-space:nowrap;transition:opacity .4s}
.glabels span.blr{color:var(--terracotta,#BF7656);font-weight:500}

/* canopy: fixed behind the page, content above it */
.wcanopy{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;display:block}
.tt-world .hero,.tt-world main,.tt-world footer,.tt-world .foot{position:relative;z-index:1}

@media (max-width:760px){
  .tt-world .wstage{height:62svh}
  .wpin{padding:3px;gap:0}
  .wpin b,.wpin span{display:none}
  .wpin.plain{display:none}
  .wpin i{width:24px;height:24px;font-size:12px}
  .tt-world #home .globe{margin:0 auto 8px}
}

/* the lightbox on the grounds page */
.wlb{position:fixed;inset:0;z-index:300;display:none;place-items:center;background:rgba(40,33,28,.86);cursor:zoom-out}
.wlb.open{display:grid}
.wlb img{max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:var(--r)}