.persona-network-section{background:#15130d;color:#f1ece0;padding:clamp(72px,8vw,118px) 0;scroll-margin-top:70px}
.persona-network-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}
.persona-network-heading .lbl{color:#b4afa1;margin-bottom:20px}
.persona-network-heading h2{font-size:clamp(38px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em;font-weight:650;max-width:12ch}
.persona-network-heading>p{color:#c6c0b2;font-size:16px;line-height:1.8;max-width:43ch;margin:0}
.network-panel{background:#f6f3eb;color:#15130d;border:1px solid #cec7b9;border-radius:5px;overflow:hidden;scroll-margin-top:85px}
.network-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 25px;border-bottom:1px solid #dcd5c7}
.network-scenarios{display:flex;flex-wrap:wrap;gap:6px}
.network-panel button{font-family:Inter,sans-serif;cursor:pointer}
.network-scenarios button{border:1px solid transparent;background:transparent;color:#625c50;font-size:12px;padding:10px 13px;border-radius:3px;min-height:44px}
.network-scenarios button[aria-pressed=true]{background:#15130d;color:#f6f3eb}
.network-scenarios button:hover:not([aria-pressed=true]){background:#e8e2d4}
.network-auto{flex-shrink:0;display:flex;align-items:center;gap:8px;min-height:44px;border:0;background:transparent;color:#5e574b;font-size:11px;padding:8px}
.network-auto i{width:6px;height:6px;border-radius:50%;background:#8b867b}
.network-auto[aria-pressed=true] i{background:#2a28f0;box-shadow:0 0 0 4px #2a28f012}
.network-field{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;padding:22px 28px 26px 10px;gap:0;background-image:radial-gradient(#a49d8e35 .75px,transparent .75px);background-size:13px 13px}
.network-stage{position:relative;aspect-ratio:1;min-width:0;width:100%;max-width:640px;margin:auto;isolation:isolate}
.network-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.network-connections line{stroke:#7b786e;stroke-width:.7;opacity:.18;vector-effect:non-scaling-stroke;transition:stroke .7s,opacity .7s}
.network-connections line.is-active{stroke:#2a28f0;opacity:.58;stroke-width:1.1}
.network-node{position:absolute;left:var(--nx);top:var(--ny);width:var(--ns);min-width:24px;aspect-ratio:1;transform:translate(-50%,-50%);border:0;background:transparent;border-radius:50%;padding:0;z-index:1;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.network-node:before{content:'';position:absolute;inset:-7px;border:1px solid transparent;border-radius:50%;transition:border-color .65s}
.network-crop{display:block;position:absolute;inset:0;overflow:hidden;border-radius:50%;background:#d6d1c5;box-shadow:0 0 0 2px #f6f3eb;filter:grayscale(1);opacity:.74;transition:filter .7s,opacity .7s,box-shadow .7s}
.network-crop img{position:absolute;max-width:none;object-fit:fill;display:block}
.network-node[aria-pressed=true]{z-index:3;transform:translate(-50%,-50%) scale(1.34)}
.network-node[aria-pressed=true]:before{border-color:#2a28f07a}
.network-node[aria-pressed=true] .network-crop{filter:grayscale(0);opacity:1;box-shadow:0 0 0 2px #f6f3eb,0 0 0 3px #2a28f0}
.network-node:hover{z-index:4}
.network-node:hover .network-crop{opacity:1}
.network-node:focus-visible{outline:3px solid #2a28f0;outline-offset:6px}
.network-panel button:not(.network-node):focus-visible{outline:3px solid #2a28f0;outline-offset:3px}
.network-persona-card{position:relative;z-index:5;background:#fffdf7;border:1px solid #dad3c5;border-radius:6px;padding:24px;box-shadow:0 12px 38px #3027190b;min-height:455px}
.network-card-header{display:flex;align-items:center;gap:15px;margin:17px 0 18px}
.network-card-portrait{position:relative;flex:0 0 57px;height:57px}
.network-card-portrait .network-crop{filter:none;opacity:1;box-shadow:none}
.network-persona-card .network-overline{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#696254}
.network-persona-card h3{font-size:24px;line-height:1.2;letter-spacing:-.04em;font-weight:650;margin:0 0 4px}
.network-card-header p{font-size:11px;color:#676052;margin:0;line-height:1.5}
.network-persona-meta{font-size:11px;color:#615a4d;line-height:1.7;margin:0 0 19px}
.network-persona-meta span{display:block}
.network-persona-card dl{display:grid;gap:12px;padding:16px 0;border-top:1px solid #e5ded0;border-bottom:1px solid #e5ded0;margin:0 0 17px}
.network-persona-card dt{font-size:9px;color:#777062;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.network-persona-card dd{font-size:12px;font-weight:500;line-height:1.5;margin:0}
.network-response-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#2a28f0;margin:0 0 8px}
.network-persona-card blockquote{margin:0;font-size:14px;line-height:1.65;letter-spacing:-.015em;color:#373126;min-height:92px}
.network-persona-traits{font-size:9px;line-height:1.7;color:#766e5e;margin:15px 0 0}
.network-bottom{border-top:1px solid #dcd5c7;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;background:#f1ece1}
.network-bottom h3{font-size:16px;font-weight:600;letter-spacing:-.025em;margin:0 0 5px}
.network-bottom p{font-size:11px;color:#71695a;line-height:1.6;margin:0}
.network-pager{display:flex;gap:8px;align-items:center;flex-shrink:0}
.network-pager span{font-size:11px;color:#6a6356;margin-right:8px}
.network-pager button{display:grid;place-items:center;width:44px;height:44px;font-size:20px;line-height:1;border:1px solid #c7beac;border-radius:50%;background:transparent;color:#15130d}
.network-pager button:hover{background:#15130d;color:#fff}
.network-footnote{display:flex;justify-content:space-between;gap:30px;margin-top:18px;color:#b7b0a0;font-size:10px;line-height:1.7}
.network-footnote p{margin:0;max-width:75ch}
@media(min-width:1350px){.network-field{grid-template-columns:minmax(0,1fr) 340px}.network-persona-card{padding:28px}}
@media(max-width:1000px){.network-toolbar{align-items:start;flex-direction:column;gap:4px}.network-auto{align-self:flex-end}.network-field{grid-template-columns:minmax(0,1fr) 285px;padding:12px}.network-persona-card{padding:20px}.network-scenarios button{font-size:11px}.persona-network-heading>p{max-width:35ch}}
@media(max-width:760px){.persona-network-heading{display:block}.persona-network-heading>p{margin-top:24px;max-width:50ch;font-size:15px}.network-field{grid-template-columns:1fr;padding:4px 16px 20px}.network-stage{max-width:580px;margin:auto}.network-persona-card{min-height:0;max-width:540px;width:100%;margin:auto;padding:22px}.network-persona-card blockquote{min-height:0}.network-persona-card dl{grid-template-columns:1fr 1fr;gap:18px}.network-toolbar{padding:13px 16px;gap:5px}.network-scenarios{gap:3px}.network-scenarios button{padding:8px 10px}.network-auto{min-height:32px;padding:4px 0}.network-bottom{padding:18px;align-items:start;flex-direction:column;gap:16px}.network-pager{align-self:flex-end}.network-footnote{flex-direction:column;gap:8px}.network-node{width:calc(var(--ns) + .7%)}.network-card-header{margin-top:13px}}
@media(max-width:380px){.network-scenarios button{font-size:10px;padding:8px}.network-field{padding-inline:10px}.network-persona-card{padding:18px}.network-persona-card dl{grid-template-columns:1fr}.network-node:before{inset:-4px}}
@media(prefers-reduced-motion:reduce){.network-node,.network-node:before,.network-crop,.network-connections line{transition:none!important}}
