/* TrustCome Command Centre viewport lock — v2.4.1
   The approved artwork fills the browser viewport edge-to-edge.
   Vertical framing is preserved; horizontal width alone adapts. */
html.command-centre-active,
html.command-centre-active body {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #020202 !important;
}

body > .command-centre-layout.command-centre-gold-master {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  width: 100vw !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: hidden !important;
  background: #020202 !important;
  contain: none !important;
}

body > .command-centre-layout.command-centre-gold-master .command-centre-stage,
body > .command-centre-layout.command-centre-gold-master .command-centre-stage__frame {
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: hidden !important;
}

body > .command-centre-layout.command-centre-gold-master .command-centre-stage__extension,
body > .command-centre-layout.command-centre-gold-master .command-centre-clocks {
  display: none !important;
}

body > .command-centre-layout.command-centre-gold-master .command-centre-stage__foundation {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  min-width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: fill !important;
  object-position: 50% 50% !important;
  transform: none !important;
  border: 0 !important;
}

body > .command-centre-layout.command-centre-gold-master .command-hotspots {
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 4 !important;
  transform: none !important;
}

body > .command-centre-layout.command-centre-gold-master .command-centre-layout__return {
  position: fixed !important;
  z-index: 2147483001 !important;
  left: max(12px, env(safe-area-inset-left)) !important;
  bottom: max(12px, env(safe-area-inset-bottom)) !important;
  top: auto !important;
  right: auto !important;
}

