/* Anatomical labels borrow the reference's fine leaders and quiet typography. */
.tentacle-menu{--menu-reveal:0;position:fixed;inset:0;z-index:4;pointer-events:none;color:#17283e}
.tentacle-menu svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:var(--menu-reveal);pointer-events:none}
.tentacle-menu path{fill:none;stroke:#243f6266;stroke-width:1}
.tentacle-menu circle{fill:#203952}
.tentacle-menu ol{list-style:none;margin:0;padding:0;position:absolute;inset:0;pointer-events:none}
.tentacle-menu li{position:absolute;left:0;top:0;will-change:transform;opacity:var(--menu-reveal);filter:blur(calc((1 - var(--menu-reveal))*6px))}
.tentacle-menu a{position:absolute;top:0;display:grid;gap:4px;padding:9px 12px;border-radius:10px;max-width:28vw;width:max-content;color:inherit;pointer-events:none;transition:background-color .35s,box-shadow .35s,transform .5s;text-decoration:none}
.tentacle-menu.is-live a{pointer-events:auto}
.tentacle-menu [data-side=l] a{right:0;transform:translate(calc((1 - var(--menu-reveal))*12px),-50%);text-align:right}
.tentacle-menu [data-side=r] a{left:0;transform:translate(calc((var(--menu-reveal) - 1)*12px),-50%);text-align:left}
.tentacle-menu .n{font:10px/1.3 var(--mono);letter-spacing:.1em;color:#7094bc}
.tentacle-menu .t{font-size:clamp(15px,1.25vw,20px);font-weight:650;letter-spacing:-.025em;line-height:1.2}
.tentacle-menu .d{font:clamp(9px,.75vw,11px)/1.65 var(--mono);color:#647e9c;letter-spacing:.02em;max-width:32ch;text-wrap:balance}
.tentacle-menu .is-hover a,.tentacle-menu a:focus-visible{background:#ffffffd9;box-shadow:0 0 0 1px #9cb6d266,0 10px 28px #1c2d521f;outline:none}
.tentacle-menu .is-hover .t{color:#3b60aa}
.tentacle-menu a:hover{transform:translateY(-50%) scale(1.025)}
.environment-example{display:grid;grid-template-rows:minmax(0,1fr) 42px;min-height:0}
.heroic-showcase .environment-example .heroic-environment-image{height:100%;width:100%;object-fit:cover;min-height:0}
.hdri-mini-pipe{display:flex;align-items:center;justify-content:center;gap:clamp(5px,.7vw,12px);padding:8px 10px;color:#4f7191;background:#e3eaf2;font:10px/1.5 var(--mono)}
.hdri-mini-pipe b{font-weight:500;white-space:nowrap}.hdri-mini-pipe span{color:#7c98b1}
.pipe-classic-benefits h3{font-weight:700}
.pipe-versioning li strong{font-weight:700}
/* Static scene on compact/no-WebGL screens keeps all four links accessible. */
@media(max-width:1100px){
  html.js:not(.mreduced):not(.mgl-lost) #mpipe3d{margin-top:0}
  #mtower{height:auto!important;min-height:0}
  #mtower .pin{height:auto;min-height:0;position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:360px 28px 54px;gap:24px}
  #mtower .prism-fallback{display:block;top:40px;width:min(76vw,440px);max-height:300px;object-fit:contain}
  #mtower .twin{opacity:1!important;max-width:620px}
  .tentacle-menu{position:relative;inset:auto;width:100%;max-width:620px;order:-1;--menu-reveal:1!important}
  .tentacle-menu svg{display:none}.tentacle-menu ol{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .tentacle-menu li{position:static;transform:none!important;opacity:1;filter:none}
  .tentacle-menu a,.tentacle-menu [data-side] a{position:static;max-width:none;width:auto;height:100%;transform:none!important;text-align:left;padding:14px;background:#f7faffb8;border:1px solid #aac1d666;pointer-events:auto}
  .tentacle-menu .t{font-size:16px}.tentacle-menu .d{font-size:9px}
}
html.mgl-lost .tentacle-menu,html:not(.js) .tentacle-menu{position:absolute;--menu-reveal:1!important}
html.mgl-lost .tentacle-menu li,html:not(.js) .tentacle-menu li{top:15%;left:28%;transform:none!important}
html.mgl-lost .tentacle-menu li:nth-child(even),html:not(.js) .tentacle-menu li:nth-child(even){left:72%}
html.mgl-lost .tentacle-menu li:nth-child(n+3),html:not(.js) .tentacle-menu li:nth-child(n+3){top:84%}
html.mgl-lost .tentacle-menu a,html:not(.js) .tentacle-menu a{pointer-events:auto}
@media(prefers-reduced-motion:reduce){.tentacle-menu *{transition:none!important}.tentacle-menu li{will-change:auto}}
@media(max-width:1100px){html.mgl-lost .tentacle-menu,html:not(.js) .tentacle-menu{position:relative}}

/* The suite shares the dark approach to the pyramid; generation is its own
   dark chapter after the light 3D pipeline. The global sky still crossfades. */
body.mscene-dark #msuite{
  --ink:#f2f5f6;--ink2:#e5f0f3;--mut:#b9ccd5;--dim:#93aab7;
  --hair:#b8d8e52e;--hair2:#b8d8e519;--acc:#9ed8e7;--acc2:#78b7ca;
  --card:#0b1825b3
}
body.mscene-dark #msuite .mdl{background:#e5f0f3;color:#132534;box-shadow:0 18px 44px #0003}
body.mscene-dark #msuite .mdl .a{color:#44718c}
body.mscene-dark #msuite .mdl:hover{background:#fff}
body.mscene-dark #msuite .mtool{backdrop-filter:blur(14px);box-shadow:0 16px 40px #0002}
body.mscene-dark #msuite .mtool:hover{background:#152c3c;box-shadow:0 26px 56px #0003}