:root{--green:#65ffab;--muted:#9ea9a3;--border:#ffffff20;--bg:#060b09}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#eef5f0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:6px}::selection{background:var(--green);color:#06120b}.skip{position:fixed;top:-100px;z-index:20;background:var(--green);color:#000;padding:15px}.skip:focus{top:10px}header{position:absolute;z-index:5;top:0;left:0;width:100%;height:112px;padding:0 5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:3px;font-weight:700}.brand small{display:block;font:8px 'IBM Plex Mono',monospace;letter-spacing:2px;color:var(--muted);margin-top:7px}.monogram{font-size:42px;font-weight:400;letter-spacing:-12px;margin-right:12px;transform:skew(-10deg)}.monogram span{color:var(--green)}nav{display:flex;gap:30px;margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:2px}nav a:hover,.text-link:hover{color:var(--green)}.motion{font:9px 'IBM Plex Mono',monospace;text-transform:uppercase;background:#07100ca0;border:1px solid var(--border);padding:10px}.motion span{color:var(--green)}.hero{height:max(850px,100svh);position:relative;overflow:hidden;isolation:isolate}.environment{position:absolute;inset:-3%;background:url('assets/vault.jpg') center/cover;z-index:-4;transform:translate(var(--px,0px),var(--py,0px)) scale(1.04);transition:transform 1s ease-out}.vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#020806dd 0%,#02080690 34%,transparent 70%),linear-gradient(0deg,var(--bg),transparent 28%,#0002 70%,#0008)}#particles{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}.hero-copy{position:relative;z-index:2;padding:210px 0 140px 7%;width:58%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow,.section-label,.tag,.coordinates,.hero-bottom,.core-caption,.tech,.art-code{font:10px 'IBM Plex Mono',monospace;letter-spacing:2px}.eyebrow{color:var(--green);display:flex;align-items:center;gap:12px}.status{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}h1{font:800 clamp(85px,9.5vw,160px)/.84 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:35px 0 28px}h1>span:not(.period){color:#c8d8d0}.period{color:var(--green)}.role{font-size:15px;color:#e2eee7}.intro{font-size:17px;line-height:1.8;color:var(--muted);margin:18px 0 30px}.actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 22px;font-size:11px;font-weight:800;letter-spacing:1px}.primary{background:var(--green);color:#06140d;box-shadow:0 0 24px #65ffab20}.primary:hover{background:#acffd1;box-shadow:0 0 30px #65ffab50}.secondary{border:1px solid #9dd9b850;background:#06110a70}.secondary:hover{border-color:var(--green)}.coordinates{font-size:8px;color:#abbfb1;margin-top:50px;letter-spacing:1px}.coordinates span{margin-left:20px;color:#668273}.hero-bottom{position:absolute;bottom:30px;left:7%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#90a398}.hero-bottom a{display:flex;gap:15px;align-items:center}.hero-bottom a:first-letter{font-size:25px}.index{color:var(--green)}.core-stage{position:absolute;width:420px;height:420px;top:29%;left:58%;perspective:850px;transform:translate(var(--px,0px),var(--py,0px));transition:transform 1s ease-out}.cube{position:absolute;left:110px;top:110px;width:200px;height:200px;transform-style:preserve-3d;animation:cube 25s linear infinite}.face{position:absolute;width:200px;height:200px;border:2px solid #7affb0;box-shadow:inset 0 0 45px #42ff8040,0 0 14px #3aff7350;background:repeating-linear-gradient(0deg,transparent 0 24px,#59ffac35 25px 26px),repeating-linear-gradient(90deg,#07150ef0 0 24px,#75ffc438 25px 26px);backface-visibility:visible}.face:before{content:'';position:absolute;inset:25px;border:8px double #64ff9b;box-shadow:0 0 20px #5dffac,inset 0 0 30px #56ffaa}.face:after{content:'◇';position:absolute;inset:45px;text-align:center;font-size:80px;color:#bdffdb;text-shadow:0 0 20px var(--green)}.front{transform:translateZ(100px)}.back{transform:rotateY(180deg) translateZ(100px)}.right{transform:rotateY(90deg) translateZ(100px)}.left{transform:rotateY(-90deg) translateZ(100px)}.top{transform:rotateX(90deg) translateZ(100px)}.bottom{transform:rotateX(-90deg) translateZ(100px)}.orbit{position:absolute;inset:0;border:3px solid #93ffbb80;border-radius:50%;box-shadow:0 0 12px #50ff8c44,inset 0 0 12px #50ff8c44;animation:orbit 18s linear infinite}.orbit:after{content:'';position:absolute;top:50%;left:-5px;width:8px;height:8px;background:#c8ffdf;box-shadow:0 0 18px #65ffab}.orbit-two{inset:-25px;border:1px dashed #61ffa788;animation-direction:reverse;animation-duration:30s}.orbit-three{inset:35px;border-width:7px;border-color:#7fe9a533;animation-delay:-6s}.core-glow{position:absolute;inset:20%;background:#42ff7620;filter:blur(45px);z-index:-1}.core-caption{position:absolute;bottom:-70px;left:80px;font-size:8px;color:#a5d4b7}.core-caption b{color:var(--green);margin-left:15px}@keyframes cube{from{transform:rotateX(-20deg) rotateY(0) rotateZ(-12deg)}to{transform:rotateX(-20deg) rotateY(360deg) rotateZ(-12deg)}}@keyframes orbit{from{transform:rotateX(65deg) rotateY(-25deg) rotateZ(0)}to{transform:rotateX(65deg) rotateY(-25deg) rotateZ(360deg)}}.section{padding:100px 7%;border-top:1px solid var(--border);position:relative}.section-label{color:var(--green);margin-bottom:38px;font-size:9px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}h2{font-size:clamp(32px,4vw,60px);line-height:1.13;letter-spacing:-2px;font-weight:500;margin:0 0 25px}em{font-style:normal;color:var(--green)}p{line-height:1.85;color:var(--muted);font-size:14px}.large{font-size:20px;color:#d8e5dd;margin-top:0}.facts{border-top:1px solid var(--border);margin-top:30px}.facts div{border-bottom:1px solid var(--border);padding:17px 0;font-size:12px}.facts span{display:inline-block;width:100px;font:9px 'IBM Plex Mono',monospace;color:#778d7f}.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:30px}.section-heading p{margin:0;font-size:12px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project{padding:0;text-align:left;background:#0a120e;border:1px solid var(--border);transition:transform .3s,border-color .3s}.project:hover{transform:translateY(-5px);border-color:#65ffab80}.project-art{height:260px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#14583688,transparent 65%),repeating-linear-gradient(90deg,transparent 0 39px,#57ff9410 40px),repeating-linear-gradient(0deg,#050c09 0 39px,#57ff9410 40px);display:grid;place-items:center}.art-symbol{font-size:105px;color:#8dffc0;text-shadow:0 0 28px #47ff95}.signal-ring{position:absolute;width:170px;height:170px;border:1px solid #65ffab70;border-radius:50%;box-shadow:0 0 0 30px #65ffab07,0 0 0 60px #65ffab04}.agent{filter:hue-rotate(25deg)}.art-code{position:absolute;bottom:18px;font-size:7px;color:#6ba181}.project-body{padding:28px}.tag{color:var(--green);font-size:8px;letter-spacing:1px}h3{font-size:22px;font-weight:500}.project h3{display:flex;justify-content:space-between;margin:16px 0 12px}.project h3 span{color:var(--green)}.project p{font-size:12px;max-width:390px}.tech{font-size:8px;color:#7c9586;margin-top:25px;letter-spacing:1px}.skill-list>div{display:grid;grid-template-columns:60px 1fr 1.4fr;align-items:center;border-top:1px solid var(--border);padding:24px 0;gap:20px}.skill-list>div:last-child{border-bottom:1px solid var(--border)}.skill-list span{font:10px 'IBM Plex Mono',monospace;color:var(--green)}.skill-list h3{font-size:19px;margin:0}.skill-list p{margin:0;font-size:12px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.journey article{border-left:1px solid #65ffab50;padding-left:22px}.journey h3{font-size:17px}.journey p{font-size:12px}.contact{text-align:center;background:radial-gradient(ellipse at 50% 100%,#17462d55,transparent 65%);padding-top:110px;padding-bottom:110px}.contact .section-label{display:flex;align-items:center;justify-content:center;gap:10px}.contact h2{font-size:clamp(38px,5vw,72px)}.contact .button{margin-top:20px}.text-link{display:block;font-size:12px;margin-top:24px;color:#b8cbbf}footer{border-top:1px solid var(--border);padding:30px 7%;display:flex;justify-content:space-between;font:9px 'IBM Plex Mono',monospace;color:#839b8d}footer .brand{font-size:9px;letter-spacing:1px}dialog{background:#0b1710;color:#ebfff1;border:1px solid #65ffab70;width:min(600px,90vw);padding:45px;box-shadow:0 0 100px #000;max-height:85vh}dialog::backdrop{background:#010704cc;backdrop-filter:blur(9px)}dialog h2{font-size:36px;margin-top:25px}dialog h3{font-size:16px}dialog li{font-size:13px;color:#b3c8bb;line-height:1.8;margin:10px 0}.close{position:absolute;right:14px;top:8px;background:none;border:0;font-size:32px}.dialog-note{font-size:11px;border-top:1px solid var(--border);padding-top:20px}.paused *{animation-play-state:paused!important}.paused .environment,.paused .core-stage{transform:none!important}@media(min-width:1700px){.hero-copy{padding-top:260px}.core-stage{left:62%;top:35%;scale:1.2}}@media(max-width:900px){header{gap:15px;padding:0 5%}nav{gap:16px;font-size:9px}.brand>span:last-child{display:none}.hero-copy{width:65%;padding-left:6%}.core-stage{left:57%;scale:.75;transform-origin:left center}.about-grid{gap:35px}.section{padding:75px 6%}.actions{flex-wrap:wrap}.section-heading{gap:30px}.skill-list>div{grid-template-columns:30px 1fr 1.2fr}}@media(max-width:600px){header{height:85px;gap:12px}nav{gap:12px;letter-spacing:0;font-size:9px}.monogram{font-size:30px}.motion{font-size:8px;padding:8px}.hero{height:900px}.hero-copy{padding-top:140px;width:95%}h1{font-size:100px}.eyebrow{font-size:8px}.role{font-size:13px}.intro{font-size:14px}.core-stage{top:530px;left:calc(50% - 210px);scale:.55;transform-origin:center center}.core-caption{bottom:-40px}.coordinates{margin-top:25px;font-size:7px}.hero-bottom>span:not(.index){display:none}.hero-bottom{bottom:20px;font-size:7px}.environment{background-position:65% center}.vignette{background:linear-gradient(0deg,var(--bg),transparent 35%,#01070488 60%,#010704bb)}.button{padding:15px;font-size:9px;gap:20px}.about-grid,.project-grid,.journey-grid{grid-template-columns:1fr}.about-grid{gap:20px}h2{letter-spacing:-1px}.section-heading{display:block}.section-heading p{margin-bottom:25px}.skill-list>div{grid-template-columns:25px 1fr;gap:12px}.skill-list p{grid-column:2}.skill-list h3{font-size:17px}.project-art{height:220px}.section{padding:60px 6%}.large{font-size:17px}.journey-grid{gap:30px}footer{gap:20px;flex-wrap:wrap}footer>span{display:none}dialog{padding:30px}.contact h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.environment,.core-stage{transform:none!important}}
.hero::after{content:"";position:absolute;inset:45% -20% 6%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 70%,#8affad12,transparent 55%);filter:blur(25px);animation:mist 14s ease-in-out infinite alternate}@keyframes mist{from{transform:translateX(-5%)}to{transform:translateX(6%)}}