@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#090d16;--panel:#101725;--line:#253043;--text:#f4f7fb;--muted:#99a5b8;--accent:#70a8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:auto;padding-left:36px;padding-right:36px}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c2533}.brand{font:700 29px Space Grotesk,sans-serif;letter-spacing:-2px}.brand span{color:var(--accent)}.nav nav{display:flex;gap:36px;font-size:13px;color:#bbc6d7}.nav a:hover,.textLink:hover{color:var(--accent)}.navContact{border:1px solid #354055;padding:13px 18px;border-radius:7px;display:flex;gap:12px;align-items:center;font-size:13px}.hero{padding-top:95px;padding-bottom:54px;min-height:730px}.category,.eyebrow,.intro,.kicker,.scroll{font-size:11px;font-weight:700;letter-spacing:2px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#b6d2ff;border:1px solid #263f62;border-radius:100px;padding:11px 16px}.dot{height:7px;width:7px;background:#75d9b1;border-radius:50%;box-shadow:0 0 12px #75d9b1}.heroGrid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:35px;gap:35px;align-items:center}.intro{margin-top:42px;color:var(--accent)}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{font-size:clamp(56px,6vw,87px);line-height:1.05;letter-spacing:-5px;margin:23px 0}h1 span,h2 span{color:var(--accent)}.lead{max-width:530px;color:var(--muted);font-size:16px;line-height:1.85}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}.primary,.secondary{display:inline-flex;gap:17px;align-items:center;justify-content:center;border-radius:7px;padding:16px 20px;font-size:13px;font-weight:700}.primary{background:var(--accent);color:#07101e}.primary:hover{background:#a0c6ff}.secondary{border:1px solid #344052}.secondary:hover{border-color:var(--accent)}.heroAside{padding-top:45px}.orb{height:350px;width:350px;max-width:100%;margin:auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#152b4b 0,#101a2c 49%,transparent 70%);border:1px solid #243751;box-shadow:0 0 100px #20467b30,inset 0 0 60px #31588a22}.orbInner{height:210px;width:210px;border-radius:50%;display:grid;place-items:center;border:1px solid #4b75aa;background:linear-gradient(145deg,#1a365c,#0d1525);font:700 60px Space Grotesk;color:#83b4ff;transform:rotate(-10deg);box-shadow:0 25px 70px #0008}.asideText{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#66758b;margin-top:30px}.scroll{display:flex;align-items:center;gap:13px;margin-top:55px;color:#7f8ba0}.section{padding:115px 0;border-top:1px solid #1c2635}.about,.journey{background:#0d1320}.twoCol{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px}.kicker{color:var(--accent);margin:0 0 26px}h2{font-size:clamp(39px,4vw,60px);letter-spacing:-2.5px;line-height:1.13;margin:0}.bodyCopy{padding-top:32px}.bodyCopy p{font-size:16px;line-height:1.9;color:var(--muted)}.bodyCopy strong{color:white}.textLink{display:inline-flex;gap:12px;align-items:center;font-weight:700;font-size:14px;margin-top:17px}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.sectionHead p{color:var(--muted);max-width:330px;line-height:1.7;font-size:14px}.skillGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.skill{background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:10px;min-height:270px;transition:transform .2s,border-color .2s}.project:hover .projectVisual,.skill:hover{transform:translateY(-5px);border-color:#608cd1}.skillTop{display:flex;justify-content:space-between;color:var(--accent)}.skillTop span{color:#6c7a8e;font-size:12px}.skill h3{font-size:21px;margin:40px 0 8px}.project p,.skill p{color:var(--muted);font-size:13px;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.tags span{font-size:10px;border:1px solid #34445b;color:#b2c1d7;border-radius:5px;padding:7px 9px}.note{font-size:11px;color:#6f7c91;margin-top:20px}.projects{background:#0b101b}.projectGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.projectVisual{height:250px;background:radial-gradient(circle at 60% 45%,#25446d,#111d31 52%,#111723);border:1px solid #344967;border-radius:9px;position:relative;display:grid;place-items:center;transition:transform .2s,border-color .2s}.project:nth-child(2) .projectVisual{background:radial-gradient(circle,#292a50,#171b30 55%,#111723)}.projectArrow,.projectNum{position:absolute;top:22px;color:#b6c8e5}.projectNum{left:23px;font-size:11px;letter-spacing:2px}.projectArrow{right:23px}.projectArt{font:700 64px Space Grotesk;color:#a3c5ff;text-shadow:0 0 40px #6195e570}.projectInfo{padding:22px 4px}.category{color:var(--accent)}.project h3{font-size:25px;margin:12px 0 6px}.timeline{padding-top:8px}.timeItem{display:grid;grid-template-columns:130px 1fr;grid-gap:18px;gap:18px;padding:26px 0;border-bottom:1px solid #2b3546}.timeItem>span{color:var(--accent);font-size:10px;letter-spacing:1px;padding-top:7px}.timeItem h3{font-size:19px;margin:0 0 10px}.timeItem p{font-size:13px;color:var(--muted);margin:0}.contact{text-align:center;padding:125px 0}.contact h2{font-size:clamp(48px,6vw,78px)}.contact p:not(.kicker){max-width:480px;margin:25px auto;color:var(--muted);line-height:1.8}.contactButton{margin-top:16px}.contactNote{font-size:11px;color:#7c879a;margin-top:18px}.footer{height:110px;border-top:1px solid #263043;display:flex;justify-content:space-between;align-items:center}.footer>a:last-child,.footer>span{font-size:12px;color:#8895a8}@media(max-width:800px){.wrap{padding-left:22px;padding-right:22px}.nav nav{display:none}.nav{height:75px}.hero{padding-top:55px}.heroGrid,.twoCol{grid-template-columns:1fr}.heroAside{display:none}h1{font-size:clamp(48px,10vw,75px);letter-spacing:-3px}.section{padding:75px 0}.sectionHead{display:block}.projectGrid,.skillGrid{grid-template-columns:1fr}.twoCol{gap:25px}.footer{gap:15px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.footer>span{order:3;width:100%}}@media(max-width:420px){.navContact{font-size:11px;padding:10px}.actions>a{width:100%}.timeItem{grid-template-columns:1fr;gap:8px}}