/* The organization section: title cluster left, a private hub at the center
   of a ring of five team windows on the right. Windows reuse the .hx-win
   classic idiom from halde-handoff.css; links are dotted radii with a star
   that travels in (a Play entering) or out (a Play spreading). */
html[data-design-system="halde"] .breadth-stage{color:var(--text-primary);background:var(--bg-page)}
html[data-design-system="halde"] .hub-row{width:min(100%,var(--page-max));box-sizing:border-box;display:grid;grid-template-columns:minmax(240px,.44fr) minmax(0,1.56fr);gap:clamp(28px,5vw,80px);align-items:center;margin:0 auto;padding:0 var(--page-gutter)}
html[data-design-system="halde"] .hub-copy h2{margin:0;max-width:18ch;font-size:var(--type-landing-section-size,clamp(28px,2.35vw,36px));font-weight:400;font-variation-settings:"wght" 400;line-height:1.12;letter-spacing:-.03em;text-wrap:pretty}
html[data-design-system="halde"] .hub-copy h2 .claim-quiet{display:block;color:var(--text-tertiary)}
html[data-design-system="halde"] .hub-copy .anno-list{max-width:36ch}

html[data-design-system="halde"] .hub-stage{--font-technical:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--r:236px;--node:164px;--core:200px;display:grid;justify-items:center;row-gap:18px;margin:0;color:#111;font-family:var(--font-technical)}
html[data-design-system="halde"] .hub-stage figcaption{max-width:64ch;text-align:center;color:#5b6068;font:500 10px/1.5 var(--font-technical);letter-spacing:.1em}
html[data-design-system="halde"] .hub-ring{position:relative;width:min(100%,660px);aspect-ratio:1}
html[data-design-system="halde"] .hub-core{position:absolute;left:50%;top:50%;width:var(--core);transform:translate(-50%,-50%);z-index:2}
html[data-design-system="halde"] .hub-stage .hub-core>pre{--hx-lines:5;padding:12px 12px 14px;font-size:11.5px}
html[data-design-system="halde"] .hub-core>pre i{color:#5b6068;font-style:normal}
html[data-design-system="halde"] .hub-core>pre u{color:#ff5a1f;text-decoration:none}
html[data-design-system="halde"] .hub-node{position:absolute;left:50%;top:50%;width:0;height:0}
html[data-design-system="halde"] .hub-link{position:absolute;left:0;top:0;width:var(--r);height:0;border-top:1.5px dotted #8a8f96;transform:rotate(var(--a));transform-origin:0 0}
html[data-design-system="halde"] .hub-link b{position:absolute;left:44%;top:-9px;color:#ff5a1f;font:400 12px/1 var(--font-technical);opacity:0;transform:rotate(calc(-1 * var(--a)))}
html[data-design-system="halde"] .hub-node.is-in .hub-link b{animation:hub-in .84s linear forwards}
html[data-design-system="halde"] .hub-node.is-out .hub-link b{animation:hub-out .84s linear forwards}
@keyframes hub-in{0%{left:70%;opacity:1}100%{left:42%;opacity:1}}
@keyframes hub-out{0%{left:42%;opacity:1}100%{left:70%;opacity:1}}
html[data-design-system="halde"] .hub-node>.hx-win{position:absolute;left:0;top:0;width:var(--node);transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a))) translate(-50%,-50%);z-index:1;transition:box-shadow .25s ease}
html[data-design-system="halde"] .hub-node>.hx-win>header{min-height:26px;padding:0 8px;overflow:hidden;font-size:10px}
html[data-design-system="halde"] .hub-node>.hx-win>header .stripes{min-width:10px}
html[data-design-system="halde"] .hub-stage .hub-node>.hx-win>pre{--hx-lines:2;padding:10px 10px 12px;font-size:11px;color:#5b6068}
html[data-design-system="halde"] .hub-node>.hx-win>pre i{color:#8a8f96;font-style:normal}
html[data-design-system="halde"] .hub-node>.hx-win>pre u{color:#2f8f3a;text-decoration:none}
html[data-design-system="halde"] .hub-node>.hx-win>pre b.t1{color:#ff5a1f;font-weight:400}
html[data-design-system="halde"] .hub-node.is-origin>.hx-win{box-shadow:4px 4px 0 #ff5a1f}
html[data-design-system="halde"] .hub-node.is-origin>.hx-win>pre,html[data-design-system="halde"] .hub-node.is-adopted>.hx-win>pre{color:#111;background:#fff3ee}
html[data-design-system="halde"] .hub-node.is-adopted>.hx-win{box-shadow:4px 4px 0 #111}

html[data-design-system="halde"][data-resolved-theme="dark"] .hub-stage{color:#f1f1ed}
html[data-design-system="halde"][data-resolved-theme="dark"] .hub-link{border-top-color:#5b6068}
html[data-design-system="halde"][data-resolved-theme="dark"] .hub-node.is-origin>.hx-win>pre,html[data-design-system="halde"][data-resolved-theme="dark"] .hub-node.is-adopted>.hx-win>pre{color:#f1f1ed;background:rgba(255,90,31,.12)}
html[data-design-system="halde"][data-resolved-theme="dark"] .hub-node.is-adopted>.hx-win{box-shadow:4px 4px 0 #f1f1ed}

@media (max-width:1280px){
  html[data-design-system="halde"] .hub-stage{--r:205px;--node:150px;--core:198px}
  html[data-design-system="halde"] .hub-ring{width:min(100%,600px)}
}
@media (max-width:1100px){
  html[data-design-system="halde"] .hub-row{grid-template-columns:1fr;gap:28px}
  html[data-design-system="halde"] .hub-stage{--r:236px;--node:164px;--core:200px}
  html[data-design-system="halde"] .hub-ring{width:min(100%,660px)}
}
@media (max-width:620px){
  html[data-design-system="halde"] .hub-ring{width:100%;aspect-ratio:auto;display:grid;gap:10px}
  html[data-design-system="halde"] .hub-core{position:static;width:auto;transform:none}
  html[data-design-system="halde"] .hub-node{position:static;width:auto;height:auto}
  html[data-design-system="halde"] .hub-link{display:none}
  html[data-design-system="halde"] .hub-node>.hx-win{position:static;width:auto;transform:none}
}