/* Spectrum layer: opaque reading surfaces above a decorative, non-interactive canvas. */
@media screen {
  :root{color-scheme:dark;--paper:#070911;--ink:#f1f4ff;--text:#d1d8e9;--muted:#a6b0c6;--line:#2a334b;--accent:#ff7c96;--soft:#121a2a;--serif:var(--sans);--spectrum:linear-gradient(105deg,#ff446b 0%,#e54bb5 35%,#aa7aff 62%,#438dff 83%,#63daff 100%)}
  body{background:var(--paper);isolation:isolate}
  ::selection{background:#6a3177;color:#fff}
  h1,h2,h3{font-family:var(--sans)}
  h1{font-weight:750;letter-spacing:-3px;line-height:1.12}
  h2{font-weight:600;letter-spacing:-1.2px}
  a,button{transition:color .2s,border-color .2s,background .2s,box-shadow .2s}
  a:hover{color:#92ceff}
  a:focus-visible,button:focus-visible{outline:2px solid #8cdcff;outline-offset:5px}
  .wrap{width:min(1240px,calc(100% - 112px));position:relative}
  .ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 0% 20%,#53102566,transparent 48%),radial-gradient(ellipse at 100% 60%,#0d326f77,transparent 48%),#070911}
  #ambient-canvas{width:100%;height:100%;display:block;opacity:.85}
  .ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#657ad50b 1px,transparent 1px),linear-gradient(90deg,#657ad50b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(black,transparent 90%)}
  .pointer-halo{position:fixed;left:0;top:0;width:32px;height:32px;border:1px solid #96c7ff77;border-radius:50%;pointer-events:none;z-index:20;opacity:0;will-change:transform;transition:opacity .2s,border-color .2s;box-shadow:0 0 16px #695cff22}
  .pointer-halo.is-active{opacity:1}
  .pointer-halo.is-link{border-color:#ff86b5;box-shadow:0 0 19px #ff386733}
  .site-header{height:100px;border-color:#36405b;background:#090d16;padding:0 26px;margin-top:24px;box-shadow:0 18px 50px #0003;border:1px solid #283149}
  .site-header:before{content:'';height:2px;position:absolute;top:-1px;left:-1px;right:-1px;background:var(--spectrum)}
  .brand-mark{font-family:var(--sans);font-weight:800;font-size:31px;letter-spacing:-3px}
  .brand-mark>span{color:#ff5b80;text-shadow:0 0 20px #ff406b88}
  .brand-name{font-weight:600;letter-spacing:1px}
  .site-header nav a[aria-current=page]:after{background:var(--spectrum);box-shadow:0 0 12px #a97aff55}
  .language>span{color:#78869e}
  .language a[aria-current=true]{color:#c9dfff}
  .signal-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 3px;font:9px/1.5 Consolas,monospace;letter-spacing:1.4px;color:#a4b0c9}
  .signal-bar>span{display:flex;align-items:center;gap:9px}
  .signal-bar i,.art-top i{width:5px;height:5px;display:inline-block;background:#8cbeff;box-shadow:0 0 9px #438dff;vertical-align:1px}
  .signal-spectrum{color:#ff91ae}
  .motion-toggle{border:1px solid #35415b;background:#101624;color:#c4cee2;min-height:32px;padding:5px 11px;display:inline-flex;gap:9px;align-items:center;cursor:pointer;font:10px/1.4 var(--sans);letter-spacing:.5px;flex-shrink:0}
  .motion-toggle:hover{border-color:#99acde;background:#192239}
  .motion-toggle[aria-disabled=true]{cursor:default}
  .toggle-dot{width:5px;height:5px;background:#7f8aa4;border-radius:50%}
  .motion-toggle[aria-pressed=true] .toggle-dot{background:#8bd3ff;box-shadow:0 0 8px #5ea9ff}
  .home-hero{padding:0;gap:0;align-items:stretch;border:1px solid #303a53;background:#0d121e;box-shadow:0 28px 80px #0005;position:relative;grid-template-columns:1.12fr 1fr;overflow:hidden}
  .hero-copy{padding:54px 40px 50px;position:relative;z-index:1;background:#0d121e}
  .hero-copy>.eyebrow{color:#c4cde0;font-size:9px;letter-spacing:2px;margin-bottom:35px}
  .status-dot{background:#ff6484;box-shadow:0 0 12px #ff426e77}
  .hello{font:14px/1.5 var(--sans);color:#b5c2dd;margin-bottom:17px;letter-spacing:2px}
  .home-hero h1{font-size:clamp(48px,5.7vw,78px);margin-bottom:29px;text-shadow:3px 0 0 #ff427919,-3px 0 0 #528dff22}
  html[lang=en] .home-hero h1{font-size:clamp(46px,4.8vw,67px)}
  .alternate-name{font:11px/1.5 Consolas,var(--sans);letter-spacing:4px;margin-top:20px;color:#b8c9e7;text-transform:uppercase}
  .founder{color:#e4eaff;font-size:13px}
  .hero-intro{font-size:14px;line-height:1.95;max-width:450px;margin-bottom:29px}
  .actions{gap:23px;flex-wrap:wrap}
  .button{border:1px solid #909ff2;background:linear-gradient(115deg,#44233f,#22284e 60%,#143758);color:#f9faff;box-shadow:inset 0 1px 0 #ffffff14,0 0 25px #635cff16;position:relative;padding:13px 20px}
  .button:hover{background:linear-gradient(115deg,#683049,#393564 60%,#235075);color:white;border-color:#ddc4ff;box-shadow:0 0 30px #a159ff30}
  .text-link{color:#d9e5ff;border-color:#6379a3}
  .text-link:hover{border-color:#ff8ba7}
  .field-art{height:auto;min-height:490px;background:#080d19;border:0;border-left:1px solid #303a53;position:relative;overflow:hidden}
  .field-art:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080d1944,transparent 25%,transparent 50%,#080d19 92%);z-index:1;pointer-events:none}
  .field-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000014 3px 4px);z-index:1;pointer-events:none}
  #spectrum-canvas{display:block;position:absolute;inset:0;width:100%;height:100%}
  .art-top,.art-bottom{left:24px;right:24px;z-index:3;color:#bac9e6;font-size:8px;letter-spacing:1.4px}
  .art-top i{background:#ff6687;box-shadow:0 0 9px #ff3d6b;margin-right:6px}
  .art-top{top:25px}.art-bottom{bottom:23px;font-size:7px}
  .art-center{left:30px;top:auto;bottom:70px;font:700 39px/1.08 var(--sans);letter-spacing:-1.8px;z-index:2;color:#f4f7ff;text-shadow:0 2px 12px #060b16}
  .art-center em{font:inherit;background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;letter-spacing:-1.7px}
  .field-axis{position:absolute;right:18px;top:75px;writing-mode:vertical-rl;color:#acb9d3;z-index:2;font:8px/1 monospace;letter-spacing:3px}
  .field-cross{position:absolute;bottom:83px;right:25px;color:#8dadde;font:24px monospace;z-index:2}
  .identity-strip{margin-top:15px;padding:20px 26px;background:#0b101b;border:1px solid #29344c;font-size:9px;color:#b7c4dc}
  .identity-strip span:first-child:before{color:#ff8aaa}
  .section-space{margin-top:26px;padding:46px 40px;background:#0d121e;border:1px solid #2a344b;box-shadow:0 16px 55px #0003}
  .eyebrow{color:#a8b9d7;font:10px/1.7 Consolas,var(--sans);letter-spacing:1.8px}
  .home-about{grid-template-columns:1fr 2fr;gap:45px}
  .home-about h2{font-size:32px;font-weight:600;line-height:1.55}
  .home-about p:not(.eyebrow){font-size:14px}
  .section-heading h2{font-size:33px}
  .project-row{border-color:#2a344b;transition:background .25s;padding:30px 0}
  .project-row:hover{background:#121b2c}
  .project-index{color:#a3b5db;font-size:11px}
  .project-heading h3,.resume-content .project-heading h3{font-family:var(--sans);font-weight:600;font-size:22px;letter-spacing:-.5px}
  .stage{color:#a6bbdc;font-family:Consolas,monospace}
  .project-label{color:#ff8eac}
  .tags span{color:#b9d2fb;background:#141e31;border:1px solid #34425f;font-size:10px}
  .notes-preview{margin-bottom:0;gap:45px}
  .notes-preview h2{font-size:31px;line-height:1.5}
  .notebook-lines{background:#101827;border-color:#394365;box-shadow:7px 8px 0 #1b2037;transform:rotate(-2deg);position:relative}
  .notebook-lines:before{content:'';height:2px;position:absolute;left:0;right:0;top:0;background:var(--spectrum)}
  .notebook-lines span{color:#b9c6df;border-color:#344360}
  .site-footer{margin-top:28px;background:#090d16;border:1px solid #283149;padding:25px 26px;margin-bottom:28px;color:#a9b9d6}
  .about-hero{padding:43px 40px;background:#0d121e;border:1px solid #2d3851;position:relative}
  .about-hero:after,.notes-hero:after{content:'';position:absolute;left:40px;bottom:-1px;width:160px;height:2px;background:var(--spectrum);box-shadow:0 0 20px #b169ff55}
  .about-hero>.eyebrow{margin-bottom:26px}
  .about-title h1{font-size:clamp(45px,6vw,72px);font-weight:700}
  .print-button{background:#151e30;border-color:#52617e;color:#d8e5ff}
  .print-button:hover{background:#242f49;border-color:#a1b7e7}
  .other-name{color:#d6e3fc}
  .about-hero .founder{font-size:17px}
  .contact-links{color:#c5d8ff}
  .resume-layout{grid-template-columns:205px minmax(0,1fr);gap:25px;padding-top:26px}
  .resume-index{background:#0d121e;border:1px solid #2d3851;padding:25px 19px;top:25px}
  .resume-index nav{font-size:11px}
  .resume-index nav span{color:#92aadd;margin-right:9px}
  .index-note{color:#aebdd9;font-family:var(--sans);font-size:12px;border-color:#2e3952;margin-top:25px;padding-top:20px;margin-bottom:0}
  .resume-section{padding:33px;margin-bottom:22px;background:#0d121e;border:1px solid #2d3851;box-shadow:0 15px 45px #0003}
  .resume-section h2{font-size:27px;font-weight:600;line-height:1.45}
  .profile-bio{font-size:14px}
  .skills h3{color:#dbe7ff}
  .skills small{color:#a6b6d3}
  .skills>div{border-color:#2e3951;grid-template-columns:115px minmax(0,1fr)}
  .experience{border-color:#46516d}
  .experience:before{background:#ed7cae;box-shadow:0 0 12px #d64c8d66}
  .experience li::marker{color:#91b2eb}
  .experience li{font-size:13px}
  .research{background:#131c2c;border:1px solid #3c4c6a;border-left:2px solid #a881ef;padding:25px}
  .research>p{color:#bdc9e0}
  .award-star{color:#ff86ab;text-shadow:0 0 20px #ff427933}
  .certifications span{color:#b6c3dd}
  .certifications>div{border-color:#303b54}
  .education>p:last-child{color:#b6c3dd}
  .contact-end{padding:34px;background:#0d121e;border:1px solid #2d3851;margin-bottom:0;position:relative}
  .contact-end:before{content:'';position:absolute;width:3px;left:-1px;top:24px;bottom:24px;background:var(--spectrum)}
  .contact-end h2{font-size:35px;font-weight:600}
  .notes-hero{padding:45px 40px;background:#0d121e;border:1px solid #2d3851;position:relative}
  .notes-hero h1{font-weight:700}
  .tiny-asterisk{color:#fc83ab;text-shadow:0 0 25px #d763ab44}
  .notes-layout{gap:25px;padding:26px 0 0;grid-template-columns:245px minmax(0,1fr);min-height:440px}
  .notes-layout aside{background:#0d121e;border:1px solid #2d3851;padding:26px;align-self:start}
  .topic{border-color:#34415c;color:#ccdaf3;font-size:11px}
  .topic>span{color:#91acd9}
  .empty-notes{background:#0d121e;border:1px solid #2d3851;min-height:365px}
  .empty-notes h2{font-weight:600;font-size:29px}
  .paper-icon{border-color:#b88bda;box-shadow:5px 5px 0 #202843,0 0 25px #9a70e820}
  .paper-icon span{border-color:#8daadd}
  .error-page{background:#0d121e;padding:70px 40px}
  @media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-copy{padding:43px 30px}.home-hero{grid-template-columns:1.1fr 1fr}.home-hero h1{font-size:57px}html[lang=en] .home-hero h1{font-size:50px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1px}.field-art{min-height:490px}.art-center{font-size:34px;left:24px}.section-space{padding:35px 30px}.resume-layout{grid-template-columns:175px minmax(0,1fr);gap:20px}.resume-section{padding:26px}.resume-index{padding:23px 15px}.project-heading{flex-wrap:wrap}.home-about{gap:30px;grid-template-columns:1fr 2fr}.resume-content .project-heading h3{font-size:21px}.certifications>div{gap:12px;grid-template-columns:60px 1fr 60px}.notes-preview{gap:28px}}
  @media(max-width:700px){.wrap{width:calc(100% - 32px)}.site-header{height:78px;margin-top:16px;padding:0 17px;gap:18px;flex-wrap:nowrap}.brand{margin-right:auto}.brand-mark{font-size:28px}.site-header nav{gap:19px}.site-header nav a{font-size:11px}.language{gap:7px;font-size:10px}.signal-bar{padding:12px 0;gap:8px;font-size:7px;letter-spacing:.5px}.signal-bar>span{gap:5px}.signal-spectrum{display:none}.motion-toggle{font-size:9px;padding:4px 8px;min-height:32px}.home-hero{grid-template-columns:1fr}.hero-copy{padding:32px 25px 34px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:26px}.hello{font-size:12px;margin-bottom:16px}.home-hero h1{font-size:55px}html[lang=en] .home-hero h1{font-size:49px}.alternate-name{font-size:10px;letter-spacing:3px}.hero-intro{font-size:13px;line-height:1.9}.founder{font-size:12px}.actions{gap:20px}.button{padding:12px 16px;font-size:11px;gap:22px}.text-link{font-size:11px}.field-art{height:330px;min-height:0;border-left:0;border-top:1px solid #303a53}.art-center{font-size:31px;bottom:57px}.art-top,.art-bottom{left:20px;right:20px;font-size:7px}.art-top{top:20px}.art-bottom{bottom:18px;letter-spacing:.8px}.field-axis{font-size:7px;top:57px}.field-cross{bottom:62px;font-size:21px}.identity-strip{margin-top:12px;padding:17px 20px;font-size:8px;letter-spacing:.6px;gap:11px}.section-space{padding:28px 24px;margin-top:18px}.home-about{grid-template-columns:1fr;gap:8px}.home-about h2{font-size:26px;letter-spacing:-.6px;line-height:1.55}.home-about p:not(.eyebrow){font-size:13px}.section-heading{margin-bottom:26px;gap:12px}.section-heading h2{font-size:25px;line-height:1.4}.section-heading .text-link{font-size:10px;margin-top:34px}.eyebrow{font-size:8px;letter-spacing:1.3px}.project-row{padding:24px 0;grid-template-columns:19px minmax(0,1fr);gap:10px}.project-heading h3,.resume-content .project-heading h3{font-size:20px;overflow-wrap:anywhere}.stage{font-size:8px;white-space:normal}.project-label{font-size:11px}.project-row p:not(.project-label){font-size:12px}.tags{gap:6px}.tags span{font-size:9px;padding:2px 6px}.notes-preview{grid-template-columns:1fr;gap:25px}.notes-preview h2{font-size:25px}.notes-preview p:not(.eyebrow){font-size:12px}.notebook-lines{margin:0 5px;padding:10px 20px}.notebook-lines span{font-size:9px}.site-footer{margin-top:20px;margin-bottom:16px;padding:20px 18px;gap:12px;font-size:9px}.site-footer div{gap:10px}.about-hero,.notes-hero{padding:30px 24px}.about-hero:after,.notes-hero:after{left:24px;width:100px}.about-title h1{font-size:45px;letter-spacing:-2px}.other-name{font-size:13px}.other-name span{font-size:10px}.about-hero .founder{font-size:13px}.role{font-size:11px}.contact-links{font-size:10px;gap:12px;overflow-wrap:anywhere}.print-button{font-size:10px}.resume-layout{display:block;padding-top:18px}.resume-index{padding:17px;margin-bottom:18px}.resume-index nav{gap:11px 16px;font-size:10px}.resume-index nav span{font-size:8px}.resume-section{padding:25px 22px;margin-bottom:18px}.resume-section h2{font-size:24px;letter-spacing:-.7px}.profile-bio{font-size:13px}.skills>div{grid-template-columns:85px minmax(0,1fr);column-gap:10px}.skills h3,.skills p{font-size:10px}.skills small{font-size:10px}.experience{padding-left:16px}.experience h3{font-size:16px}.experience li{font-size:12px}.company{font-size:11px}.date{font-size:10px}.resume-content .project-row{grid-template-columns:19px minmax(0,1fr);gap:10px}.research{padding:19px 16px}.research h2{font-size:21px}.research>p{font-size:12px}.award h3{font-size:13px}.award p{font-size:9px}.certifications>div{grid-template-columns:45px minmax(0,1fr) 46px;gap:9px}.certifications strong{font-size:14px}.certifications span{font-size:10px}.certifications time{font-size:9px}.education h3{font-size:16px}.education>p:last-child{font-size:11px}.contact-end{padding:25px 24px}.contact-end h2{font-size:28px}.notes-hero h1{font-size:52px}.notes-hero>p:last-child{font-size:13px}.notes-layout{display:block;padding-top:18px;min-height:0}.notes-layout aside{padding:24px;margin-bottom:18px}.empty-notes{padding:30px 23px;min-height:340px}.empty-notes h2{font-size:24px}.empty-notes>p:not(.eyebrow){font-size:12px}.tiny-asterisk{font-size:31px}.error-page{padding:50px 25px}}
  @media(max-width:700px){.hero-intro,.home-about p:not(.eyebrow),.project-row p:not(.project-label),.profile-bio,.experience li,.research>p,.notes-preview p:not(.eyebrow),.empty-notes>p:not(.eyebrow){font-size:14px}.skills p,.skills h3,.skills small{font-size:11px}.education>p:last-child{font-size:13px}}
  @media(hover:none),(pointer:coarse){.pointer-halo{display:none}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pointer-halo{display:none}*,*:before,*:after{transition:none!important;animation:none!important}}
  html[data-motion=off]{scroll-behavior:auto}
  html[data-motion=off] .pointer-halo{display:none}
}
@media print{.ambient,.pointer-halo,.signal-bar{display:none!important}}