@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;700;800&display=swap');
:root{--bg:#111214;--panel:#191b1e;--text:#eee;--muted:#969aa1;--line:#303238;--accent:#b8ff5a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{height:78px;position:fixed;z-index:10;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#111214d9;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.logo{font-size:25px;font-weight:800}.logo span,em{color:var(--accent);font-style:normal}nav{display:flex;gap:30px;font:11px 'DM Mono';color:#aaa}.nav-cta,.button{border:1px solid #555;padding:11px 15px;font:11px 'DM Mono'}.hero{min-height:100vh;padding:145px 5vw 80px;display:flex;align-items:center;position:relative;overflow:hidden}.grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{font:10px 'DM Mono';letter-spacing:1.6px;color:#858990}.hero h1{font-size:clamp(55px,7vw,100px);line-height:.94;letter-spacing:-5px;margin:28px 0}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);max-width:580px}.button{display:inline-block;margin-top:25px;background:var(--accent);color:#111;border-color:var(--accent)}.orb{position:absolute;right:8%;width:390px;height:390px;border:1px solid #383b40;border-radius:50%;display:grid;place-items:center;opacity:.65;animation:spin 25s linear infinite}.orb:after{content:'';position:absolute;inset:48px;border:1px solid #383b40;border-radius:50%}.orb b{width:105px;height:105px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;animation:spin 25s linear infinite reverse}.orb i{position:absolute;font:9px 'DM Mono';color:#777;font-style:normal}.orb i:nth-of-type(1){top:8%}.orb i:nth-of-type(2){right:3%}.orb i:nth-of-type(3){bottom:8%}.ticker{border-block:1px solid var(--line);padding:20px 0;overflow:hidden;white-space:nowrap;font:11px 'DM Mono';letter-spacing:1px;color:#aaa}.ticker div{display:inline-block;animation:move 25s linear infinite}.ticker div::first-letter{color:var(--accent)}.section,.skills{padding:145px 5vw}.head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.head h2{font-size:clamp(42px,5.5vw,75px);line-height:1;letter-spacing:-3px;margin:18px 0}.head>p{max-width:350px;color:var(--muted);line-height:1.7}.projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 25px}.wide{grid-column:span 2}.visual{height:360px;border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden;transition:.5s}.project:hover .visual{transform:translateY(-7px);border-color:#555}.project label{display:block;margin-top:18px;font:9px 'DM Mono';color:#777}.project h3{font-size:28px;margin:10px 0}.project p{color:var(--muted);line-height:1.65;margin:0;max-width:620px}.analytics{background:radial-gradient(circle at 70% 40%,#293324,#191b1e 55%)}.analytics>span{position:absolute;top:30px;left:30px;font:9px 'DM Mono';color:#777}.analytics>strong{position:absolute;right:9%;top:25%;font-size:52px;color:var(--accent)}.analytics strong small{display:block;font:9px 'DM Mono';color:#777}.bars{position:absolute;left:12%;right:12%;bottom:35px;height:220px;display:flex;gap:25px;align-items:end}.bars i{flex:1;background:#343638;border-top:2px solid var(--accent);height:60%;animation:bars 1.6s ease both}.bars i:nth-child(2){height:75%}.bars i:nth-child(3){height:50%}.bars i:nth-child(4){height:90%}.bars i:nth-child(5){height:70%}.bars i:nth-child(6){height:100%}.seo{display:grid;place-items:center;background:radial-gradient(circle,#273024,#191b1e 65%)}.seo div{width:185px;height:185px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;font-size:30px}.seo small{position:absolute;top:28px;left:30px;font:9px 'DM Mono';color:#777}.seo b{position:absolute;bottom:30px;right:30px;font:10px 'DM Mono';color:var(--accent)}.ads{display:grid;place-items:center;background:linear-gradient(135deg,#161719,#252a24)}.adcard{width:55%;padding:30px;background:#101113;border:1px solid #555;box-shadow:18px 18px #292c2e;transform:rotate(-3deg);transition:.5s}.project:hover .adcard{transform:rotate(1deg) translateY(-7px)}.adcard small,.adcard button,.copycard small,.copycard button{font:9px 'DM Mono';color:#777}.adcard strong{display:block;font-size:30px;line-height:1;margin:24px 0}.adcard button,.copycard button{background:none;border:1px solid var(--accent);color:var(--accent);padding:9px 12px}.copy{display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#293324,#191b1e 60%)}.copycard{width:62%;background:#101113;border:1px solid #555;padding:32px;box-shadow:20px 20px #222}.copycard h4{font-size:38px;line-height:1;margin:15px 0}.copycard p{font-size:14px}.content{display:grid;place-items:center;background:radial-gradient(circle,#252b23,#151618)}.content strong{font-size:clamp(60px,10vw,120px);letter-spacing:-7px}.content small,.video small{position:absolute;bottom:25px;font:9px 'DM Mono';color:#777;letter-spacing:1px}.video{display:grid;place-items:center;background:linear-gradient(120deg,#151719,#252927)}.video b{width:85px;height:85px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:20px;transition:.4s}.project:hover .video b{transform:scale(1.12)}.skills{background:#0e0f10;border-block:1px solid var(--line)}.skillgrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.skill{padding:28px 24px 35px;border-right:1px solid var(--line);min-height:260px}.skill:last-child{border:0}.skill>span{font:10px 'DM Mono';color:#777}.skill h3{margin:45px 0 12px;font-size:25px}.skill p{color:var(--muted);line-height:1.6}.skill small{font:9px 'DM Mono';color:#777}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px}.aboutnum{font-size:18vw;color:#222;font-weight:800;line-height:.7}.about p:not(.eyebrow){max-width:680px;color:#b0b2b7;font-size:18px;line-height:1.8}.contact{padding:160px 5vw;text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 20%,#232a20,transparent 50%)}.contact h2{font-size:clamp(50px,7vw,95px);line-height:1;letter-spacing:-4px}.email{display:inline-block;margin:30px 0;border-bottom:1px solid #555;padding-bottom:8px}.links{display:flex;justify-content:center;gap:30px;font:10px 'DM Mono';color:#888}footer{display:flex;justify-content:space-between;padding:25px 5vw;border-top:1px solid var(--line);font:9px 'DM Mono';color:#666}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes move{to{transform:translateX(-50%)}}@keyframes bars{from{height:5%}}@media(max-width:850px){nav{display:none}.orb{opacity:.15;right:-120px}.projects{grid-template-columns:1fr}.wide{grid-column:span 1}.skillgrid{grid-template-columns:1fr 1fr}.skill:nth-child(2){border-right:0}.skill:nth-child(n+3){border-top:1px solid var(--line)}.about{grid-template-columns:1fr}.aboutnum{display:none}}@media(max-width:600px){.nav-cta{display:none}.section,.skills{padding:100px 6vw}.head{display:block}.projects{gap:50px}.visual{height:300px}.adcard,.copycard{width:80%}.skillgrid{grid-template-columns:1fr}.skill{border-right:0!important;border-bottom:1px solid var(--line)}footer{display:block;line-height:2.3}}