*{box-sizing:border-box} :root{--bg:#050507;--panel:#0b0b10;--text:#f3f1f5;--muted:#92909d;--purple:#bd8cff;--line:#292631;--mono:"DM Mono",monospace;--display:"Barlow Condensed",sans-serif;--body:"Manrope",sans-serif}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.11;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.spotlight{position:fixed;top:-30vh;left:50%;transform:translateX(-50%);width:50vw;height:90vh;background:linear-gradient(180deg,rgba(190,151,255,.12),transparent 75%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);pointer-events:none;z-index:0}.topbar{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #211f27;position:absolute;top:0;width:100%;z-index:5}.brand{font:800 28px var(--display);letter-spacing:-1px}.brand span,.period{color:var(--purple)}nav{display:flex;gap:32px}nav a,.contact-link,.hero-kicker,.eyebrow,.hero-footer,.section-index,.date,.project-meta,.visual-tag,.visual-caption,.skill-row>span,.competencies,.certs,.contact-bottom,footer{font:10px var(--mono);letter-spacing:1.1px}nav a{color:#aaa7b2;transition:.25s}nav a:hover,.contact-link:hover{color:var(--purple)}.contact-link{border:1px solid #484151;padding:12px 16px}.contact-link span{color:var(--purple);margin-left:12px}.section{padding:130px 10vw;position:relative;z-index:1}.hero{min-height:900px;height:100vh;max-height:1100px;padding-top:170px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-kicker{color:#b7b2c1;display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;background:#b98aff;border-radius:50%;box-shadow:0 0 12px #bd8cff}.hero-copy{position:relative;z-index:2;margin-top:45px}.eyebrow{color:var(--purple);margin:0 0 12px}.hero h1{font:900 clamp(100px,16vw,230px)/.72 var(--display);letter-spacing:-.055em;margin:0;position:relative}.hero h1 span{color:transparent;-webkit-text-stroke:1px #eeeaf4}.period{font-style:normal}.hero-bottom{display:flex;align-items:flex-start;gap:60px;margin:38px 0 0 8px}.role{font:600 17px/1.25 var(--display);letter-spacing:2px;color:#b7b2c1;margin:0}.role b{color:var(--purple)}.intro{max-width:390px;font-size:13px;line-height:1.8;color:#aaa6b2;margin:0}.hero-art{position:absolute;width:48vw;height:70vh;right:5vw;top:18%;z-index:1;pointer-events:none}.beam{position:absolute;top:-20%;left:48%;width:42%;height:100%;background:linear-gradient(180deg,rgba(245,236,255,.22),transparent 80%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(8px)}.machine{position:absolute;top:20%;left:36%;width:270px;height:270px;border-radius:50%;transform:rotateX(62deg) rotateZ(-25deg);transform-style:preserve-3d;filter:drop-shadow(0 20px 35px #000)}.machine-core{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#bda5d9 12%,#373044 35%,#08070b 68%);box-shadow:0 0 45px #a77de966,inset -12px -15px 20px #000}.ring{position:absolute;inset:6%;border:13px solid #aaa1b8;border-right-color:#5b4c70;border-bottom-color:#292331;border-radius:50%;box-shadow:inset 0 0 18px #000,0 0 18px #b38ce933}.ring-two{inset:18%;border-width:5px;border-color:#e0d6ed #4b4058 #2a2431 #b5a5c8;transform:translateZ(22px)}.machine-fin{position:absolute;left:46%;top:-8%;width:8%;height:36%;background:linear-gradient(90deg,#211b2b,#d4c5e5,#4b405a);border-radius:30px;transform-origin:50% 150%;box-shadow:0 0 15px #b88cff33}.f2{transform:rotate(90deg)}.f3{transform:rotate(180deg)}.f4{transform:rotate(270deg)}.orbit{position:absolute;border:1px solid #b68be955;border-radius:50%;width:75%;height:40%;top:36%;left:10%;transform:rotate(-25deg)}.orbit-b{transform:rotate(58deg);width:65%;left:18%;top:30%;border-style:dashed;opacity:.4}.art-label{position:absolute;color:#7e7889;font:9px var(--mono);letter-spacing:1.5px}.label-top{right:5%;top:15%}.label-bottom{right:10%;bottom:10%}.hero-footer{position:absolute;bottom:34px;left:10vw;right:10vw;display:flex;justify-content:space-between;color:#77727f}.hero-footer a{color:#c9c3d1}.hero-footer a span{color:var(--purple);padding-left:8px}.section-index{color:var(--purple);margin-bottom:34px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:65px}.section-heading h2{font:800 clamp(58px,9vw,120px)/.78 var(--display);letter-spacing:-.025em;margin:0}.section-heading h2 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #c5b7d7}.section-note{color:#8c8795;font-size:12px;max-width:190px;line-height:1.7;margin:0 2vw 5px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;border-top:1px solid var(--line);padding-top:40px}.big-copy{font-size:clamp(24px,3vw,38px);line-height:1.35;font-weight:500;letter-spacing:-1.2px;margin:0;max-width:590px}.big-copy strong{color:var(--purple);font-weight:600}.about-detail p{font-size:13px;color:#aaa6b2;line-height:1.9;margin:0 0 18px}.about-detail strong{color:#eee}.stat-row{display:flex;gap:35px;margin-top:40px}.stat-row div{display:flex;flex-direction:column;gap:5px}.stat-row b{font:700 42px var(--display)}.stat-row b span{color:var(--purple)}.stat-row small{font:8px var(--mono);letter-spacing:.8px;color:#817b8b}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:1fr 2.1fr 50px;gap:30px;padding:38px 0;border-bottom:1px solid var(--line)}.date{color:#9a91a8;padding-top:8px}.timeline-item h3{font:700 32px var(--display);margin:0 0 4px}.timeline-item h4{font-size:12px;color:var(--purple);font-weight:600;margin:0 0 20px}.timeline-item h4 span{color:#898491;font-weight:400}.timeline-item ul{margin:0;padding-left:17px;color:#aaa6b2;font-size:12px;line-height:2}.timeline-no{font:700 28px var(--display);color:#4d4657}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.project-visual{height:330px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#30233e,#0b0910 68%);border:1px solid #302a39}.visual-hubbell{background:radial-gradient(ellipse at 50% 45%,#272a3a,#0a0b11 68%)}.visual-tag,.visual-caption{position:absolute;color:#aaa1b7;z-index:2}.visual-tag{top:18px;left:18px}.visual-caption{bottom:17px;right:18px;font-size:8px}.blueprint{position:absolute;width:190px;height:190px;border:1px solid #b58be877;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #a477cf33,inset 0 0 40px #a477cf22}.blueprint:before,.blueprint:after{content:"";position:absolute;background:#b78de988}.blueprint:before{height:1px;width:260px;top:50%;left:-35px}.blueprint:after{width:1px;height:260px;left:50%;top:-35px}.blueprint-ring{position:absolute;inset:28px;border:8px double #b9a4d0;border-radius:50%;box-shadow:inset 0 0 20px #a477cf55}.blueprint-cross{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:35px}.blueprint-line{position:absolute;width:270px;height:1px;background:#b78de9;top:20%;left:-40px;transform:rotate(35deg)}.capacitor{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);width:110px;height:220px;filter:drop-shadow(0 10px 20px #000)}.cap-top{height:24px;background:linear-gradient(90deg,#484c59,#c5c8d3,#555966);border-radius:50% 50% 5px 5px}.cap-body{height:150px;margin:auto;width:80px;background:linear-gradient(90deg,#323643,#aeb3c2 45%,#4c5260);border-radius:8px 8px 3px 3px;box-shadow:inset -12px 0 18px #111}.cap-base{height:20px;background:linear-gradient(90deg,#252936,#b3b7c4,#343947);width:100px;margin:auto}.cap-leg{height:25px;width:8px;background:#7d8291;margin:auto}.project-meta{display:flex;justify-content:space-between;color:#a78acb;font-size:9px;margin:22px 0 12px}.project-card h3{font:700 29px/1.05 var(--display);margin:0 0 12px;max-width:540px}.project-card p{font-size:12px;line-height:1.85;color:#9994a1;max-width:590px;margin:0}.skill-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}.skill-list{border-top:1px solid var(--line)}.skill-row{display:grid;grid-template-columns:35px 1fr 20px;gap:16px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line)}.skill-row>span{color:var(--purple);padding-top:3px}.skill-row h3{font:600 19px var(--display);letter-spacing:.5px;margin:0 0 8px}.skill-row p{font-size:11px;line-height:1.8;color:#928c9b;margin:0}.skill-row>b{color:#8f7aa9}.orbital{height:360px;position:relative;display:grid;place-items:center}.orbital:before,.orbital:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #8662a455;border-radius:50%;transform:rotateX(68deg) rotateZ(25deg)}.orbital:after{width:210px;height:210px;border-style:dashed;transform:rotateX(68deg) rotateZ(-35deg)}.orbital-core{width:115px;height:115px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#d7c5eb,#5b456f 40%,#100c17 75%);box-shadow:0 0 55px #a579d955,inset -12px -15px 25px #08060b;font:700 23px/.8 var(--display);z-index:1}.orbital-core small{font:12px var(--mono);color:#c7a6ed}.chip{position:absolute;background:#17131e;border:1px solid #5c496e;padding:8px 10px;border-radius:2px;color:#d2c4e1;font:8px var(--mono);letter-spacing:.7px;box-shadow:0 5px 25px #000}.c1{top:28px;left:40px}.c2{top:85px;right:0}.c3{bottom:55px;left:5px}.c4{bottom:15px;right:60px}.c5{top:10px;right:80px}.competencies{display:flex;flex-wrap:wrap;gap:9px;margin-top:70px}.competencies span{border:1px solid #302a38;color:#a49baa;padding:10px 12px;font-size:8px}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:28px}.education-grid article{min-height:170px}.education-grid span{font:9px var(--mono);color:var(--purple)}.education-grid h3{font:700 25px/1.05 var(--display);margin:18px 0 10px}.education-grid p{font-size:11px;line-height:1.8;color:#9994a1}.certs{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;margin-top:25px;color:#aaa2b3;font-size:8px}.certs h3{font:600 13px var(--display);color:#eee;margin:0 10px 0 0}.contact{padding-top:150px;padding-bottom:70px;background:radial-gradient(ellipse at 75% 60%,#1a1125 0,transparent 50%)}.contact .eyebrow{margin-top:60px}.contact h2{font:900 clamp(75px,13vw,175px)/.75 var(--display);letter-spacing:-.04em;margin:25px 0 55px}.email-cta{display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid #9d80bd;padding:0 0 14px;font:12px var(--mono);letter-spacing:1px;color:#d9c6f0}.email-cta span{font-size:20px;color:var(--purple)}.contact-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:120px;color:#8d8795;font-size:8px}footer{height:90px;border-top:1px solid var(--line);padding:0 6vw;display:flex;align-items:center;justify-content:space-between;color:#77717f;font-size:8px}footer .brand{color:#fff;font:800 25px var(--display)}footer .brand span{color:var(--purple)}footer a:last-child{color:#c3b7d0}
@media(max-width:800px){.topbar{height:70px;padding:0 6vw}nav{display:none}.contact-link{font-size:8px;padding:10px}.section{padding:95px 7vw}.hero{min-height:790px;height:100svh;padding-top:140px}.hero h1{font-size:clamp(82px,19vw,150px)}.hero-art{width:100vw;height:55vh;right:-25vw;top:30%;opacity:.62}.machine{transform:scale(.75) rotateX(62deg) rotateZ(-25deg);left:30%}.hero-bottom{gap:25px;flex-direction:column;margin-top:28px}.intro{max-width:300px}.hero-footer{left:7vw;right:7vw;font-size:7px}.hero-footer span:last-child{display:none}.section-heading{display:block;margin-bottom:42px}.section-note{margin:20px 0 0}.about-grid,.skill-layout{grid-template-columns:1fr;gap:35px}.timeline-item{grid-template-columns:1fr 35px;gap:15px}.timeline-item .date{grid-column:1/-1}.timeline-item>div:nth-child(2){grid-column:1}.timeline-no{grid-column:2;grid-row:2}.project-grid{grid-template-columns:1fr;gap:45px}.project-visual{height:270px}.orbital{max-width:400px;width:100%;margin:auto}.education-grid{grid-template-columns:1fr;gap:5px}.education-grid article{min-height:125px}.certs{gap:12px}.certs h3{width:100%}.contact-bottom{flex-direction:column;margin-top:80px}.contact h2{font-size:clamp(72px,16vw,120px)}.contact{padding-bottom:55px}footer{padding:0 7vw}}