.about-visual-stack{min-width:0;display:grid;gap:26px;align-self:start}
.about-visual-stack .about-art{position:relative;top:auto}
.creative-process{padding:30px 24px 25px;border:1px solid #fff9;border-radius:22px;background:linear-gradient(135deg,#ffffff70,#d7e4e859);box-shadow:inset 0 1px 0 #fff9,0 14px 35px #315c6806;overflow:hidden;color:#182c36}
.creative-process .eyebrow{font-size:9px;letter-spacing:1.8px;color:#4c6b78}
.process-spark{font-size:16px}
.creative-process h3{font-size:clamp(19px,1.7vw,26px);font-weight:600;line-height:1.4;letter-spacing:-.035em;margin-top:12px;max-width:26ch}
.process-network{position:relative;height:320px;margin:10px -10px 4px;isolation:isolate;touch-action:pan-y;background:radial-gradient(ellipse at 50% 50%,#b6cfd950,transparent 66%)}
.process-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.process-connections line{stroke:#8caab780;stroke-width:1;transition:stroke .25s}
.process-connections line.is-connected{stroke:#527c8ea8;stroke-width:1.2}
.process-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #ffffffb8;border-radius:50%;width:30px;height:30px;background:#f2f8fa80;color:#6c8e9b;font-size:14px;box-shadow:0 0 0 9px #fff2;pointer-events:none}
.process-node{position:absolute;left:var(--px);top:var(--py);width:122px;min-height:102px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border:1px solid #ffffffd9;border-radius:19px;color:#2e5363;background:linear-gradient(135deg,#ffffffc7,#eff7f887 60%,#d4e5ec91);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:inset 0 1px 1px #fff,0 7px 17px #315c680d;transition:background .25s,border-color .25s,box-shadow .25s}
.process-node[data-stage="0"]{--px:25%;--py:24%}
.process-node[data-stage="1"]{--px:75%;--py:34%}
.process-node[data-stage="2"]{--px:70%;--py:78%}
.process-node[data-stage="3"]{--px:25%;--py:73%}
.process-node svg{width:24px;height:24px;flex-shrink:0}
.process-node strong{font:650 15px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.02em}
.process-node small{font-size:10px;line-height:1.4;text-align:center;color:#536f7b}
.process-node.is-selected{border-color:#87a8b8;background:linear-gradient(135deg,#f9fdff,#d8e8eecc);box-shadow:inset 0 1px 1px #fff,0 9px 22px #315c6818}
.process-network .process-node:hover,.process-network .process-node:active{translate:none;scale:1}
.process-node:focus-visible{outline:2px solid #315c68;outline-offset:4px}
.process-notes{border-top:1px solid #b9cdd680;padding-top:16px;min-height:142px}
.process-hint{font-size:10px;font-weight:600;letter-spacing:.3px;color:#587581}
.process-description{font-size:13px;line-height:1.8;margin-top:10px;color:#425e6b}
.process-description[hidden]{display:none}
@media(max-width:1100px) and (min-width:761px){.creative-process{padding:24px 16px}.process-node{width:104px}.process-node small{font-size:9px}.process-network{margin-left:-5px;margin-right:-5px}}
@media(max-width:760px){.about-visual-stack{gap:20px}.creative-process{padding:25px 20px}.process-network{max-width:440px;width:100%;margin:10px auto}.creative-process h3{font-size:23px}.process-notes{min-height:115px}}
@media(max-width:400px){.creative-process{padding:22px 14px}.process-node{width:103px;min-height:99px;border-radius:16px}.process-node small{font-size:9px}.process-network{height:305px}.process-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){.process-node,.process-connections line{transition:none}}

/* Rounded glass rim for the original sphere artwork. */
.about-visual-stack .about-art{
 border-radius:32px;
 border:1px solid #eaf5f9b3;
 box-shadow:inset 1px 1px 2px #ffffffd9,inset -1px -2px 5px #6e93a42b,0 12px 30px #315c680a;
}
.about-visual-stack .about-art::before{
 content:"";position:absolute;inset:3px;border-radius:29px;pointer-events:none;z-index:3;
 border:1px solid #ffffff45;
 background:radial-gradient(ellipse at 0 0,#ffffff52,transparent 25%),radial-gradient(ellipse at 100% 100%,#e9f8ff30,transparent 22%);
 box-shadow:inset 1px 1px 3px #ffffff73,inset -1px -1px 3px #7ea0b019;
}
@media(max-width:600px){.about-visual-stack .about-art{border-radius:26px}.about-visual-stack .about-art::before{border-radius:23px}}