/* Motion portfolio: scoped to this landing page; annual archives retain their layout. */
.neon-page{--ink:#eaf4ff;--muted:#9eafc5;--green:#72e7ff;--lime:#8ceaff;--paper:#050914;--line:#243448;--navy:#060d1b;background:radial-gradient(ellipse at 90% 15%,#131b382e,transparent 45%),#050914;color:var(--ink)}
.neon-page .wrap{width:min(1360px,calc(100% - 96px))}.neon-page .site-head{background:#050914dc;border-color:#ffffff12}.neon-page .head-inner{min-height:88px}.neon-page .brand{font-size:23px;color:#f3f8ff}.neon-page .brand b{color:#6ce9ff}.neon-page .brand small{font-size:9px;color:#92a4bd}.neon-page .menu{gap:22px;color:#a9bad1}.neon-page .store-link{color:#d7e7fa;border-color:#354660;border-radius:24px}.neon-page a:focus-visible,.neon-page button:focus-visible,.neon-page select:focus-visible,.neon-page summary:focus-visible{outline-color:#8ceaff}
.neon-page .neon-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;gap:0;min-height:780px;padding:64px 0 28px}.neon-hero:before{content:"";position:absolute;z-index:-2;inset:-20px -40px;background:radial-gradient(ellipse at 77% 38%,#1760b02b,transparent 48%),radial-gradient(ellipse at 88% 64%,#9847ff1c,transparent 45%);pointer-events:none}.particle-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-grid{position:absolute;inset:45% -30px 0;z-index:-1;background-image:linear-gradient(#398cfa22 1px,transparent 1px),linear-gradient(90deg,#398cfa22 1px,transparent 1px);background-size:65px 65px;transform:perspective(380px) rotateX(58deg);transform-origin:center bottom;mask-image:linear-gradient(transparent,#000);animation:grid-drift 8s linear infinite;pointer-events:none}.hero-copy{z-index:3;align-self:center;padding-bottom:30px}.neon-page .hero .eyebrow{font-size:11px;letter-spacing:3px;line-height:1.7;color:#76edff;margin-bottom:30px}.neon-page .hero h1{font-size:clamp(48px,5.7vw,86px);line-height:1.12;letter-spacing:-5px;font-weight:900}.hero-alias{display:block;white-space:nowrap;color:#adf4ff;background:linear-gradient(115deg,#e5fcff 5%,#68dfff 48%,#b18bff 87%);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px #43baff21)}.hero-realname{display:block;font-size:25px;font-weight:550;color:#a2b5d0;letter-spacing:-.5px;margin:15px 0 32px}.hero-statement{font-size:clamp(25px,2.5vw,36px);line-height:1.5;letter-spacing:-1.3px;font-weight:650}.hero-statement em{font-style:normal;color:#dceaff}.neon-page .hero .intro{font-size:13px;color:#9eafc5;line-height:1.9;margin-top:20px}.neon-page .hero-actions{margin-top:28px;gap:14px}.neon-page .button{border-radius:32px;border-color:#425d80;background:#0c162b;color:#d9edff;transition:transform .2s,box-shadow .2s}.neon-page .button.primary{background:linear-gradient(120deg,#123c53,#162543);border-color:#5de1ff;color:#ecfcff;box-shadow:0 0 18px #2acbff20,inset 0 0 12px #18a1ff14}.neon-page .button:hover{box-shadow:0 0 25px #5de1ff40;transform:translateY(-3px)}.hero-status{display:flex;align-items:center;gap:20px;margin-top:30px;color:#8098b8;font-size:9px;letter-spacing:1.5px}.hero-status .live-dot{background:#63e4ff;box-shadow:0 0 10px #52dfff}.hero-status button{border:1px solid #334561;background:#0b1425;color:#adbed6;border-radius:20px;padding:7px 11px;font-size:10px;letter-spacing:0;min-height:34px}
.hero-art{position:relative;min-width:0;min-height:550px;align-self:stretch;z-index:1}.hero-person{position:absolute;width:125%;max-width:none;bottom:-5px;left:-10%;height:auto;z-index:2;mask-image:linear-gradient(#000 78%,transparent 99%);pointer-events:none}.portrait-halo{position:absolute;inset:8% -5% 3%;border-radius:50%;background:radial-gradient(ellipse,#1087d72b,transparent 67%);filter:blur(10px);animation:halo-breathe 7s ease-in-out infinite alternate}.orbit{position:absolute;border:1px solid #4be7ffb3;border-radius:50%;width:112%;height:35%;left:-2%;top:36%;box-shadow:0 0 12px #29c4ff77,inset 0 0 10px #1bacff33;transform:rotate(-24deg);z-index:1}.orbit-two{top:32%;height:42%;border-color:#bb75ff;transform:rotate(31deg);box-shadow:0 0 16px #b866ff66;animation:orbit-tilt 14s ease-in-out infinite alternate}.orbit-three{width:95%;height:55%;top:22%;left:8%;border:1px dashed #55d4ff77;transform:rotate(-40deg)}.orbit i{position:absolute;inset:0;border-radius:50%;animation:orbit-travel 9s linear infinite}.orbit i:before{content:"";position:absolute;left:48%;top:-4px;width:8px;height:8px;border-radius:50%;background:#dbffff;box-shadow:0 0 15px 5px #58dbff}.orbit-two i{animation-duration:13s;animation-direction:reverse}.orbit-two i:before{background:#f0c9ff;box-shadow:0 0 16px 4px #b06cff}.orbit-three i{animation-duration:18s}.holo{position:absolute;z-index:3;width:77px;height:80px;border:1px solid #56cfff77;border-radius:10px;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#193f6155,#10203f22);box-shadow:0 0 22px #42bcff18,inset 0 0 22px #42bcff18;color:#83ddff;font:28px monospace;backdrop-filter:blur(6px);animation:holo-float 6s ease-in-out infinite}.holo-code{right:0;top:15%;transform:rotate(7deg)}.holo-cube{left:4%;top:52%;animation-delay:-3s}.holo small{font-size:8px;letter-spacing:1px;margin-top:3px}.art-caption{position:absolute;bottom:16px;left:15%;right:0;z-index:4;display:flex;justify-content:space-between;color:#8eabd0;font-size:8px;letter-spacing:2px}.art-caption b{font-weight:400;color:#617b9e}
.hero-credentials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;grid-column:1/-1;z-index:4;margin-top:12px}.hero-credentials>div{display:flex;align-items:center;gap:15px;min-height:98px;padding:18px 20px;border:1px solid #469fce66;border-radius:13px;background:linear-gradient(120deg,#102b428c,#0a1228b3);box-shadow:inset 0 0 20px #57cfff08,0 0 16px #359fff0d;backdrop-filter:blur(10px)}.hero-credentials>div>span{font-size:29px;color:#7ee6ff;text-shadow:0 0 14px #48ccff66;line-height:1}.hero-credentials p{font-size:13px;font-weight:650;line-height:1.6}.hero-credentials small{display:block;color:#738eae;font:8px monospace;letter-spacing:1.5px;margin-bottom:5px}.hero-credentials b{font-weight:400;color:#b1c7e0;font-size:11px;display:block}
.neon-page .pillars,.neon-page .bio-card,.neon-page .research-card,.neon-page .app-card,.neon-page .press-card,.neon-page .book-panel{background:#0b1423;border-color:#26364a}.neon-page .pillars{margin-top:34px}.neon-page .pillar+.pillar{border-color:var(--line)}.neon-page .section{padding-top:100px}.neon-page .section-heading h2{font-size:34px}.neon-page .section-heading .eyebrow{color:#6fdcf7}.neon-page .filters select{color:#dceaff;background:#0c1829;border-color:#35465f}.neon-page .events{border-top-color:#4b6b91}.neon-page .event .tag{background:#132d40;color:#84dfff}.neon-page .event details p{background:#101f33}.neon-page .bio-row{border-color:#22344a}.neon-page .award{background:radial-gradient(at top right,#67349a33,transparent 70%),#0d192d;border-color:#6d579b77}.neon-page .award-symbol{color:#c0a3ff;border-color:#8060ba}.neon-page .award p,.neon-page .award .overline{color:#afbdd4}.neon-page .award .additional-awards{font-size:15px;margin:0 0 24px;color:#c9b5f2}.neon-page .lesson-feature{background:linear-gradient(145deg,#112c41,#101b35);border:1px solid #324c6c}.neon-page .app-visual{background:linear-gradient(130deg,#133745,#142539);color:#75e0dc}.neon-page .app-visual.blue{background:linear-gradient(130deg,#173653,#17213b);color:#87bcff}.neon-page .app-visual.purple{background:linear-gradient(130deg,#33234c,#171d3c);color:#ba9fff}.neon-page .app-visual.amber{background:linear-gradient(130deg,#3d3324,#252536);color:#e6c080}.neon-page .app-visual.pink{background:linear-gradient(130deg,#3b253e,#1d2442);color:#e1a0cd}.neon-page .app-note{background:#101e32}.neon-page .book-visual{background:#152237}.neon-page .collab{border-color:#3b4c73;background:radial-gradient(at right,#39205b77,transparent),#101e32}.neon-page .collab .chips span{color:#8bc7e0;border-color:#3d5472}.neon-page .toast{background:#132a43;border:1px solid #577fa2}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.is-visible{opacity:1;transform:none}.neon-page.motion-paused *,.neon-page.motion-paused *:before,.neon-page.motion-paused *:after{animation-play-state:paused!important}.neon-page.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}
@keyframes orbit-travel{to{transform:rotate(360deg)}}@keyframes orbit-tilt{to{transform:rotate(14deg) translateY(20px)}}@keyframes holo-float{50%{translate:0 -15px}}@keyframes halo-breathe{to{opacity:.45;scale:1.12}}@keyframes grid-drift{to{background-position:0 65px,0 65px}}
.neon-page .neon-hero{overflow:clip}
.neon-page .hero-person{height:100%;width:auto;max-width:none;left:50%;transform:translateX(-50%);bottom:0}
@media(min-width:1600px){.neon-page .neon-hero{min-height:850px}.hero-person{width:120%;left:-8%}}
@media(max-width:1100px){.neon-page .wrap{width:calc(100% - 56px)}.neon-page .menu{gap:14px;font-size:11px}.neon-page .hero h1{font-size:62px;letter-spacing:-4px}.neon-page .neon-hero{min-height:710px}.hero-art{min-height:490px}.hero-person{width:135%;left:-15%}.hero-credentials>div{padding:15px 12px;gap:9px}.hero-credentials p{font-size:11px}.hero-credentials>div>span{font-size:24px}.hero-status{gap:12px;letter-spacing:.6px}}
@media(max-width:760px){.neon-page .wrap{width:calc(100% - 36px)}.neon-page .head-inner{min-height:0;padding-top:17px}.neon-page .brand{font-size:20px}.neon-page .menu{gap:23px;padding-top:18px}.neon-page .neon-hero{grid-template-columns:1fr;padding:38px 0 0;min-height:0}.hero-copy{padding:0;position:relative}.neon-page .hero .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:23px}.neon-page .hero h1{font-size:clamp(44px,11.7vw,78px);letter-spacing:-3px}.hero-realname{font-size:20px;margin:12px 0 24px}.hero-statement{font-size:27px}.neon-page .hero .intro{font-size:12px;margin-top:15px}.hero-status{margin-top:23px;font-size:8px;gap:15px}.hero-art{height:430px;min-height:0;margin-top:12px}.hero-person{height:100%;width:auto;max-width:115%;left:50%;transform:translateX(-50%);object-fit:contain;bottom:0}.orbit{left:2%;width:96%;top:35%;height:35%}.orbit-two{top:30%;height:45%}.orbit-three{top:20%;height:60%;left:10%;width:80%}.holo{width:58px;height:60px;font-size:22px}.holo-code{right:6%;top:16%}.holo-cube{left:3%;top:55%}.art-caption{left:3%;bottom:6px;font-size:7px;letter-spacing:1.5px}.hero-credentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.hero-credentials>div{min-height:86px;padding:14px 12px;gap:10px}.hero-credentials p{font-size:11px}.hero-credentials small{font-size:7px}.hero-credentials>div>span{font-size:24px}.neon-page .pillars{margin-top:32px}.neon-page .section{padding-top:65px}.neon-page .section-heading h2{font-size:27px}.neon-page .book-copy h3{font-size:25px}.neon-page .hero-actions{margin-top:22px;gap:10px}.neon-page .hero-actions .button{font-size:11px;padding:11px 15px}.neon-hero:before{inset:0 -10px}.hero-grid{left:0;right:0}.hero-credentials b{font-size:10px}}
@media(max-width:370px){.neon-page .wrap{width:calc(100% - 28px)}.hero-art{height:355px}.hero-credentials>div{padding:12px 9px;gap:8px}.hero-credentials p{font-size:10px}.hero-status{gap:10px;letter-spacing:0}.neon-page .hero .intro{font-size:11px}}
@media(prefers-reduced-motion:reduce){.neon-page *,.neon-page *:before,.neon-page *:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.hero-grid{transform:none;opacity:.2}}
.neon-page{overflow-x:clip}.neon-page #main{overflow-x:clip}.scroll-scene{transform-origin:center center;backface-visibility:hidden}.scroll-scene:focus-within{transform:none!important;opacity:1!important}.neon-page .events{perspective:1400px}.neon-page .event{background:linear-gradient(110deg,#0d1b2b77,#08111e33);padding:25px 20px;border:1px solid #243448;border-radius:14px;margin:12px 0;transform-origin:center top}.neon-page .events{border-top:0}.neon-page .year-label h3{text-shadow:0 0 26px #4de1ff22}.annual-header h1 small{font-size:.45em;color:var(--muted);letter-spacing:0}
.neon-page.motion-paused .scroll-scene{transform:none!important;opacity:1!important;will-change:auto!important}
@media(max-width:760px){.neon-page .event{padding:20px 14px}.neon-page .event .tag{max-width:100%;white-space:normal}.neon-page .filters{align-items:flex-start}.neon-page .filter-count{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.scroll-scene{transform:none!important;opacity:1!important;will-change:auto!important}}
@media print{.scroll-scene{transform:none!important;opacity:1!important}.neon-page{--ink:#172536;--muted:#465465;--green:#165d76;color:#172536;background:white}.neon-page .wrap{width:100%}.neon-page .neon-hero{min-height:0;grid-template-columns:1fr 1fr;padding:0}.particle-field,.hero-grid,.orbit,.holo,.portrait-halo,.hero-status{display:none!important}.hero-art{height:300px;min-height:0}.hero-person{width:100%;left:0;height:100%;object-fit:contain}.hero-alias{-webkit-text-fill-color:#172536;filter:none}.neon-page .hero h1{font-size:40px}.hero-statement{font-size:20px}.hero-statement em{color:#172536}.hero-credentials>div{background:white;color:#172536;box-shadow:none}.neon-page .pillars,.neon-page .bio-card,.neon-page .research-card,.neon-page .app-card,.neon-page .press-card,.neon-page .book-panel{background:white}.reveal-ready{opacity:1;transform:none}.neon-page .section{padding-top:30px}}
