:root{--red:#ff604b;--bg:#0c0c0e}body{background:radial-gradient(ellipse at 50% 15%,#56231925,transparent 40%),var(--bg)}header{position:relative;z-index:5;background:#0c0c0edb;height:76px}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--red);width:100%;transform:scaleX(0);transform-origin:left;z-index:50;box-shadow:0 0 12px var(--red)}.hero{padding-top:38px;padding-bottom:28px;isolation:isolate}.hero:before{content:'ENGINEER.';position:absolute;top:-18px;left:4%;font:800 21vw/.9 var(--display);color:transparent;-webkit-text-stroke:1px #f45b4538;z-index:-1;letter-spacing:-5px;pointer-events:none;mask-image:linear-gradient(#000,transparent)}.hero-title h1{font:500 clamp(18px,2.2vw,30px)/1.3 var(--mono);letter-spacing:-1px;margin:40px 0}.hero-title .outline{color:#a3a09b;-webkit-text-stroke:0}.hero-grid{grid-template-columns:1.05fr 1fr .8fr;gap:6%;align-items:center}.intro h2{display:inline-block;background:var(--red);color:#0c0c0e;padding:5px 13px 10px;font:800 clamp(50px,5.8vw,86px)/.95 var(--display);box-shadow:5px 5px 0 #ff604b22;transform:rotate(-2deg);margin:12px 0 22px}.intro h2:after{color:#0c0c0e}.intro-copy{line-height:1.9}.role{font:11px/1.8 var(--mono);text-transform:uppercase;letter-spacing:1px}.intro .button{margin-top:8px}.portrait{height:350px;transform:perspective(800px) rotateY(-7deg) rotateZ(2deg);border:1px solid #ff8c76;box-shadow:15px 20px 70px #ff604b12;transition:transform .25s ease-out,box-shadow .4s;background:radial-gradient(circle at 40% 30%,#fc9b80,var(--red) 65%)}.portrait:hover{box-shadow:0 0 70px #ff604b24}.portrait:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 49%,#0000000d 50%);background-size:100% 4px;mix-blend-mode:multiply}.portrait:before{content:'';position:absolute;top:-30%;left:0;width:100%;height:20%;background:linear-gradient(transparent,#fff3,transparent);animation:scan 6s linear infinite;z-index:2;pointer-events:none}.avatar{top:34px;transform:scale(1.12)}.head{background:linear-gradient(100deg,#373739,#101012);box-shadow:inset -20px 0 #0004}.head:after{content:'';position:absolute;top:50px;left:2px;width:88px;height:24px;background:linear-gradient(130deg,#0c0c0e 30%,#555 48%,#141416 70%);border:2px solid #7775;border-radius:5px 5px 12px 12px}.shoulders{background:repeating-linear-gradient(85deg,#141416 0 12px,#19191c 13px 14px)}.portrait-bottom{z-index:3}.system>.mono{font-size:9px}.principle{transition:padding .3s,border-color .3s}.principle:hover{padding-left:9px;border-color:var(--red)}.terminal{margin-top:38px;border:1px solid #34343c;background:#111115;display:flex;gap:12px;align-items:center;padding:14px 18px;max-width:670px;box-shadow:0 10px 35px #0003;font:10px var(--mono);color:#999}.terminal:before{content:'●';color:#a7d3ad}.terminal code{color:#eee;font:inherit}.terminal code:after{content:'▌';color:var(--red);animation:blink 1s steps(1) infinite}.terminal small{margin-left:auto;color:#9abb9f;font:8px var(--mono)}.hero-footer{margin-top:28px}.ticker{font-size:17px;padding:15px 0;background:#121214;transform:rotate(-1deg);width:100%;border-color:#333}.ticker span{font-size:20px}.section{padding-block:90px}.section-head h2{font-weight:600}.section-head em{color:#b0aca7}.project{position:relative;background:linear-gradient(120deg,#19191d,#111114);border:1px solid #33333c!important;margin:18px 0;padding:30px;grid-template-columns:55px 1fr 200px 40px;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}.project:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ff604b12,transparent 55%);pointer-events:none;opacity:0;transition:opacity .3s}.project:hover{border-color:#ff604b88!important;transform:translateY(-4px);box-shadow:0 15px 45px #0004}.project:hover:before{opacity:1}.project h3{font-size:25px}.project-number{color:var(--red);font-size:42px}.project .tags span{color:#b3b3be;font-size:9px;background:#ffffff04}.pipeline{grid-column:2/-1;display:flex;align-items:center;margin-top:12px;min-width:0}.pipeline span{border:1px solid #465169;color:#b1bedc;background:#17202d88;padding:9px 15px;font:9px var(--mono);white-space:nowrap}.pipeline i{position:relative;height:1px;background:#454555;flex:1;min-width:15px}.pipeline i:after{content:'';position:absolute;top:-2px;width:12px;height:4px;background:#a7c1ff;box-shadow:0 0 10px #769cff;animation:packet 2.8s linear infinite;animation-delay:var(--delay,0s)}.pipeline span:last-child{color:#b9d8b3;border-color:#486148;background:#28382555}.about{background:linear-gradient(130deg,#1b1715,#121216);border-block:1px solid #333}#skills span{transition:transform .3s,color .3s,border-color .3s;background:#0c0c0e55}#skills span:hover{transform:translateY(-5px) rotate(-3deg);color:var(--red);border-color:var(--red)}.contact{background:radial-gradient(ellipse at 80% 80%,#ff604b14,transparent 65%)}.contact h2{font-size:clamp(60px,9vw,130px)}.contact h2>span{display:inline-block;transition:transform .5s}.contact:hover h2>span{transform:translate(8px,-8px)}footer{padding-bottom:105px}.agent-cursors{position:fixed;inset:0;z-index:8;pointer-events:none;overflow:hidden}.agent-pointer{position:absolute;left:var(--x);top:var(--y);color:var(--color);animation:cursor-drift 16s ease-in-out infinite;animation-delay:var(--delay);opacity:.8}.agent-pointer b{display:block;font-size:20px;transform:rotate(-125deg);filter:drop-shadow(0 0 5px #000)}.agent-pointer span{display:block;font:8px var(--mono);background:var(--color);color:#111;padding:4px 6px;transform:translate(13px,-3px);opacity:0;animation:cursor-label 8s infinite;animation-delay:var(--delay)}.particles{display:none}.dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:15;display:flex;gap:5px;align-items:center;border:1px solid #ffffff26;background:#17171cdb;backdrop-filter:blur(20px);padding:7px 10px;box-shadow:0 12px 50px #0009;border-radius:12px}.dock a{position:relative;width:43px;height:40px;display:grid;place-items:center;background:#ffffff05;border-radius:7px;transition:transform .25s,background .25s;color:#c9c9d5;font-size:22px}.dock a:hover,.dock a:focus-visible{transform:translateY(-7px) scale(1.13);background:#ff604b22;color:var(--red)}.dock a.active{color:var(--red);background:#ff604b15}.dock small{position:absolute;bottom:54px;font:9px var(--mono);background:#27272c;color:#fff;padding:6px 9px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s}.dock a:hover small,.dock a:focus-visible small{opacity:1}.dock>span{font:8px var(--mono);letter-spacing:1px;white-space:nowrap;padding:8px 10px;color:#a7d3ad;border-left:1px solid #ffffff20;margin-left:8px}.in-view-ready{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.in-view-ready.in-view{opacity:1;transform:none}.hero-grid>*,.hero-title,.hero>.eyebrow{animation:entrance .9s cubic-bezier(.16,1,.3,1) both}.hero-grid>:nth-child(2){animation-delay:.15s}.hero-grid>:nth-child(3){animation-delay:.3s}.paused .in-view-ready{opacity:1;transform:none}.paused *{transition:none!important}.paused .portrait{transform:none!important}@keyframes entrance{from{opacity:0;translate:0 35px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes scan{to{top:120%}}@keyframes blink{50%{opacity:0}}@keyframes packet{from{left:0;opacity:0}20%,80%{opacity:1}to{left:calc(100% - 12px);opacity:0}}@keyframes cursor-drift{0%,100%{transform:translate(0,0)}25%{transform:translate(80px,-45px)}50%{transform:translate(-55px,80px)}75%{transform:translate(50px,20px)}}@keyframes cursor-label{0%,30%,70%,100%{opacity:0}40%,60%{opacity:.85}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;gap:35px}.system{grid-template-columns:repeat(3,1fr);gap:18px}.project{grid-template-columns:35px 1fr 40px}.project .tags{grid-column:2;grid-row:2}.pipeline{grid-column:1/-1}.hero-title h1{font-size:22px}.intro h2{font-size:62px}}@media(max-width:600px){.hero-title h1{font-size:15px;letter-spacing:-.3px;margin:28px 0}.hero:before{top:20px;font-size:23vw}.hero-grid{grid-template-columns:1fr;gap:30px}.intro h2{font-size:62px}.intro-copy{font-size:13px}.portrait{height:330px;width:85%}.system{grid-template-columns:1fr;gap:0}.terminal{padding:12px;gap:7px;flex-wrap:wrap;font-size:8px}.terminal small{display:none}.hero-footer{font-size:7px}.project{padding:20px 16px;gap:12px}.project h3{font-size:21px}.project-number{font-size:30px}.pipeline span{font-size:7px;padding:8px 7px}.pipeline i{min-width:9px}.agent-pointer:nth-child(n+3){display:none}.agent-pointer{opacity:.5}.agent-pointer span{display:none}.dock{bottom:12px}.dock>span{font-size:7px}.dock a{width:37px;height:36px}.section{padding-block:65px}.contact h2{font-size:16vw}}
@media(prefers-reduced-motion:reduce){.in-view-ready{opacity:1;transform:none}.agent-cursors{display:none}.portrait{transform:none!important}*,*:before,*:after{animation:none!important;transition:none!important}}