/* Sprint 1 Gold Master hotspot lock — approved 1536x1024 artwork. */
body > .command-centre-layout.command-centre-gold-master .command-hotspot--about {
  left: 2.6% !important; top: 10.5% !important; width: 14.0% !important; height: 51.5% !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot--financial-markets {
  left: 18.0% !important; top: 12.0% !important; width: 10.0% !important; height: 15.0% !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot--funding {
  left: 18.0% !important; top: 27.0% !important; width: 10.0% !important; height: 15.0% !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot--energy {
  left: 18.0% !important; top: 42.0% !important; width: 10.0% !important; height: 15.0% !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot--infrastructure {
  left: 18.0% !important; top: 56.0% !important; width: 10.0% !important; height: 11.0% !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot--instruments {
  left: 71.5% !important; top: 12.0% !important; width: 10.0% !important; height: 15.0% !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot--private-equity {
  left: 71.5% !important; top: 27.0% !important; width: 10.0% !important; height: 15.0% !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot--technology {
  left: 71.5% !important; top: 42.0% !important; width: 10.0% !important; height: 15.0% !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot--private-enquiry-panel {
  left: 71.5% !important; top: 56.0% !important; width: 10.0% !important; height: 11.0% !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot--legal {
  left: 83.2% !important; top: 10.5% !important; width: 14.0% !important; height: 51.5% !important;
}

/* Sprint 2 — Navigation Engine: understated architectural interaction. */
body > .command-centre-layout.command-centre-gold-master .command-hotspot {
  position: absolute !important;
  appearance: none !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  color: transparent !important;
  cursor: pointer !important;
  outline: 0 !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease, opacity 180ms ease !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot:is(:hover, :focus-visible, .is-hovered) {
  border-color: rgba(245, 211, 132, .78) !important;
  background: radial-gradient(circle at 50% 50%, rgba(245,211,132,.08), rgba(245,211,132,.015) 62%, transparent 78%) !important;
  box-shadow: 0 0 0 1px rgba(255,239,190,.12) inset, 0 0 16px rgba(224,177,74,.24), 0 0 36px rgba(224,177,74,.10) !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot.is-selected {
  border-color: rgba(255,224,146,.92) !important;
  background: rgba(216,182,106,.10) !important;
  box-shadow: 0 0 20px rgba(238,198,102,.30), 0 0 44px rgba(238,198,102,.14) !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot:disabled {
  cursor: progress !important;
}
body > .command-centre-layout.command-centre-gold-master .command-centre-layout__return {
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease !important;
}
body > .command-centre-layout.command-centre-gold-master .command-centre-layout__return:is(:hover,:focus-visible) {
  color: #f5d384 !important;
  border-color: rgba(245,211,132,.72) !important;
  background: rgba(15,10,3,.80) !important;
  box-shadow: 0 0 18px rgba(224,177,74,.18) !important;
}

/* Non-destructive suite bridge used until approved suite scene files are installed. */
.suite-bridge {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: clamp(20px, 5vw, 72px);
  background:
    radial-gradient(circle at 50% 30%, rgba(216,182,106,.13), transparent 34%),
    linear-gradient(145deg, #0b0804, #010101 72%);
  color: #efe2c0;
  opacity: 0;
  transition: opacity 360ms ease;
}
.suite-bridge.is-active { opacity: 1; }
.suite-bridge__panel {
  width: min(760px, 92vw);
  padding: clamp(34px, 6vw, 76px);
  text-align: center;
  border: 1px solid rgba(216,182,106,.48);
  background: rgba(0,0,0,.60);
  box-shadow: 0 30px 100px rgba(0,0,0,.72), inset 0 0 70px rgba(216,182,106,.045);
}
.suite-bridge__eyebrow,
.suite-bridge__status {
  margin: 0;
  color: #d8b66a;
  text-transform: uppercase;
  letter-spacing: .28em;
  font-size: clamp(.62rem, 1.1vw, .76rem);
}
.suite-bridge h1 {
  margin: 18px 0 14px;
  color: #ead39c;
  font: 400 clamp(2rem, 5vw, 4.2rem)/1.05 Georgia, serif;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.suite-bridge__copy {
  max-width: 58ch;
  margin: 24px auto 30px;
  color: rgba(244,239,227,.76);
  line-height: 1.75;
}
.suite-bridge button {
  border: 1px solid rgba(216,182,106,.60);
  background: rgba(216,182,106,.07);
  color: #e8cf93;
  padding: 13px 22px;
  text-transform: uppercase;
  letter-spacing: .16em;
  cursor: pointer;
  transition: background 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.suite-bridge button:is(:hover,:focus-visible) {
  border-color: rgba(245,211,132,.85);
  background: rgba(216,182,106,.13);
  box-shadow: 0 0 20px rgba(224,177,74,.18);
}

@media (hover: none) and (pointer: coarse) {
  body > .command-centre-layout.command-centre-gold-master .command-hotspot:is(:hover, .is-hovered) {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body > .command-centre-layout.command-centre-gold-master .command-hotspot:active {
    border-color: rgba(245,211,132,.78) !important;
    background: rgba(216,182,106,.10) !important;
    box-shadow: 0 0 20px rgba(224,177,74,.24) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body > .command-centre-layout.command-centre-gold-master .command-hotspot,
  .suite-bridge,
  .suite-bridge button { transition: none !important; }
}

/* v2.7.1 recovery: hotspots are fully invisible in all pointer states.
   Interaction remains available through cursor, keyboard semantics and touch. */
body > .command-centre-layout.command-centre-gold-master .command-hotspot,
body > .command-centre-layout.command-centre-gold-master .command-hotspot:hover,
body > .command-centre-layout.command-centre-gold-master .command-hotspot:active,
body > .command-centre-layout.command-centre-gold-master .command-hotspot:focus,
body > .command-centre-layout.command-centre-gold-master .command-hotspot:focus-visible,
body > .command-centre-layout.command-centre-gold-master .command-hotspot.is-hovered,
body > .command-centre-layout.command-centre-gold-master .command-hotspot.is-selected,
body > .command-centre-layout.command-centre-gold-master .command-hotspot:disabled {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  opacity: 1 !important;
}
body > .command-centre-layout.command-centre-gold-master .command-hotspot:disabled {
  cursor: default !important;
}

/* Gold Master Motion Edition v3.0 — approved 4:3 artwork hotspot alignment. */
body > .command-centre-layout.command-centre-gold-master .command-hotspot--about { left:0.4% !important; top:7.0% !important; width:16.5% !important; height:52.5% !important; }
body > .command-centre-layout.command-centre-gold-master .command-hotspot--financial-markets { left:17.7% !important; top:7.5% !important; width:10.8% !important; height:15.0% !important; }
body > .command-centre-layout.command-centre-gold-master .command-hotspot--funding { left:17.7% !important; top:22.4% !important; width:10.8% !important; height:14.7% !important; }
body > .command-centre-layout.command-centre-gold-master .command-hotspot--energy { left:17.7% !important; top:37.0% !important; width:10.8% !important; height:13.7% !important; }
body > .command-centre-layout.command-centre-gold-master .command-hotspot--infrastructure { left:17.7% !important; top:50.8% !important; width:10.8% !important; height:10.5% !important; }
body > .command-centre-layout.command-centre-gold-master .command-hotspot--instruments { left:69.1% !important; top:7.5% !important; width:10.8% !important; height:15.0% !important; }
body > .command-centre-layout.command-centre-gold-master .command-hotspot--private-equity { left:69.1% !important; top:22.4% !important; width:10.8% !important; height:14.7% !important; }
body > .command-centre-layout.command-centre-gold-master .command-hotspot--technology { left:69.1% !important; top:37.0% !important; width:10.8% !important; height:13.7% !important; }
body > .command-centre-layout.command-centre-gold-master .command-hotspot--private-enquiry-panel { left:69.1% !important; top:50.8% !important; width:10.8% !important; height:10.5% !important; }
body > .command-centre-layout.command-centre-gold-master .command-hotspot--legal { left:82.0% !important; top:7.0% !important; width:17.5% !important; height:52.5% !important; }


/* TrustCome Private Opportunities Gateway v1.0
   Central Command Centre globe + opportunity plaque.
   Self-contained external gateway; does not participate in Headquarters route navigation. */
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway--command {
  position: absolute !important;
  left: 38.55% !important;
  top: 45.35% !important;
  width: 13.45% !important;
  height: 23.85% !important;
  z-index: 9 !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  text-decoration: none !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway__plaque {
  position: absolute !important;
  left: 7% !important;
  top: 0 !important;
  width: 86% !important;
  height: 33% !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-content: center !important;
  gap: clamp(1px,.22vw,4px) !important;
  text-align: center !important;
  color: #efc968 !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(214,170,70,.08), transparent 64%),
    linear-gradient(180deg,rgba(7,9,10,.86),rgba(4,5,7,.94)) !important;
  border: 1px solid rgba(224,180,79,.58) !important;
  border-radius: 5px !important;
  box-shadow:
    inset 0 0 18px rgba(216,163,33,.09),
    0 4px 16px rgba(0,0,0,.36) !important;
  pointer-events: none !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway__plaque strong {
  font: 600 clamp(7px,.73vw,14px)/1.05 Georgia,serif !important;
  letter-spacing: .075em !important;
  color: #f0ca6d !important;
  text-shadow: 0 0 8px rgba(239,190,70,.16) !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway__plaque small {
  font: 600 clamp(4px,.38vw,7px)/1 Arial,sans-serif !important;
  letter-spacing: .12em !important;
  color: rgba(224,194,124,.78) !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-preview {
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  width: clamp(310px,28vw,470px) !important;
  box-sizing: border-box !important;
  padding: clamp(14px,1.3vw,20px) !important;
  transform: translate(-50%,8px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  text-align: left !important;
  color: #e9e1d2 !important;
  background: linear-gradient(145deg,rgba(9,13,18,.985),rgba(2,6,10,.992)) !important;
  border: 1px solid rgba(224,180,79,.72) !important;
  border-radius: 7px !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.66), inset 0 0 30px rgba(214,166,56,.035) !important;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-preview strong {
  display: block !important;
  margin-bottom: 8px !important;
  color: #efc56b !important;
  font: 500 clamp(15px,1.25vw,22px)/1.15 Georgia,serif !important;
  letter-spacing: .03em !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-preview span,
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-preview em {
  display: block !important;
  color: rgba(235,228,214,.82) !important;
  font: 400 clamp(10px,.72vw,13px)/1.55 Arial,sans-serif !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-preview em {
  margin-top: 9px !important;
  color: rgba(219,192,132,.78) !important;
  font-style: normal !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-preview b {
  display: block !important;
  margin-top: 11px !important;
  color: #e6b84f !important;
  font: 700 clamp(8px,.58vw,11px)/1 Arial,sans-serif !important;
  letter-spacing: .13em !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway--command:is(:hover,:focus-visible) .tc-private-opportunities-preview {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%,0) !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway--command:is(:hover,:focus-visible) .tc-private-opportunities-gateway__plaque {
  border-color: rgba(245,211,132,.92) !important;
  box-shadow: inset 0 0 20px rgba(216,163,33,.12),0 0 18px rgba(224,177,74,.20) !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway--command:focus-visible {
  outline: 1px solid rgba(245,211,132,.78) !important;
  outline-offset: 4px !important;
}
@media (hover:none), (pointer:coarse) {
  body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-preview {
    display: none !important;
  }
}


/* v1.0.1 refinement — centre the Command Centre gateway and integrate it with the existing plaque.
   Keep the hotspot covering both plaque and globe, but make the visible label lighter and higher so it
   reads as part of the plaque rather than sitting over the globe. */
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway--command {
  left: 40.15% !important;
  top: 43.95% !important;
  width: 18.10% !important;
  height: 25.10% !important;
  z-index: 8 !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway__plaque {
  left: 19% !important;
  top: 1.5% !important;
  width: 62% !important;
  height: 23.5% !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway__plaque strong {
  font: 600 clamp(6px,.60vw,11px)/1.03 Georgia,serif !important;
  letter-spacing: .085em !important;
  color: #efc768 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.82), 0 0 8px rgba(239,190,70,.14) !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway__plaque small {
  margin-top: 2px !important;
  font: 600 clamp(3.8px,.31vw,6px)/1 Arial,sans-serif !important;
  letter-spacing: .16em !important;
  color: rgba(230,197,123,.72) !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.82) !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway--command:is(:hover,:focus-visible) .tc-private-opportunities-gateway__plaque {
  border: 0 !important;
  box-shadow: none !important;
}


/* v1.0.2 refinement — final Command Centre position tweak
   Move the visible wording a little further right and down, just above the three stars. */
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway--command {
  left: 40.95% !important;
  top: 44.85% !important;
  width: 18.10% !important;
  height: 25.10% !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway__plaque {
  left: 22.5% !important;
  top: 8.4% !important;
  width: 55% !important;
  height: 18.2% !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway__plaque strong {
  font: 600 clamp(5.8px,.57vw,10.5px)/1.02 Georgia,serif !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway__plaque small {
  margin-top: 1px !important;
  font: 600 clamp(3.5px,.29vw,5.6px)/1 Arial,sans-serif !important;
}


/* v1.0.3 refinement — remove visible overlaid wording in Command Centre
   Keep the hotspot, preview and click behavior, but let the baked-in scene lettering remain clean. */
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway__plaque {
  display: none !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway--command {
  left: 40.95% !important;
  top: 44.85% !important;
  width: 18.10% !important;
  height: 25.10% !important;
}
body > .command-centre-layout.command-centre-gold-master .tc-private-opportunities-gateway--command:focus-visible {
  outline: 1px solid rgba(245,211,132,.78) !important;
  outline-offset: 4px !important;
}
