@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Serif+SC:wght@600;700;900&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#10110f;--paper:#eeeae1;--acid:#d7ff36;--muted:#aaa79f;--line:#2c2e29;--serif:"Noto Serif SC",serif;--sans:"DM Sans","PingFang SC",sans-serif;--mono:"Space Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}.skip{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-150%);background:var(--acid);color:var(--ink);padding:10px}.skip:focus{transform:none}.noise{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:34rem;height:34rem;border-radius:50%;background:radial-gradient(circle,#d7ff3614,transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:2}.topbar{height:80px;position:absolute;z-index:20;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;border-bottom:1px solid #ffffff24;font:10px var(--mono);letter-spacing:.1em}.mark{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.mark span{display:grid;place-items:center;width:30px;height:30px;background:var(--acid);color:var(--ink);font:bold 18px var(--sans)}.live{display:flex;align-items:center;gap:10px}.live i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);animation:blink 1.8s infinite}.topbar nav{justify-self:end;display:flex;align-items:center;gap:24px}.topbar nav a{color:inherit;text-decoration:none}.topbar nav a:hover{color:var(--acid)}.contact{border:1px solid #ffffff50;padding:10px 14px}.hero{position:relative;min-height:100dvh;padding:150px 4vw 50px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 38%,#34382e 0,transparent 32%),linear-gradient(115deg,transparent 0 62%,#ffffff05 62%);z-index:-1}.hero-meta{display:flex;justify-content:space-between;width:50%;font:10px var(--mono);letter-spacing:.13em;color:#c7c5bd}.hero h1{position:relative;z-index:3;margin:3vh 0;font:900 clamp(52px,8.1vw,132px)/.88 var(--serif);letter-spacing:-.07em;max-width:1300px}.hero h1 span{display:block;width:max-content}.hero h1 span:nth-child(2){margin-left:15vw}.hero h1 span:nth-child(3){margin-left:4vw}.hero h1 span:nth-child(4){margin-left:19vw}.outline{-webkit-text-stroke:1px var(--paper);color:transparent}.accent{color:var(--acid)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:3}.hero-bottom p{font-size:clamp(14px,1.4vw,19px);line-height:1.65;max-width:34em}.round-link{width:116px;height:116px;border:1px solid #ffffff55;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:inherit;text-decoration:none;font:10px var(--mono);transition:.3s}.round-link b{font-size:24px}.round-link:hover{background:var(--acid);color:var(--ink);transform:rotate(-8deg)}.orbit{position:absolute;border:1px solid #ffffff1c;border-radius:50%;pointer-events:none}.orbit-a{right:-8vw;top:20vh;width:36vw;height:36vw;display:flex;align-items:center;justify-content:center;color:#ffffff2b;font:10px var(--mono);animation:spin 18s linear infinite}.orbit-b{right:7vw;top:35vh;width:8vw;height:8vw;background:var(--acid);box-shadow:0 0 70px #d7ff3630}.ticker{overflow:hidden;background:var(--acid);color:var(--ink);transform:rotate(-1deg) scale(1.02);position:relative;z-index:5}.ticker div{display:flex;gap:28px;width:max-content;padding:16px 0;font:700 14px var(--mono);animation:ticker 22s linear infinite}.ticker i{font-style:normal}.signals{background:var(--paper);color:var(--ink);padding:150px 4vw}.section-head{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:30px;align-items:end;margin-bottom:70px}.section-head>span{font:10px var(--mono);letter-spacing:.13em}.section-head h2{margin:0;font:900 clamp(50px,7vw,100px)/.92 var(--serif);letter-spacing:-.06em}.section-head p{margin:0 0 8px;line-height:1.7;color:#55584f}.signal-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.signal{min-height:520px;padding:30px;position:relative;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #2223;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.signal:hover{transform:translateY(-7px)}.signal .no{font:10px var(--mono);letter-spacing:.12em;position:relative;z-index:3}.signal h3{font:700 clamp(28px,3vw,48px)/1.05 var(--serif);letter-spacing:-.04em;margin:0 0 18px}.signal p{max-width:31em;line-height:1.7}.signal b{font:10px var(--mono);letter-spacing:.08em}.signal-main{background:var(--ink);color:var(--paper);min-height:650px}.pulse-map{position:absolute;inset:8% -5% 30%;background:repeating-radial-gradient(ellipse at center,transparent 0 28px,#d7ff3630 29px 30px)}.pulse-map i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 20px var(--acid)}.pulse-map i:nth-child(1){left:23%;top:41%}.pulse-map i:nth-child(2){left:48%;top:24%}.pulse-map i:nth-child(3){left:65%;top:58%}.pulse-map i:nth-child(4){left:78%;top:33%}.pulse-map i:nth-child(5){left:38%;top:70%}.signal-light{background:var(--acid);min-height:650px}.signal-light strong{font:700 clamp(50px,7vw,100px)/.8 var(--mono);letter-spacing:-.09em;transform:rotate(-8deg);align-self:center}.signal-photo{background:#c8c1b1}.abstract-face{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 35%,#d9d0bf 0 11%,transparent 11.5%),radial-gradient(ellipse at 59% 39%,#272821 0 1.5%,transparent 2%),linear-gradient(115deg,transparent 0 40%,#5d5a50 41% 54%,transparent 55%),linear-gradient(40deg,#777467,#bbb2a1);filter:contrast(1.1)}.abstract-face:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#121310e8 0,transparent 58%)}.signal-photo>div:last-child{position:relative;color:white;z-index:2}.signal-line{background:transparent;border:1px solid #77736a;min-height:380px;grid-column:2}.signal-line blockquote{font:600 clamp(27px,3vw,44px)/1.35 var(--serif);margin:auto 0}.signal-line div{display:flex;justify-content:space-between;font:10px var(--mono)}.work-index{padding:150px 4vw}.inverse{grid-template-columns:1fr 2.8fr}.work-list{border-top:1px solid #ffffff44}.work-row{display:grid;grid-template-columns:70px 1.2fr 1fr 40px;align-items:center;gap:20px;padding:32px 8px;border-bottom:1px solid #ffffff31;color:inherit;text-decoration:none;transition:.25s}.work-row:hover{background:var(--acid);color:var(--ink);padding-left:22px}.work-row em{font:10px var(--mono);font-style:normal}.work-row h3{margin:0;font:700 clamp(26px,3.2vw,48px) var(--serif);letter-spacing:-.04em}.work-row span{color:#aaa}.work-row:hover span{color:#30322c}.work-row b{font-size:22px}.all-work{margin-top:50px;display:flex;justify-content:space-between;padding:20px 0;border-bottom:3px solid var(--acid);color:inherit;text-decoration:none;font:12px var(--mono)}.manifesto{background:var(--acid);color:var(--ink);padding:140px 4vw 55px}.manifesto p{margin:0;font:900 clamp(42px,6.7vw,108px)/1.05 var(--serif);letter-spacing:-.06em}.manifesto p:nth-child(even){text-align:right}.manifesto mark{background:var(--ink);color:var(--acid);padding:0 .08em}.manifesto-foot{display:flex;justify-content:space-between;margin-top:100px;padding-top:18px;border-top:1px solid #10110f;font:10px var(--mono)}footer{padding:90px 4vw 30px}footer>div:first-child{display:flex;flex-direction:column;gap:12px}footer>div:first-child span{font:10px var(--mono)}footer>div:first-child a{color:inherit;font:700 clamp(34px,6vw,84px)/1.1 var(--serif);letter-spacing:-.05em;text-decoration:none}footer>div:first-child a:hover{color:var(--acid)}.footer-bottom{display:flex;gap:30px;margin-top:100px;padding-top:20px;border-top:1px solid #ffffff44;font:9px var(--mono)}.footer-bottom a,.footer-bottom button{color:inherit;text-decoration:none}.footer-bottom button{margin-left:auto;border:0;background:none;cursor:pointer}.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.25}}
@media(max-width:800px){.cursor-glow{display:none}.topbar{height:68px;grid-template-columns:1fr auto;padding:0 16px}.live{display:none}.topbar nav{gap:12px}.topbar nav a:first-child,.topbar nav a:nth-child(3){display:none}.mark b{display:none}.hero{padding:120px 18px 36px}.hero-meta{width:100%}.hero-meta span:last-child{display:none}.hero h1{font-size:clamp(48px,16vw,76px);line-height:.95}.hero h1 span:nth-child(n){margin-left:0;width:auto}.outline{-webkit-text-stroke:.7px var(--paper)}.hero-bottom{align-items:center}.hero-bottom p{font-size:13px;max-width:20em}.round-link{width:86px;height:86px}.orbit-a{width:90vw;height:90vw;right:-45vw}.orbit-b{width:22vw;height:22vw;right:8vw}.signals,.work-index{padding:100px 16px}.section-head,.inverse{grid-template-columns:1fr}.section-head h2{font-size:54px}.section-head p{display:none}.signal-grid{grid-template-columns:1fr}.signal,.signal-main,.signal-light{min-height:510px}.signal-line{grid-column:auto;min-height:330px}.work-row{grid-template-columns:36px 1fr 24px;padding:24px 0}.work-row span{display:none}.manifesto{padding:100px 16px 38px}.manifesto p{font-size:11vw}.manifesto-foot{margin-top:70px}.footer-bottom{flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}footer{padding:70px 16px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Live information layer and readability fixes. */
.manifesto p{line-height:1.575}
.manifesto mark{padding:.04em .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
footer>div:first-child a{line-height:1.25;text-wrap:balance}
.meteor-field{position:absolute;inset:80px 0 0;z-index:4;overflow:hidden;pointer-events:none}
.meteor{--meteor-y:20%;position:absolute;top:var(--meteor-y);left:0;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:10px;width:max-content;max-width:min(620px,70vw);padding:10px 14px;color:var(--paper);background:#10110fd9;border:1px solid #d7ff3655;box-shadow:0 0 28px #d7ff3614;backdrop-filter:blur(10px);font:9px var(--mono);letter-spacing:.06em;text-decoration:none;opacity:0;transform:translate3d(115vw,-30vh,0) rotate(-12deg);animation:meteor-pass 16s cubic-bezier(.2,.75,.25,1) infinite;pointer-events:auto;will-change:transform,opacity}
.meteor:before{content:"";position:absolute;right:100%;top:50%;width:28vw;height:1px;background:linear-gradient(90deg,transparent,#d7ff3699);box-shadow:0 0 10px #d7ff36;transform-origin:right center}
.meteor span{color:var(--acid);white-space:nowrap}.meteor b{font:600 13px var(--sans);white-space:nowrap}.meteor i{color:#aaa;font-style:normal;white-space:nowrap}.meteor:hover,.meteor:focus-visible{background:var(--acid);color:var(--ink);border-color:var(--acid);outline:none;animation-play-state:paused}.meteor:hover span,.meteor:hover i,.meteor:focus-visible span,.meteor:focus-visible i{color:var(--ink)}
.meteor-1{--meteor-y:18%;animation-delay:-2s}.meteor-2{--meteor-y:36%;animation-delay:-11s;animation-duration:18s}.meteor-3{--meteor-y:57%;animation-delay:-6s;animation-duration:20s}.meteor-4{--meteor-y:72%;animation-delay:-15s;animation-duration:19s}.meteor-5{--meteor-y:27%;animation-delay:-8s;animation-duration:22s}
@keyframes meteor-pass{0%{opacity:0;transform:translate3d(115vw,-25vh,0) rotate(-12deg)}8%{opacity:1}35%{opacity:1;transform:translate3d(62vw,3vh,0) rotate(-6deg)}48%,64%{opacity:1;transform:translate3d(56vw,6vh,0) rotate(0)}78%{opacity:.8}100%{opacity:0;transform:translate3d(-45vw,40vh,0) rotate(7deg)}}
@media(max-width:800px){.meteor-field{inset:68px 0 0}.meteor{grid-template-columns:auto auto;max-width:82vw;padding:8px 10px}.meteor i{display:none}.meteor b{font-size:11px}.meteor-1{--meteor-y:16%}.meteor-2{--meteor-y:32%}.meteor-3{--meteor-y:48%}.meteor-4{--meteor-y:64%}.meteor-5{--meteor-y:76%}.manifesto p{line-height:1.55}}
@media(prefers-reduced-motion:reduce){.meteor-field{display:grid;align-content:start;gap:8px;inset:82px 4vw auto 54%}.meteor{position:relative;top:auto;left:auto;opacity:1;transform:none;max-width:42vw}.meteor:before{display:none}}

/* Quiet signal choreography: fixed focal point, no fly-through or hard stop. */
.meteor-field{inset:80px 0 48%;overflow:hidden}
.gravity-field{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.8;mix-blend-mode:screen}
.gravity-field canvas{display:block;width:100%;height:100%}
.hero>.ticker{width:calc(100% + 8vw);margin-left:-4vw;flex:0 0 auto}
.meteor{--meteor-y:22%;top:var(--meteor-y);left:auto;right:4vw;max-width:min(520px,38vw);padding:9px 13px;transform:translate3d(24px,0,0);animation-name:meteor-pass;animation-duration:30s!important;animation-timing-function:linear;animation-iteration-count:infinite}
.meteor:before{right:auto;left:100%;width:5vw;opacity:.28;background:linear-gradient(90deg,#d7ff3670,transparent);box-shadow:none}
.meteor-1{--meteor-y:22%;animation-delay:0s}.meteor-2{--meteor-y:22%;animation-delay:-6s}.meteor-3{--meteor-y:22%;animation-delay:-12s}.meteor-4{--meteor-y:22%;animation-delay:-18s}.meteor-5{--meteor-y:22%;animation-delay:-24s}
@keyframes meteor-pass{
  0%,1.5%{opacity:0;transform:translate3d(24px,0,0)}
  4%{opacity:.82;transform:translate3d(8px,0,0)}
  6%,15%{opacity:1;transform:translate3d(0,0,0)}
  18.5%{opacity:0;transform:translate3d(-8px,0,0)}
  20%,100%{opacity:0;transform:translate3d(-8px,0,0)}
}
@media(max-width:800px){
  .gravity-field{display:none}
  .hero>.ticker{width:calc(100% + 36px);margin-left:-18px;transform:rotate(-.5deg) scale(1.01)}
  .hero>.ticker div{padding:12px 0;font-size:12px}
  .meteor-field{inset:68px 0 58%}
  .meteor{--meteor-y:18%;top:var(--meteor-y);right:16px;max-width:78vw;animation-name:meteor-pass-mobile}
  .meteor:before{width:8vw}
  @keyframes meteor-pass-mobile{
    0%,1.5%{opacity:0;transform:translate3d(18px,0,0)}
    4%{opacity:.82;transform:translate3d(6px,0,0)}
    6%,15%{opacity:1;transform:translate3d(0,0,0)}
    18.5%{opacity:0;transform:translate3d(-6px,0,0)}
    20%,100%{opacity:0;transform:translate3d(-6px,0,0)}
  }
}
@media(prefers-reduced-motion:reduce){.meteor-field{display:none}}
@media(prefers-reduced-motion:reduce){.gravity-field{display:none}}

/* Mobile reading pass: preserve hierarchy without collisions. */
@media(max-width:800px){
  .hero{min-height:auto;padding:104px 18px 34px;gap:18px;justify-content:flex-start}
  .hero-meta{font-size:9px;letter-spacing:.1em}
  .hero h1{margin:34px 0 10px;font-size:clamp(44px,12.8vw,60px);line-height:1;letter-spacing:-.065em;max-width:100%}
  .hero h1 span:nth-child(n){width:auto;margin-left:0;text-wrap:balance}
  .hero>.ticker{margin-top:0;margin-bottom:12px}
  .hero-bottom{margin-top:24px;gap:16px;align-items:flex-end}
  .hero-bottom p{margin:0;font-size:13px;line-height:1.65;max-width:min(23em,72vw)}
  .round-link{width:72px;height:72px;flex:0 0 72px;font-size:9px}
  .round-link b{font-size:19px}
  .orbit-a{top:18vh;right:-58vw;width:92vw;height:92vw;opacity:.55}
  .orbit-b{top:116px;right:18px;width:54px;height:54px;box-shadow:0 0 38px #d7ff3624;opacity:.82}
  .meteor-field{inset:68px 0 72%}
  .meteor{--meteor-y:20%;right:12px;max-width:72vw;padding:7px 9px;gap:7px}
  .meteor span{font-size:7px}.meteor b{font-size:10px}
  .signals,.work-index{padding:78px 16px 88px}
  .section-head{gap:16px;margin-bottom:42px}
  .section-head h2{font-size:clamp(42px,12vw,54px);line-height:.98}
  .signal-grid{gap:12px}
  .signal,.signal-main,.signal-light{min-height:430px;padding:22px}
  .signal h3{font-size:clamp(27px,8vw,36px);line-height:1.12}
  .signal p{font-size:14px;line-height:1.65}
  .signal-light strong{font-size:clamp(48px,16vw,72px)}
  .signal-line{min-height:285px}
  .signal-line blockquote{font-size:clamp(25px,7.5vw,34px)}
  .work-row h3{font-size:clamp(24px,7vw,34px)}
  .manifesto{padding:78px 16px 34px}
  .manifesto p{font-size:9.5vw;line-height:1.62;letter-spacing:-.045em}
  .manifesto-foot{margin-top:52px;gap:14px;line-height:1.5}
  footer{padding:58px 16px 24px}
  footer>div:first-child a{font-size:clamp(31px,9vw,48px);line-height:1.25}
  .footer-bottom{margin-top:64px;gap:18px}
}
@media(max-width:480px){
  .topbar{padding:0 14px}.topbar nav{gap:8px}.contact{padding:9px 10px}
  .hero{padding:94px 14px 24px;gap:14px}
  .hero h1{margin:30px 0 8px;font-size:clamp(42px,12.4vw,54px);line-height:1.01}
  .hero>.ticker{width:calc(100% + 28px);margin-left:-14px;margin-bottom:8px}
  .hero>.ticker div{padding:10px 0;font-size:10px;gap:22px}
  .hero-bottom p{font-size:12px;max-width:68vw}
  .round-link{width:64px;height:64px;flex-basis:64px}
  .orbit-a{top:19vh;right:-64vw}.orbit-b{top:108px;right:14px;width:42px;height:42px}
  .meteor{right:10px;max-width:76vw}
  .signals,.work-index{padding-left:14px;padding-right:14px}
  .signal,.signal-main,.signal-light{min-height:390px;padding:20px}
  .manifesto{padding-left:14px;padding-right:14px}
  .manifesto p{font-size:9vw}
}

/* A living, privacy-safe map of Jerry's public knowledge systems. */
.knowledge-graph-field{position:absolute;inset:80px 0 0;z-index:2;pointer-events:none;overflow:hidden;opacity:.92;mask-image:linear-gradient(90deg,transparent 0 39%,#000 54% 100%)}
.knowledge-graph-field:before{content:"";position:absolute;right:2vw;top:8%;width:min(48vw,720px);aspect-ratio:1;border:1px solid #d7ff360e;border-radius:50%;background:radial-gradient(circle,#d7ff3609 0 1px,transparent 1.5px);background-size:24px 24px;opacity:.45}
.knowledge-graph-field canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.knowledge-graph-labels{position:absolute;inset:0}.graph-label{position:absolute;left:0;top:0;color:#c7c9bf;font:8px var(--mono);letter-spacing:.06em;white-space:nowrap;opacity:0;will-change:transform,opacity;text-shadow:0 0 8px #10110f;transition:opacity .25s}.graph-label.level-0{color:var(--acid);font-weight:700;font-size:10px}.graph-label.level-1{color:#e5e6df;font-size:9px}
.knowledge-graph-caption{position:absolute;right:4vw;bottom:7vh;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:8px var(--mono);letter-spacing:.13em;color:#777b70}.knowledge-graph-caption b{color:var(--acid);font-size:9px}
.static-graph:after{content:"";position:absolute;right:8vw;top:20%;width:38vw;max-width:520px;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,var(--acid) 0 3px,transparent 4px),radial-gradient(circle at 28% 38%,#d7ff36 0 2px,transparent 3px),radial-gradient(circle at 70% 31%,#d7ff36 0 2px,transparent 3px),radial-gradient(circle at 68% 70%,#d7ff36 0 2px,transparent 3px),radial-gradient(circle at 31% 72%,#d7ff36 0 2px,transparent 3px);filter:drop-shadow(0 0 8px #d7ff3666);opacity:.75}
.orbit-a,.orbit-b{display:none!important}
@media(max-width:800px){.knowledge-graph-field{inset:68px 0 auto;height:42vh;opacity:.52;mask-image:linear-gradient(90deg,transparent 0 62%,#000 82%)}.knowledge-graph-field:before{right:-12vw;top:8%;width:64vw}.knowledge-graph-caption{display:none}.graph-label.level-2{display:none}.graph-label.level-0{font-size:8px}.graph-label.level-1{font-size:7px}.static-graph:after{right:-7vw;top:12%;width:60vw}}
@media(prefers-reduced-motion:reduce){.knowledge-graph-field{opacity:.36}.knowledge-graph-field:not(.static-graph) canvas,.knowledge-graph-labels{display:none}}