:root{--lime:#58b6ff}.hero{background:#060a10}.hero-composition{min-height:630px}.hero-copy{width:48%;margin-left:auto;pointer-events:auto;padding-left:28px}.hero h1{font-size:clamp(45px,5.2vw,79px);letter-spacing:-4px}.hero h1 em{color:#56acfa}.outline-word{-webkit-text-stroke-color:#698fb1}.scene{left:-5%;right:auto;width:58%;overflow:hidden}.scene:after,.scene-chip,.scene-coordinate,.scene-bottom,.portrait-stage,#universe{display:none!important}.laptop-particles{position:absolute;inset:0;isolation:isolate;cursor:crosshair;touch-action:pan-y}.laptop-particles:before{content:'';position:absolute;inset:7% 0;background:radial-gradient(ellipse,#112b471a,transparent 70%);pointer-events:none}.laptop-base{position:absolute;width:100%;height:100%;object-fit:contain;filter:grayscale(1) sepia(1) saturate(3) hue-rotate(167deg) brightness(.65) contrast(1.6);opacity:.19;mask-image:radial-gradient(ellipse 55% 49% at 50% 53%,#000 60%,transparent 100%);pointer-events:none}#portrait-particles{position:absolute;inset:0;width:100%;height:100%}.particle-instruction,.particle-signature{position:absolute;font:7px var(--mono);letter-spacing:1.5px;color:#5c8bad;pointer-events:none}.particle-instruction{top:33px;left:9%}.particle-signature{bottom:30px;left:9%;font-size:6px;color:#40617e}.hero-meta{position:relative;z-index:4}.hero .primary{background:#56acfa;border-color:#56acfa;color:#071422;box-shadow:0 0 35px #299bff15}.hero .lead{color:#91a3b8}.hero-bottom{border-color:#183048}.hero-bottom a span,.logo span{color:#58b6ff}.portrait-stage[hidden]{display:none!important}.scene canvas{touch-action:pan-y}@media(min-width:1600px){.hero-composition{min-height:730px}.hero h1{font-size:90px}}@media(max-width:1000px){.hero-copy{width:49%;padding-left:15px}.hero h1{font-size:53px;letter-spacing:-3px}.scene{width:60%;left:-8%;opacity:1}.hero .lead{font-size:12px}.hero-composition{min-height:580px}}@media(max-width:700px){.hero-composition{display:flex;flex-direction:column;min-height:0}.hero-copy{width:100%;margin:0;padding:40px 0 0;order:1}.hero h1{font-size:clamp(44px,10vw,65px);letter-spacing:-2.7px}.scene{order:2;position:relative;width:118%;height:360px;left:auto;margin:10px -9% 0;right:auto}.hero .lead{max-width:none;font-size:13px}.particle-instruction{top:14px;left:9%;font-size:6px}.particle-signature{bottom:13px;left:9%;font-size:5px}.hero-bottom{margin-top:0}.laptop-base{mask-image:radial-gradient(ellipse 55% 48% at 50% 50%,#000 55%,transparent 100%)}}@media print{.laptop-particles{display:none}}
/* Lighting study from the supplied screen recording: black, cobalt, ice blue. */
.hero{background:#030507;isolation:isolate}header{background:#030507}.hero .scene{z-index:1}.hero .hero-copy{z-index:3}#hero-snow{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.hero h1 em{color:#459ff5;text-shadow:0 0 28px #267ae92b}.hero .primary{background:#389df8;border-color:#389df8;border-radius:3px;box-shadow:none}.hero .primary:hover{background:#6dbaff}.hero .intro{color:#748da5}.hero .lead{color:#9ca9b5}.laptop-base{opacity:.13;filter:grayscale(1) sepia(1) saturate(4.5) hue-rotate(169deg) brightness(.8) contrast(2)}.laptop-particles:before{background:none}.hero-bottom{border-color:#122235}.hero .outline-word{-webkit-text-stroke-color:#52789e}.hero-meta>span:first-child{color:#9dabb8}.hero-meta i{background:#4aa9ff;box-shadow:0 0 9px #4aa9ff60}.particle-instruction{color:#a6bbcc}.particle-signature{color:#6585a1}.hero-github{color:#a8b9cc}@media print{#hero-snow{display:none}}
.laptop-base{display:none}#portrait-particles{z-index:2;pointer-events:none}.particle-instruction,.particle-signature{z-index:4}.portrait-work{position:absolute;inset:15% 13% 16%;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:15px;opacity:0;transform:scale(.9);transition:opacity .65s .12s,transform .8s;pointer-events:none}.work-open .portrait-work{opacity:1;transform:scale(1);pointer-events:auto}.work-kicker{grid-column:1/-1;font:7px var(--mono);letter-spacing:1.7px;color:#90aac3;margin-bottom:10px}.mini-project{border:1px solid #497caa65;border-radius:7px;background:#0b1b2b;color:#d4eaff;padding:0 0 15px;overflow:hidden;text-align:left;box-shadow:0 15px 45px #0008;transition:transform .25s,border-color .25s}.mini-project:hover{transform:translateY(-5px);border-color:#7bc9ff}.mini-art{height:95px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#25426a,#121e32);font:17px var(--mono);letter-spacing:1px;color:#93bbff}.mini-ocr .mini-art{font-size:10px;background:radial-gradient(ellipse,#1d5058,#102631);color:#a6e7ef}.mini-lock{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:0;align-items:center}.mini-lock .mini-art{grid-row:1/3;height:100px;background:radial-gradient(ellipse,#273e58,#102232)}.mini-project strong{display:flex;justify-content:space-between;font:500 15px var(--heading);padding:14px 13px 6px}.mini-project strong>span{color:#6bbfff}.mini-project small{font:6px var(--mono);letter-spacing:.8px;padding:0 13px;color:#799dbb}.mini-lock strong{align-self:end;padding-top:10px}.mini-lock small{align-self:start;padding-bottom:12px}.portrait-toggle{position:absolute;z-index:5;bottom:30px;right:10%;border:1px solid #3f6d974d;background:#07121ed9;color:#9bcaef;font:8px var(--mono);letter-spacing:.5px;padding:10px 13px;border-radius:3px;cursor:pointer}.portrait-toggle:hover{border-color:#65b4f8;color:white}.portrait-toggle span{margin-left:12px}.particle-signature{bottom:39px;font-size:5px;max-width:38%;line-height:1.8}.hero h1 em{background-image:var(--code-texture);background-size:400px 180px;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.65px #8ac6ff;text-shadow:0 0 35px #2986f533;animation:code-flow 18s linear infinite}.hero-copy .hero-actions{position:relative;z-index:6}@keyframes code-flow{to{background-position:0 -360px}}@media(max-width:700px){.portrait-work{inset:9% 17% 14%;gap:10px}.mini-art{height:78px}.mini-project strong{font-size:12px;padding:10px 10px 5px}.mini-project small{font-size:5px;padding-left:10px}.mini-lock .mini-art{height:74px}.work-kicker{font-size:6px;margin-bottom:1px}.portrait-toggle{bottom:12px;right:11%;font-size:7px;padding:9px 10px}.particle-signature{bottom:18px;max-width:35%;font-size:4px}.hero h1 em{background-size:320px 144px}}@media(prefers-reduced-motion:reduce){.portrait-work,.mini-project{transition:none}.hero h1 em{animation:none}}
/* Electric blue lighting, with luminous ice-blue highlights on skin. */
#portrait-particles{filter:drop-shadow(0 0 3px #0875ff35);mix-blend-mode:screen}.hero h1 em{-webkit-text-stroke-color:#8bd2ff;text-shadow:0 0 22px #1489ff38}.hero .primary{background:#399fff;border-color:#399fff}.hero-meta i{background:#4cb7ff;box-shadow:0 0 12px #159dff99}.particle-instruction{color:#aacde8}.portrait-toggle{color:#9dd5ff;border-color:#328dd366}.hero{background:#020407}