:root{--about-blue:#5aaeff;--about-violet:#756cff}
.about-grid{display:grid;grid-template-columns:minmax(46px,.65fr) minmax(0,4.8fr) minmax(270px,2fr);column-gap:clamp(24px,4vw,76px);padding-inline:var(--pad)}
.about-number,.about-kicker{color:var(--muted);font:500 10px/1.35 var(--mono);letter-spacing:.18em}.about-number{padding-top:8px}.about-kicker{margin:0 0 22px}
.about-profile{position:relative;min-height:100svh;align-content:center;padding-top:clamp(130px,16vh,190px);padding-bottom:clamp(100px,13vh,160px);overflow:hidden}
.about-profile:before{content:"";position:absolute;z-index:-1;width:min(64vw,970px);aspect-ratio:1;right:-18vw;top:5vh;border:1px solid rgba(202,255,26,.12);border-radius:50%;box-shadow:0 0 130px rgba(202,255,26,.035)}
.about-profile__heading{grid-column:2}.about-profile__heading h1,.about-workflow__heading h2,.about-principles__heading h2{margin:0;font-size:clamp(54px,7.25vw,118px);font-weight:700;line-height:.82;letter-spacing:-.075em;text-transform:uppercase}.about-profile__heading em,.about-workflow__heading em,.about-principles__heading em{font-family:Georgia,serif;font-weight:400;text-transform:none}
.about-profile__copy{grid-column:3;align-self:end;min-width:0}.about-profile__copy p{margin:0 0 22px;color:#b3b3ac;font-size:clamp(16px,1.35vw,21px);line-height:1.45}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}.about-tags span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:500 9px var(--mono);letter-spacing:.13em}.about-profile__rule{grid-column:2/4;height:1px;margin-top:clamp(80px,10vh,130px);background:var(--line)}
.about-workflow{padding-top:clamp(120px,14vw,205px);padding-bottom:clamp(130px,15vw,220px);border-top:1px solid var(--line)}.about-workflow__heading{grid-column:2}.about-workflow__copy{grid-column:3;align-self:end;min-width:0}.about-workflow__copy p{max-width:430px;margin:0;color:#b1b1aa;font-size:clamp(16px,1.45vw,22px);line-height:1.4}
.about-workflow__graph{position:relative;grid-column:2/4;justify-self:center;width:min(100%,1040px);margin-top:clamp(65px,8vw,115px);padding:clamp(38px,3.5vw,52px) clamp(24px,3vw,44px) clamp(22px,2.5vw,38px);translate:clamp(-120px,-6vw,-60px) 0;overflow:visible;border:0;border-radius:0;background:transparent}.about-workflow__graph:before{display:none}.graph-kicker{position:absolute;z-index:1;top:20px;left:24px;color:var(--muted);font:500 8px var(--mono);letter-spacing:.14em}.about-workflow__graph svg{position:relative;display:block;width:min(100%,920px);height:auto;margin:0 auto;overflow:visible}
.about-edge-trunk{fill:none;stroke:url(#aboutEdgeGrad);stroke-width:1.5;stroke-linecap:round}.about-edge-cross{fill:none;stroke:rgba(195,221,255,.15);stroke-width:1;stroke-dasharray:6 8}.about-flow-sequence{fill:none;stroke:url(#aboutSignalGrad);stroke-width:2.4;stroke-dasharray:120 880;stroke-linecap:round;stroke-linejoin:round;filter:url(#aboutSignalGlow);pointer-events:none}.about-flow-head{fill:#f7fdff;stroke:var(--accent);stroke-width:1.5;filter:url(#aboutHeadGlow)}.about-node-core{fill:#f4fbff;filter:drop-shadow(0 0 13px var(--about-blue))}.about-node-mid{fill:#dcefff;filter:drop-shadow(0 0 8px rgba(101,183,255,.85))}.about-node-out{fill:#eaffbc;filter:drop-shadow(0 0 9px rgba(202,255,26,.7))}.about-node-ring{fill:none;stroke:rgba(202,255,26,.32);stroke-width:1}.about-node-halo{fill:none;stroke:rgba(101,183,255,.3);stroke-width:1}.about-ping{fill:none;stroke:rgba(140,229,255,.28);stroke-width:1}.about-label-out,.about-label-mid,.about-label-core{font-family:"DM Mono",Consolas,monospace;font-weight:500}.about-label-out{fill:#f1f7ff;font-size:17.5px}.about-label-mid{fill:#d3e0ef;font-size:16.5px;text-anchor:middle}.about-label-core{fill:#f6faff;font-size:18px;text-anchor:end}
.about-principles{min-height:100svh;align-content:center;padding-top:clamp(130px,15vw,220px);padding-bottom:clamp(130px,15vw,220px);border-top:1px solid var(--line);background:#121310}.about-principles__heading{grid-column:2}.about-principles__copy{position:relative;z-index:2;grid-column:3;align-self:end;min-width:0;padding-bottom:.4em}.about-principles__copy p{margin:0 0 22px;font-size:clamp(17px,1.5vw,23px);line-height:1.4}.about-principles__copy p:last-child{margin-bottom:0;color:var(--accent)}
.about-footer{min-height:120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:25px var(--pad);border-top:1px solid var(--line);font:500 9px var(--mono);letter-spacing:.12em}.about-footer nav{display:flex;gap:25px}.about-footer>a:last-child{justify-self:end}.about-footer a:hover{color:var(--accent)}
@media(max-width:1000px){.about-grid{grid-template-columns:52px minmax(0,1fr)}.about-profile__heading,.about-profile__copy,.about-workflow__heading,.about-workflow__copy,.about-workflow__graph,.about-principles__heading,.about-principles__copy{grid-column:2}.about-profile__copy,.about-workflow__copy,.about-principles__copy{max-width:650px;margin-top:55px}.about-profile__rule{grid-column:2}.about-workflow__graph{width:100%;translate:0}.about-principles{min-height:auto}.about-footer{grid-template-columns:1fr 1fr}.about-footer nav{display:none}.project-cursor{display:none}}
@media(max-width:620px){.about-grid{grid-template-columns:1fr}.about-number{grid-column:1;margin-bottom:40px}.about-profile__heading,.about-profile__copy,.about-workflow__heading,.about-workflow__copy,.about-workflow__graph,.about-principles__heading,.about-principles__copy{grid-column:1;min-width:0}.about-profile{min-height:auto;padding-top:120px}.about-profile__heading h1,.about-workflow__heading h2,.about-principles__heading h2{font-size:clamp(40px,12vw,62px);line-height:.84}.about-profile__copy,.about-workflow__copy,.about-principles__copy{margin-top:45px}.about-profile__copy p,.about-workflow__copy p,.about-principles__copy p{font-size:16px}.about-profile__rule{grid-column:1;margin-top:70px}.about-workflow{padding-block:105px}.about-workflow__graph{margin-top:58px;padding:42px 14px 18px;overflow-x:auto;border-radius:16px}.graph-kicker{top:15px;left:16px}.about-workflow__graph svg{width:720px;max-width:none;margin:0}.about-principles{padding-block:105px}.about-footer{min-height:100px}.about-footer>a:last-child{font-size:8px}}
