@layer components{.team{padding-block:84px 96px}.team-heading{grid-template-columns:1.1fr 1fr;align-items:end;gap:7vw;display:grid}.team-eyebrow{color:var(--muted);margin-bottom:20px;font-size:12px}.team-heading :is(h1,h2){font-size:clamp(36px,4vw,62px);line-height:1.08}.team-intro{max-width:530px}.team-intro p{font-size:clamp(17px,1.5vw,22px);line-height:1.5}.team-intro p+p{color:var(--muted);margin-top:18px;font-size:16px}.team-network{border-block:1px solid var(--line);grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);margin-top:48px;display:grid}.network-field{min-width:0;padding:12px 24px 12px 0}.network-stage{isolation:isolate;touch-action:pan-y;cursor:grab;height:510px;margin-block:0 4px;position:relative}.network-stage.is-dragging{cursor:grabbing}.network-stage:focus-visible{outline-offset:4px;outline:1px solid #b6c6db}.network-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.network-links line{stroke:#9bb0cb;stroke-width:1px;vector-effect:non-scaling-stroke}.network-links .network-assignment{stroke:var(--blue)}.network-pulse{fill:var(--blue)}.network-node{width:44px;height:44px;color:var(--blue);cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.network-node:disabled{pointer-events:none}.network-node-shape{width:100%;height:100%;transform:scale(var(--node-scale,1));background:#fff;border:1px solid #b6c6db;border-radius:50%;place-items:center;transition:background .16s,color .16s,border-color .16s;display:grid}.network-node-shape svg{width:23px;height:23px}.network-node[data-assigned=true] .network-node-shape{background:var(--blue);border-color:var(--blue);color:#fff}.network-node-hub{width:80px;height:80px}.network-node-hub .network-node-shape{color:#fff;background:0 0;border:0;position:relative}.network-node-hub .network-hub-outline{width:100%;height:100%;fill:var(--blue);position:absolute;inset:0}.network-node-icon{position:relative}[data-project-icon]{transition:opacity .22s}.network-node-hub .network-node-icon{width:28px;height:28px}.network-node-label{text-align:center;width:max-content;max-width:120px;color:var(--muted);pointer-events:none;background:#fff;padding:2px 4px;font-size:11px;line-height:1.2;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.network-node:not(.network-node-hub) .network-node-label{opacity:0}.network-node:is(:hover,:focus-visible,[aria-pressed=true]) .network-node-label{opacity:1;color:var(--blue)}.network-node:not(.network-node-hub):is(:hover,:focus-visible) .network-node-shape{border-color:var(--blue);box-shadow:0 0 0 2px #fff,0 0 0 3px #a3b8d3}.network-node:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:50%}.network-detail{border-left:1px solid var(--line);flex-direction:column;justify-content:center;padding:clamp(24px,3.2vw,48px);display:flex}.network-label{color:var(--muted);font-size:12px}.network-detail h3{letter-spacing:-.025em;margin-top:24px;font-size:clamp(28px,3vw,42px);line-height:1.12}.network-detail-copy{color:var(--muted);min-height:100px;margin-top:20px;font-size:17px;line-height:1.5}.network-enquiry{min-height:44px;color:var(--blue);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-block:12px;font-size:14px;display:flex}.network-enquiry:hover svg{transform:translate(4px)}.network-enquiry svg{transition:transform .2s}.network-note-link{margin-left:3px;text-decoration:none}.network-note{max-width:820px;color:var(--muted);margin-top:20px;scroll-margin-top:100px;font-size:12px;line-height:1.6}.network-note>span{color:var(--blue);margin-right:5px}}@layer responsive{@media (width<=900px){.team-network{grid-template-columns:1fr}.network-field{padding-right:0}.network-detail{border-left:0;border-top:1px solid var(--line);padding:24px 0}.network-detail-copy{max-width:520px;min-height:0}.network-detail h3{margin-top:14px}.network-stage{max-width:680px;margin-inline:auto}}@media (width<=700px){.team{padding-block:48px 60px}.team-heading{grid-template-columns:1fr;gap:24px}.team-heading :is(h1,h2){font-size:clamp(34px,8vw,48px)}.team-intro p{font-size:18px}.team-intro p+p{font-size:15px}.team-network{margin-top:28px}.network-stage{height:380px}.network-node-hub{width:60px;height:60px}.network-node-label{max-width:85px;font-size:10px}.network-node-hub .network-node-label{top:calc(100% + 3px)}}@media (prefers-reduced-motion:reduce){.network-node *,.network-enquiry svg{transition:none}}}
