*{margin:0;padding:0;box-sizing:border-box}body{background-color:#050505;color:#e5e5e5;font-family:JetBrains Mono,monospace;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.intro-active{overflow:hidden}.portfolio-content{visibility:hidden}.portfolio-content.is-visible{visibility:visible}.intro-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;overflow:hidden;background:#050505;color:#00ff41;font-family:JetBrains Mono,Cascadia Code,Courier New,monospace;transition:opacity .45s ease,visibility .45s ease}.intro-gate.is-complete{opacity:0;visibility:hidden;pointer-events:none}.intro-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.28;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px)}.eye-screen,.boot-screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:100%}.eye-screen{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;cursor:pointer}.eye-screen[hidden]{display:none}.cyber-eye{position:relative;width:clamp(180px,19vw,360px);aspect-ratio:1;border:1px solid rgba(0,255,65,.5);border-radius:50%;background:linear-gradient(135deg,#00ff411f,#000 55%,#010);box-shadow:0 0 24px #00ff4185;transition:border-color .18s ease,box-shadow .18s ease}.eye-ring,.eye-iris{position:absolute;top:50%;left:50%;border:2px solid rgba(0,255,65,.58);border-radius:50%;transform:translate(-50%,-50%)}.eye-ring-outer{width:58%;height:58%}.eye-ring-middle{width:48%;height:48%}.eye-ring-inner{width:38%;height:38%}.eye-iris{width:18%;height:18%;border-width:1px;background:#00ff41d9;box-shadow:0 0 30px #00ff4199;transition:transform .1s linear,background .15s ease,box-shadow .15s ease}.eye-shine{position:absolute;top:18%;right:18%;width:27%;height:27%;border-radius:50%;background:#ffffff8c}.eye-instruction{position:absolute;bottom:clamp(32px,5vh,64px);left:50%;width:100%;padding:0 24px;transform:translate(-50%);color:#00ff4173;font-size:9px;line-height:1.7;letter-spacing:3px;text-align:center}.eye-instruction span{display:block;color:#ffffff40}.boot-screen{display:none;align-items:center;justify-content:center;padding:32px}.boot-screen.is-active{display:flex}.boot-terminal{width:min(100%,576px)}.boot-heading{margin-bottom:24px;color:#00ff414d;font-size:10px;letter-spacing:4px}.boot-lines{color:#00ff41b3;font-size:12px;line-height:1.7}.boot-cursor{color:#00ff41;font-size:12px;animation:boot-blink .8s steps(1) infinite}@keyframes boot-blink{50%{opacity:0}}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ff4b4b;outline-offset:4px}img{max-width:100%;height:auto;display:block}.font-fraunces{font-family:Fraunces,serif}.font-mono{font-family:JetBrains Mono,monospace}.text-red{color:#c92424}.text-red-dim{color:#7b1717}.text-neutral{color:#e5e5e5}.text-right{text-align:right}.text-center{text-align:center}.text-xs{font-size:11px}.mt-2{margin-top:8px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.hover-underline:hover{text-decoration:underline;color:#c92424}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,6px 100%;z-index:9999;pointer-events:none}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");z-index:9998;pointer-events:none}.security-cam{position:fixed;top:20px;right:20px;font-family:JetBrains Mono,monospace;font-size:9px;color:#c92424a6;line-height:1.6;letter-spacing:2px;text-align:right;z-index:1000;pointer-events:none;text-transform:uppercase}#cam-rec{font-weight:800;display:flex;align-items:center;justify-content:flex-end;gap:6px}.blink-dot{width:6px;height:6px;background-color:#c92424;border-radius:50%;display:inline-block;animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:.2}to{opacity:1}}.collage-wrapper{width:100%;display:flex;justify-content:center;background-color:#050505}.portfolio-collage{width:100%;margin-inline:auto;position:relative;background-color:#050505;box-shadow:0 0 50px #000c;container-type:inline-size}.collage-section{position:relative;width:100%;overflow:visible}.bg-layer{position:absolute;overflow:hidden;pointer-events:none}.bg-layer img{width:100%;height:100%;object-fit:cover;filter:grayscale(15%) contrast(105%) brightness(90%);transition:filter .5s ease}.collage-section:hover .bg-layer img{filter:grayscale(0%) contrast(100%) brightness(95%)}.layer-about-mobile{display:none}.text-block{position:absolute;z-index:50;pointer-events:auto}.identity-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8dffac;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 5px #000,0 0 7px rgba(0,255,136,.45)}.signal-live{padding:5px 8px;color:#0f8;border:1px solid #7b1730;text-decoration:line-through underline;text-decoration-color:currentColor;text-shadow:0 0 8px rgba(0,255,136,.65)}.decryption-terminal{background-color:#050505d9;border:1px solid rgba(123,23,23,.3);padding:24px;font-size:13px;line-height:1.8;letter-spacing:.5px;max-width:70ch}.terminal-line{margin-bottom:12px}.terminal-line:last-child{margin-bottom:0}.grid-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background-color:#050505d9;border:1px solid rgba(123,23,23,.3);padding:18px}.skill-col{display:flex;flex-direction:column;gap:7px}.skill-item{font-size:9px;line-height:1.35;letter-spacing:.2px;border-bottom:1px solid rgba(229,229,229,.08);padding-bottom:5px}.skill-item span{display:block;font-size:7px;margin:0 0 2px}.project-card{background-color:#050505e6;border:1px solid #7B1717;padding:28px;box-shadow:0 10px 30px #000c;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease;max-width:65ch}.project-card.border-red{border-color:#c92424}.project-card:hover{transform:translateY(-5px);border-color:#c92424}.project-tag{font-size:9px;font-weight:800;letter-spacing:2px;margin-bottom:12px}.project-card h3{font-size:32px;font-weight:900;letter-spacing:-.01em;line-height:1.1;margin-bottom:16px;text-transform:uppercase}.project-desc{font-size:12px;line-height:1.7;color:#ccc}.project-features{list-style:none;font-size:10px;margin:16px 0;display:flex;flex-direction:column;gap:6px}.project-link{font-size:10px;font-weight:800;letter-spacing:1px;margin-top:10px;display:inline-block;overflow-wrap:anywhere}.project-link:hover{text-decoration:underline;color:#c92424}.status-badge{font-size:10px;font-weight:800;letter-spacing:1px;margin-top:16px}.recognition-inline{margin-top:18px;padding:16px;border-left:2px solid #c92424;background:#050505b8}.recognition-inline h4{font-size:17px;line-height:1.25}.footer-details{background-color:#050505d9;border:1px solid rgba(123,23,23,.3);padding:32px}.footer-line{font-size:13px;margin-bottom:14px;letter-spacing:.5px;overflow-wrap:anywhere}.footer-line:last-of-type{margin-bottom:0}.footer-line span{font-weight:800;margin-right:12px;display:inline-block;width:100px}.terminal-prompt{font-size:10px;line-height:1.6}@media (min-width: 768px){.portfolio-collage{width:min(100%,1200px);max-width:1200px}#sec-hero-about{aspect-ratio:1280 / 1891;overflow:hidden;z-index:1}#sec-skills{aspect-ratio:1307 / 2282;margin-top:0;overflow:hidden;z-index:2}#sec-projects-intro{aspect-ratio:1024 / 604;margin-top:-40px;z-index:3}#project-prophet{aspect-ratio:1024 / 760;margin-top:-40px;z-index:4}#project-sky-gone-wild{aspect-ratio:1024 / 840;margin-top:-40px;z-index:5}#project-lucy-rocks{aspect-ratio:1280 / 1100;margin-top:-40px;z-index:6}#project-art{aspect-ratio:954 / 1024;margin-top:-40px;z-index:7}#project-undisclosed{aspect-ratio:745 / 1024;margin-top:-40px;z-index:8}#sec-footer{display:flex;flex-direction:column;align-items:center;gap:40px;padding:80px 24px;background-color:#050505;min-height:auto;margin-top:-40px;z-index:9}#sec-hero-about .layer-header-bg{left:0;top:0;width:100%;height:27%}#sec-hero-about .layer-about-bg{left:0;top:27%;width:100%;height:76%}#sec-hero-about .layer-about-overlay1{left:58.2031%;top:66.3%;width:41.3281%;height:35.4%}#sec-hero-about .layer-about-overlay2{left:.0117%;top:82%;width:58.7266%;height:18%}#sec-hero-about .text-hero{left:8.9844%;top:20%;width:82%}#sec-hero-about .identity-strip{left:5%;top:3%;width:90%}#sec-hero-about .text-about{left:8.9844%;top:40.2%;width:82%}#sec-skills .layer-skills-bg{left:0;top:0;width:100%;height:100%}#sec-skills .layer-skills-overlay1,#sec-skills .layer-skills-overlay2{display:none}#sec-skills .text-skills{left:7%;top:1%;width:86%}#sec-skills .text-chaos{left:45%;top:76%;width:47%}#sec-projects-intro .layer-rotated-1{left:0;top:0;width:100%;height:100%}#sec-projects-intro .text-projects-title{left:14%;top:48%;width:42%;padding:16px 18px;background:#050505d1;border-left:2px solid #c92424}#sec-projects-intro .text-projects-title h2,#sec-projects-intro .text-projects-title p{text-align:left}#project-prophet .layer-rotated-2{left:0;top:0;width:100%;height:100%}#project-prophet .text-project-prophet{left:8%;top:12%;width:55%}#project-sky-gone-wild .layer-rotated-3{left:0;top:0;width:100%;height:100%}#project-sky-gone-wild .text-project-sky{right:6%;top:10%;width:58%}#project-lucy-rocks .layer-transition-bg{left:0;top:0;width:100%;height:100%}#project-lucy-rocks .text-project-lucy{right:5%;top:10%;width:52%}#project-art .layer-footer-bg{left:0;top:0;width:100%;height:100%}#project-art .text-project-art{right:8%;top:22%;width:55%}#project-undisclosed .layer-lucy-bg{left:0;top:0;width:100%;height:100%}#project-undisclosed .layer-footer-rotated{display:none}#project-undisclosed .text-project-undisclosed{left:8%;bottom:10%;width:55%}#sec-footer .text-footer{position:relative;width:100%;max-width:500px;left:auto;top:auto}.text-hero h1{font-size:clamp(48px,5vw,76px);font-weight:900;line-height:.9;margin-bottom:8px}.meta-label{display:inline-block;width:fit-content;padding:5px 8px;font-size:clamp(11px,.9vw,14px);font-weight:800;letter-spacing:.28em;margin-bottom:20px;color:#d7193f;background:#050505d1;text-shadow:0 1px 8px #000,0 0 6px rgba(215,25,63,.45)}.intro-box{font-size:clamp(11px,.92vw,14px);font-weight:800;line-height:1.8;letter-spacing:1px;color:#fff;border-left:2px solid #ff4b4b;padding:8px 12px;background-color:#050505d1;text-shadow:0 1px 4px #050505}.subtitle-mark{font-size:clamp(32px,3vw,48px);font-weight:900;line-height:1;letter-spacing:-.02em;margin-bottom:16px;text-transform:uppercase}.title-glow{text-shadow:0 0 10px rgba(201,36,36,.25)}.identity-strip{font-size:clamp(9px,.8vw,12px)}.decryption-terminal{padding:clamp(24px,2.2vw,34px);font-size:clamp(13px,1vw,16px)}.grid-skills{gap:clamp(12px,1.2vw,18px);padding:clamp(18px,1.8vw,28px)}.skill-item{font-size:clamp(9px,.82vw,12px)}.skill-item span{font-size:clamp(7px,.62vw,9px)}.project-card{padding:clamp(28px,2.4vw,40px)}.project-card h3{font-size:clamp(32px,3vw,46px)}.project-desc{font-size:clamp(12px,1vw,15px)}.project-features,.project-link,.status-badge{font-size:clamp(10px,.82vw,12px)}}@media (max-width: 767px){.cyber-eye{width:min(58vw,230px)}.collage-section{position:relative;width:100%;height:auto!important;aspect-ratio:auto!important;display:flex;flex-direction:column;gap:20px;padding:40px 16px;border-bottom:1px solid rgba(201,36,36,.15)}.bg-layer{position:relative!important;width:100%!important;height:260px!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;display:block;border:1px solid rgba(123,23,23,.2)}.bg-layer img{height:100%!important;object-fit:cover!important}.text-block{position:relative!important;width:100%!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}#sec-hero-about{display:grid;grid-template-columns:58.7% 41.3%;column-gap:0;row-gap:20px;padding-top:16px}#sec-hero-about .layer-header-bg{grid-column:1 / -1;grid-row:2;height:220px!important}#sec-hero-about .text-hero{grid-column:1 / -1;grid-row:3}#sec-hero-about .identity-strip{grid-column:1 / -1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px;padding:6px 0;font-size:8px;letter-spacing:1px}#sec-hero-about .layer-about-bg{display:none!important}#sec-hero-about .text-about{grid-column:1 / -1;grid-row:4;z-index:2;align-self:start;width:auto!important;margin:28px 16px 0}#sec-hero-about .layer-about-mobile{display:block!important;grid-column:1 / -1;grid-row:4;height:auto!important;aspect-ratio:1280 / 1440}#sec-hero-about .layer-about-mobile img{object-fit:cover!important;object-position:top center!important}#sec-hero-about .layer-about-overlay1,#sec-hero-about .layer-about-overlay2,.layer-skills-overlay2,.layer-footer-rotated{display:none!important}.text-hero h1{font-size:clamp(34px,10vw,44px)!important;line-height:1;margin-bottom:12px}.meta-label{display:inline-block;width:fit-content;padding:5px 8px;font-size:12px!important;font-weight:800;letter-spacing:2px;margin-bottom:16px;color:#d7193f;background:#050505d1;text-shadow:0 1px 8px #000,0 0 6px rgba(215,25,63,.45)}.intro-box{font-size:11px!important;line-height:1.6;padding:10px 12px;border-left:2px solid #c92424;background-color:#050505d1}.subtitle-mark{font-size:clamp(28px,8vw,36px)!important;line-height:1.1;margin-bottom:16px}.decryption-terminal{font-size:12px!important;line-height:1.65;padding:18px!important;width:100%!important}.grid-skills{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 14px!important;padding:14px!important}.skill-col{display:contents!important}.skill-item{font-size:9px!important;padding-bottom:6px!important}.skill-item span{font-size:8px!important}.project-card{padding:20px 16px!important;width:100%!important}.project-tag{font-size:10px!important;margin-bottom:8px!important}.project-card h3{font-size:28px!important;margin-bottom:12px!important}.project-desc{font-size:12px!important;line-height:1.6!important}.project-features{font-size:11px!important;margin:16px 0!important;gap:6px!important}.project-link,.status-badge{font-size:11px!important}.footer-details{padding:20px 16px!important}.footer-line{font-size:13px!important;margin-bottom:12px!important}.footer-line span{width:auto!important;margin-right:8px!important}.terminal-prompt{font-size:11px!important;margin-top:24px!important}#sec-projects-intro,#project-prophet,#project-sky-gone-wild,#project-lucy-rocks,#project-art,#project-undisclosed{min-height:420px;padding:20px 16px;justify-content:flex-end;overflow:hidden;isolation:isolate}#sec-projects-intro{min-height:260px}#project-lucy-rocks{min-height:500px}#project-undisclosed{min-height:540px}#sec-projects-intro:after,#project-prophet:after,#project-sky-gone-wild:after,#project-lucy-rocks:after,#project-art:after,#project-undisclosed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,transparent 35%,rgba(5,5,5,.22) 58%,rgba(5,5,5,.96) 100%);pointer-events:none}#sec-projects-intro .bg-layer,#project-prophet .bg-layer,#project-sky-gone-wild .bg-layer,#project-lucy-rocks .bg-layer,#project-art .bg-layer,#project-undisclosed .bg-layer{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:-2;height:100%!important;border:0}#sec-projects-intro .text-block,#project-prophet .text-block,#project-sky-gone-wild .text-block,#project-lucy-rocks .text-block,#project-art .text-block,#project-undisclosed .text-block{z-index:1}#sec-projects-intro .project-card,#project-prophet .project-card,#project-sky-gone-wild .project-card,#project-lucy-rocks .project-card,#project-art .project-card,#project-undisclosed .project-card{padding:0!important;background:transparent;border:0;box-shadow:none}#project-prophet .project-desc,#project-prophet .project-features,#project-sky-gone-wild .project-desc,#project-sky-gone-wild .project-features,#project-lucy-rocks .project-desc,#project-lucy-rocks .project-features,#project-art .project-desc,#project-art .project-features{display:none}#project-sky-gone-wild .recognition-inline{margin-top:14px;padding:12px;background:#050505c7}#project-sky-gone-wild .recognition-inline h4{font-size:15px}#project-prophet .project-card h3,#project-sky-gone-wild .project-card h3,#project-lucy-rocks .project-card h3,#project-art .project-card h3,#project-undisclosed .project-card h3{font-size:32px!important;margin-bottom:8px!important;text-shadow:0 2px 18px #050505}#project-undisclosed .project-desc{max-width:34ch;font-size:12px!important}.security-cam{position:absolute;top:8px;right:10px;font-size:7px;line-height:1.3;letter-spacing:1px}#cam-timestamp,#cam-status{display:none}#sec-skills{padding-top:24px}#sec-skills .layer-skills-bg{order:1;height:280px!important}#sec-skills .text-skills{order:2}#sec-skills .text-chaos{order:3}#sec-footer{padding-block:48px}#sec-hero-about .layer-header-bg img{object-position:center 30%}#sec-hero-about .layer-about-bg img{object-position:center}#sec-skills .layer-skills-bg img{object-position:center 32%}#sec-projects-intro .bg-layer img{object-position:center 35%!important}#project-lucy-rocks .bg-layer img{object-position:72% center!important}#project-undisclosed .bg-layer img{object-position:center 58%!important}}@media (max-width: 350px){#sec-hero-about .text-about{margin:18px 10px 0}#sec-hero-about .text-about .subtitle-mark{margin-bottom:10px}#sec-hero-about .text-about .decryption-terminal{padding:12px!important;font-size:10px!important;line-height:1.5}#sec-hero-about .text-about .terminal-line{margin-bottom:8px}}@media (prefers-reduced-motion: reduce){*{animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.blink-dot{animation:none!important;opacity:1!important}}