:root{font-family:Manrope,sans-serif;color:#ecebe6;background:#0a0b0d;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#0a0b0d;--panel:#111315;--muted:#858783;--dim:#5b5e5c;--line:rgba(236,235,230,.13);--acid:#cbf36a;--white:#ecebe6;--mono:"DM Mono",monospace;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--acid);outline-offset:4px}::selection{background:var(--acid);color:#111}html{scroll-padding-top:90px}.section-wrap{padding-left:max(7.2vw,28px);padding-right:max(7.2vw,28px);position:relative}.site-header{height:88px;padding:0 max(7.2vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:20;background:#0a0b0de0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-size:26px;letter-spacing:-3px;font-weight:800}.brand-mark span,.footer-brand span{color:var(--acid)}.brand-name{font-size:10px;letter-spacing:.12em;font-weight:800}.brand-name small{display:block;font:8px var(--mono);letter-spacing:.12em;color:var(--muted);margin-top:4px}.main-nav{display:flex;align-items:center;gap:34px}.main-nav>a{font-size:11px;color:#a2a39e;transition:color .2s}.main-nav>a:hover,.main-nav>a.active{color:var(--white)}.main-nav .nav-talk{color:var(--acid);border:1px solid rgba(203,243,106,.4);padding:12px 16px;margin-left:8px}.nav-talk span{margin-left:12px}.menu-toggle{display:none}.hero{min-height:745px;height:calc(100vh - 88px);max-height:1000px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:78px 78px;-webkit-mask-image:linear-gradient(90deg,transparent,black 55%,black);mask-image:linear-gradient(90deg,transparent,black 55%,black);opacity:.55;pointer-events:none}.hero-copy{position:relative;z-index:2;width:60%;padding:35px 0 75px}.eyebrow,.section-kicker,.section-index,.hero-location,.scroll-cue,.art-index,.float-tag,.skill-number,.project-meta,.project-number,.timeline-date,.timeline-marker,.service-row>span:first-child,.principles>div>span,.back-top,.footer-bottom,.visual-corner{font-family:var(--mono);font-size:9px;letter-spacing:.13em}.eyebrow{display:flex;align-items:center;gap:10px;color:#a9aaa4}.status-dot,.project-status i,.build i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px #cbf36a80}.eyebrow-line{height:1px;width:38px;background:var(--acid);margin-left:6px}.hero h1{font-size:clamp(53px,6.3vw,97px);line-height:.99;letter-spacing:-.075em;font-weight:600;margin:33px 0 28px;position:relative}.outline-word{color:transparent;-webkit-text-stroke:1px rgba(236,235,230,.72)}.accent-word,.period{color:var(--acid)}.hero-bottom{display:flex;align-items:flex-end;gap:35px}.hero-bottom>p{font-size:13px;line-height:1.8;color:#9c9d98;max-width:330px;margin:0}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:185px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 17px;font-size:11px;font-weight:700;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-light{color:#111;background:var(--acid)}.button-light:hover{background:#ddff93}.text-link{font-size:11px;color:#c0c1bc;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px}.text-link span{margin-left:9px;color:var(--acid)}.hero-art{position:absolute;width:48%;height:79%;right:2%;top:9%;display:grid;place-items:center}.orbit{position:absolute;aspect-ratio:1;border:1px solid rgba(203,243,106,.1);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:min(35vw,500px);border-style:dashed;animation:turn 45s linear infinite}.orbit-two{width:min(27vw,390px);border-color:#cbf36a38;transform:rotate(44deg) scaleY(.47)}.orbit-three{width:min(28vw,410px);border-color:#80887433;transform:rotate(-36deg) scaleY(.66)}@keyframes turn{to{transform:rotate(335deg)}}.art-core{width:min(20vw,285px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 33%,#30372b,#161a17 37%,#101211 65%);box-shadow:inset 0 0 55px #cbf36a14,0 0 70px #cbf36a0f;border:1px solid rgba(203,243,106,.3);animation:float 6s ease-in-out infinite}.core-inner{border:1px solid rgba(203,243,106,.25);width:77%;height:77%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.core-symbol{font:500 52px var(--mono);color:var(--acid);letter-spacing:-9px;padding-right:9px;text-shadow:0 0 27px rgba(203,243,106,.4)}.core-caption{font:8px var(--mono);color:#9fa69a;letter-spacing:.16em}.float-tag{position:absolute;border:1px solid rgba(236,235,230,.2);background:#111412;padding:11px 14px;color:#b8bbb4;z-index:2;font-size:8px}.float-tag b{color:var(--acid);font-size:14px;margin-left:6px}.tag-react{top:17%;left:13%;transform:rotate(-8deg)}.tag-api{right:4%;top:35%;transform:rotate(7deg)}.tag-build{bottom:20%;left:5%;line-height:1.8;display:flex;gap:9px;align-items:center}.tag-build i{margin-right:1px}.art-index{position:absolute;bottom:9%;right:6%;font-size:8px;color:#696d66;line-height:1.7}.hero-location{position:absolute;right:max(7.2vw,28px);bottom:36px;color:#7a7c76;font-size:8px}.hero-location span{color:var(--acid);margin:0 7px}.scroll-cue{position:absolute;left:max(7.2vw,28px);bottom:32px;color:#a5a69f;font-size:8px;display:flex;align-items:center;gap:11px}.scroll-cue span{color:var(--acid)}.scroll-line{height:1px;width:33px;background:var(--acid)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}section:not(.hero){padding-top:138px;padding-bottom:138px}.section-heading{position:relative}.section-heading>div,.philosophy-label{display:flex;gap:13px;align-items:center;margin-bottom:31px}.section-index{color:var(--acid)}.section-kicker{color:#878a83}.section-heading h2{font-size:clamp(46px,6.4vw,88px);line-height:.98;letter-spacing:-.075em;font-weight:500;margin:0}.section-heading h2 em,.philosophy h2 em{font-style:normal;color:#777b72}.section-heading>p{color:#92948e;max-width:390px;line-height:1.8;font-size:13px;margin:25px 0 0}.about{border-bottom:1px solid var(--line)}.about-layout{display:grid;grid-template-columns:1.1fr .8fr;gap:12%;margin:64px 0 72px 24%}.about-lead{position:relative}.large-quote{font:100px Georgia;color:var(--acid);position:absolute;top:-39px;left:-42px;opacity:.75}.about-lead p{font-size:23px;line-height:1.55;letter-spacing:-.035em;margin:0}.about-detail p{font-size:12px;line-height:1.9;color:#969892;margin:0 0 16px}.about-detail .text-link{display:inline-block;margin-top:13px}.about-notes{border-top:1px solid var(--line);padding-top:23px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.about-notes>div{display:grid;grid-template-columns:34px 1fr;row-gap:7px}.about-notes span{font:9px var(--mono);color:var(--acid);grid-row:span 2}.about-notes b{font-size:12px;font-weight:600}.about-notes small{font-size:10px;color:var(--muted)}.expertise{background:#0d0f10;border-bottom:1px solid var(--line)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:66px}.skill-card{min-height:218px;padding:25px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s}.skill-card:hover{background:#141715}.skill-top{display:flex;justify-content:space-between;align-items:center}.skill-icon{font-size:20px;color:var(--acid)}.skill-number{color:#646760}.skill-card h3{font-size:15px;font-weight:600;margin:30px 0 17px}.skill-tags{display:flex;flex-wrap:wrap;gap:7px}.skill-tags span,.project-stack span{padding:7px 9px;border:1px solid rgba(255,255,255,.1);color:#a9aba5;font:9px var(--mono)}.work{border-bottom:1px solid var(--line)}.projects-list{margin-top:68px;display:grid;grid-template-columns:1fr 1fr;column-gap:22px;row-gap:55px}.project-card{position:relative;min-width:0}.project-visual{height:300px;position:relative;overflow:hidden;background:#151815;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center}.visual-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.24;background-image:radial-gradient(rgba(255,255,255,.3) .6px,transparent .6px);background-size:5px 5px;pointer-events:none}.visual-corner{position:absolute;bottom:13px;right:14px;color:#858981;font-size:8px}.visual-sparkage{background:radial-gradient(ellipse at 58% 43%,#35422b,#1e261c 34%,#141816 78%)}.mock-window{width:71%;height:73%;background:#f0f0e9;color:#1c201a;position:relative;box-shadow:0 15px 55px #0000006b;transform:perspective(800px) rotateY(-8deg) rotateX(2deg);transition:transform .5s}.project-card:hover .mock-window{transform:perspective(800px) rotateY(-2deg) rotateX(0) translateY(-4px)}.mock-top{height:24px;background:#e3e4dc;border-bottom:1px solid #d4d6cc;display:flex;align-items:center;gap:4px;padding:0 8px}.mock-top span{width:4px;height:4px;border-radius:50%;background:#9a9c94}.mock-top b{font:6px var(--mono);margin-left:20px;color:#7b7d76}.mock-side{position:absolute;top:24px;bottom:0;width:25px;background:#e8e9e2;border-right:1px solid #d9dbd2;padding-top:15px;display:flex;align-items:center;flex-direction:column;gap:13px}.mock-side i{width:8px;height:5px;background:#b5bbab}.mock-content{margin-left:25px;padding:21px 22px}.mock-content small{font:6px var(--mono);letter-spacing:.1em;color:#819075}.mock-content strong{display:block;font-size:19px;line-height:1.1;letter-spacing:-.06em;margin-top:9px}.mock-chart{height:50px;margin-top:12px;border-bottom:1px solid #d4d7cd;display:flex;align-items:flex-end;gap:5px}.mock-chart i{width:10%;background:#a6c876}.mock-chart i:nth-child(1){height:20%}.mock-chart i:nth-child(2){height:37%}.mock-chart i:nth-child(3){height:26%}.mock-chart i:nth-child(4){height:54%}.mock-chart i:nth-child(5){height:40%}.mock-chart i:nth-child(6){height:69%}.mock-chart i:nth-child(7){height:57%}.mock-chart i:nth-child(8){height:82%}.mock-chart i:nth-child(9){height:64%}.mock-chart i:nth-child(10){height:94%}.mock-foot{display:flex;justify-content:space-between;font:6px var(--mono);color:#888d80;padding-top:7px}.mock-foot b{color:#64863d}.visual-greenlancez{background:#b7d64a}.green-art{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(130deg,#c5e477,#a5ca3e);color:#17220e;padding:45px}.green-sun{position:absolute;width:210px;height:210px;right:8%;top:-22%;background:#e0f093;border-radius:50%;filter:blur(1px)}.green-ring{position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid rgba(30,50,13,.24);right:-5%;bottom:-65%;box-shadow:0 0 0 23px #2337100f,0 0 0 47px #2337100d}.green-art strong{position:relative;display:block;font-size:clamp(32px,4vw,55px);line-height:.94;letter-spacing:-.075em;font-weight:600;margin-top:18px}.green-art strong span{color:#fff}.green-art small{position:absolute;bottom:26px;left:45px;font:8px var(--mono);letter-spacing:.12em}.visual-security{background:radial-gradient(ellipse at 50% 43%,#253333,#111718 70%)}.security-art{position:relative;width:100%;height:100%;display:grid;place-items:center}.shield{width:120px;height:142px;clip-path:polygon(50% 0,94% 18%,88% 68%,50% 100%,12% 68%,6% 18%);border:1px solid #66d8c1;background:linear-gradient(145deg,#3ebea538,#132b2859);display:grid;place-items:center;color:#73e9ce;font-size:50px;text-shadow:0 0 27px #55d7ba;filter:drop-shadow(0 0 20px rgba(78,217,187,.3))}.scan-line{position:absolute;height:1px;width:60%;background:#80f0d5;box-shadow:0 0 15px #65e6c6;top:51%;animation:scan 4s ease-in-out infinite alternate}@keyframes scan{to{transform:translateY(-80px);opacity:.25}}.scan-label{position:absolute;top:18%;font:8px var(--mono);letter-spacing:.13em;color:#98aaa5}.scan-label b{color:#71e5c8;margin-left:12px}.scan-code{position:absolute;left:10%;bottom:14%;font:8px/1.8 var(--mono);color:#8faaa2}.visual-watchdog{background:#181a18}.watch-art{width:75%;padding:22px;background:#0a0c0ba6;border:1px solid rgba(203,243,106,.23);box-shadow:0 20px 55px #00000059}.watch-title{font:8px var(--mono);letter-spacing:.1em;color:#b4b8ac}.watch-title span{float:right;color:var(--acid);font-size:7px}.watch-domain{font-size:20px;letter-spacing:-.05em;margin:21px 0}.watch-rows>div{display:grid;grid-template-columns:35px 1fr 70px;align-items:center;gap:9px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07);font:7px var(--mono);color:#91968c}.watch-rows i{height:2px;background:var(--acid);position:relative}.watch-rows i:after{content:"";position:absolute;right:0;top:-2px;width:6px;height:6px;background:var(--acid);border-radius:50%}.watch-rows b{font-weight:400;color:#b4c795;text-align:right;font-size:6px}.watch-pulse{font:7px var(--mono);color:#666d61;margin-top:18px;letter-spacing:.1em}.visual-git{background:radial-gradient(ellipse at 72% 40%,#322b44,#17141c 70%)}.git-art{width:100%;height:100%;position:relative}.git-card{position:absolute;left:15%;top:19%;background:#25212c;border:1px solid rgba(205,175,255,.22);padding:22px 24px;width:57%;box-shadow:0 17px 40px #0000004d}.git-card small,.git-card span{font:7px var(--mono);letter-spacing:.12em;color:#aaa0b8}.git-card strong{display:block;font-size:23px;line-height:1.1;letter-spacing:-.06em;margin:20px 0 26px}.git-card span{color:#d2afff}.git-node{position:absolute;width:9px;height:9px;border-radius:50%;background:#cda6ff;box-shadow:0 0 12px #c291ff99;z-index:2}.n1{left:78%;top:20%}.n2{left:83%;top:78%}.n3{left:16%;top:82%}.git-branch{position:absolute;border:1px solid rgba(205,166,255,.38);border-radius:50%}.branch-a{width:130px;height:195px;left:35%;top:35%;transform:rotate(-25deg)}.branch-b{width:220px;height:74px;left:48%;top:46%;transform:rotate(18deg)}.project-info{padding:21px 2px 0}.project-meta{display:flex;justify-content:space-between;color:#898c84;font-size:8px}.project-status{color:var(--acid);display:flex;align-items:center;gap:7px}.project-status i{width:5px;height:5px}.project-status.in-progress{color:#b6b8af}.project-status.in-progress i{background:#b6b8af;box-shadow:none}.project-title-row{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.project-title-row h3{margin:0;font-size:22px;font-weight:500;letter-spacing:-.05em}.project-open{width:30px;height:30px;display:grid;place-items:center;color:var(--acid);border:1px solid rgba(203,243,106,.35);transition:background .2s,color .2s}.project-open:hover{background:var(--acid);color:#111}.project-info>p{font-size:11px;color:#969891;line-height:1.8;max-width:450px;margin:11px 0 15px}.project-stack{display:flex;gap:6px;flex-wrap:wrap}.project-stack span{font-size:8px;padding:5px 7px}.project-number{position:absolute;right:0;top:0;color:#5d605a}.journey{background:#0d0f10;border-bottom:1px solid var(--line)}.timeline{margin:62px 0 0 25%;border-top:1px solid var(--line)}.timeline-item{min-height:142px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:60px 110px 1fr;align-items:center;gap:20px}.timeline-marker{width:34px;height:34px;border:1px solid rgba(203,243,106,.33);border-radius:50%;display:grid;place-items:center;color:var(--acid);font-size:8px}.timeline-date{color:#858981;font-size:8px}.timeline-copy h3{font-weight:500;font-size:16px;letter-spacing:-.03em;margin:0 0 9px}.timeline-copy p{font-size:10px;line-height:1.8;color:#92958d;margin:0;max-width:470px}.services{display:grid;grid-template-columns:.78fr 1.2fr;gap:12%;border-bottom:1px solid var(--line)}.services-head>.section-heading h2{font-size:clamp(48px,5vw,72px)}.services-head>p{max-width:250px;margin:37px 0;color:#94968f;font-size:11px;line-height:1.9}.service-list{border-top:1px solid var(--line)}.service-row{min-height:75px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr 1.15fr 24px;align-items:center;gap:14px;transition:padding .25s,background .25s}.service-row:hover{padding:0 10px;background:#ffffff06}.service-row>span:first-child{color:var(--acid);font-size:8px}.service-row h3{font-size:11px;font-weight:600;margin:0}.service-row p{font-size:9px;line-height:1.6;color:#898c85;margin:0}.service-arrow{color:#797d74;font-size:13px;transition:color .2s,transform .2s}.service-row:hover .service-arrow{color:var(--acid);transform:translate(2px,-2px)}.philosophy{background:#c4e871;color:#15180f;overflow:hidden}.philosophy:after{content:"✳";position:absolute;font-size:min(45vw,620px);line-height:1;right:-5%;top:3%;color:#ffffff17;pointer-events:none}.philosophy .section-index,.philosophy .section-kicker{color:#45552d}.philosophy h2{position:relative;z-index:1;font-size:clamp(42px,6.3vw,87px);line-height:1.03;letter-spacing:-.075em;font-weight:500;margin:0}.philosophy h2 em{color:#637a39}.philosophy .period{color:#fff}.principles{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:72px 0 0;padding-top:21px;border-top:1px solid rgba(24,35,12,.24)}.principles>div{display:grid;grid-template-columns:34px 1fr;gap:8px}.principles>div>span{grid-row:span 2;color:#526538;font-size:8px}.principles b{font-size:12px}.principles p{font-size:10px;color:#4c5a39;line-height:1.7;margin:0}.contact{padding-top:145px!important;padding-bottom:145px!important;overflow:hidden}.contact-orb{position:absolute;width:400px;height:400px;border-radius:50%;right:-140px;top:3%;background:radial-gradient(circle,rgba(203,243,106,.08),transparent 67%);pointer-events:none}.contact-content{display:grid;grid-template-columns:1fr .85fr;gap:12%;position:relative}.contact-copy .section-heading h2{font-size:clamp(48px,5.9vw,80px)}.contact-copy>p{color:#969891;font-size:11px;line-height:1.9;max-width:390px;margin:28px 0 31px}.contact-direct>a,.contact-direct>.muted{font:11px var(--mono);color:var(--acid)}.contact-direct>a span{margin-left:10px}.muted{color:#73766e!important}.social-links{display:flex;gap:19px;margin-top:18px}.social-links a{font:8px var(--mono);color:#a4a69e}.contact-form{padding-top:45px;display:flex;flex-direction:column;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:9px;font:9px var(--mono);letter-spacing:.04em;color:#a6a8a0}.contact-form input,.contact-form textarea{background:transparent;color:var(--white);border:0;border-bottom:1px solid rgba(255,255,255,.17);padding:11px 0;font:11px Manrope,sans-serif;resize:vertical;border-radius:0;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--acid)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#565952}.submit-button{align-self:flex-start;border:0;cursor:pointer;margin-top:4px}.submit-button:disabled{opacity:.7}.form-note{font:8px var(--mono);color:#777a73}.form-message{font-size:10px;color:var(--acid);margin:-8px 0 0;line-height:1.7}.form-error{color:#ffb39d}.footer{min-height:265px;padding-top:44px;padding-bottom:24px!important;border-top:1px solid var(--line);display:grid;grid-template-columns:100px 1fr 1fr auto;align-content:start;align-items:center;gap:18px}.footer-brand{font-size:36px;font-weight:800;letter-spacing:-5px}.footer>p{font-size:10px;line-height:1.7;color:#92948e}.footer-links{display:flex;gap:16px}.footer-links a{font-size:9px;color:#a9aaa4}.back-top{font-size:8px;color:var(--acid)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:40px;color:#777a72;font-size:7px}.footer-bottom i{color:var(--acid);font-style:normal;margin-left:5px}@media (min-width:1500px){.section-wrap,.site-header{padding-left:max(calc((100vw - 1280px)/2),7vw);padding-right:max(calc((100vw - 1280px)/2),7vw)}.hero h1{font-size:100px}}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}@media (max-width:1050px){.hero-copy{width:66%}.hero h1{font-size:clamp(60px,8vw,83px)}.hero-art{width:45%;right:-3%}.hero-bottom{align-items:flex-start;flex-direction:column;gap:20px}.hero-actions{flex-direction:row;align-items:center}.about-layout{margin-left:14%;gap:8%}.timeline{margin-left:12%}.services{gap:6%}.contact-content{gap:7%}.main-nav{gap:22px}}@media (max-width:760px){.site-header{height:70px}.menu-toggle{display:flex;width:42px;height:42px;background:none;border:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:6px;color:#fff}.menu-toggle span{height:1px;width:17px;background:var(--white);transition:transform .2s}.main-nav.is-open+.menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.main-nav.is-open+.menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:19px 28px 26px;background:#0d0f10;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav>a{padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.06)}.main-nav .nav-talk{margin:14px 0 0;padding:14px}.hero{height:auto;min-height:780px;max-height:none;display:block;padding-top:88px;padding-bottom:95px}.hero-copy{width:100%;padding:0}.hero h1{font-size:clamp(54px,12vw,82px);margin:31px 0 23px;line-height:1}.hero-bottom{gap:22px}.hero-bottom>p{max-width:390px;font-size:12px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-art{height:360px;width:100%;right:0;top:auto;bottom:48px;opacity:.48;pointer-events:none}.art-core{width:210px}.orbit-one{width:310px}.orbit-two,.orbit-three{width:250px}.tag-react{left:10%;top:15%}.tag-api{right:8%;top:29%}.tag-build{bottom:14%;left:8%}.art-index{bottom:5%;right:7%}.hero-location{display:none}.scroll-cue{bottom:26px;z-index:2}.hero-grid{background-size:52px 52px}section:not(.hero){padding-top:91px;padding-bottom:91px}.section-heading h2{font-size:clamp(48px,11vw,72px)}.section-heading>div{margin-bottom:25px}.about-layout{display:block;margin:54px 0 58px 9%}.about-lead p{font-size:21px;margin-bottom:26px}.large-quote{font-size:77px;left:-31px;top:-28px}.about-detail p{font-size:11px}.about-notes{grid-template-columns:1fr;gap:20px}.about-notes>div{grid-template-columns:32px 1fr}.skills-grid{grid-template-columns:1fr 1fr;margin-top:47px}.skill-card{padding:19px 16px;min-height:205px}.skill-card h3{font-size:13px}.skill-tags span{font-size:8px;padding:6px 7px}.projects-list{grid-template-columns:1fr;row-gap:42px;margin-top:48px}.project-visual{height:280px}.project-number{top:8px}.project-title-row h3{font-size:20px}.timeline{margin:49px 0 0}.timeline-item{grid-template-columns:42px 75px 1fr;gap:11px;min-height:132px}.timeline-marker{width:30px;height:30px}.timeline-date{font-size:7px}.timeline-copy h3{font-size:13px}.timeline-copy p{font-size:9px}.services{display:block}.services-head>p{margin:24px 0 40px;max-width:320px}.service-row{grid-template-columns:27px 1fr 22px;gap:10px;min-height:76px}.service-row h3{font-size:11px}.service-row p{grid-column:2;grid-row:2;padding:0 0 14px}.service-row>span:first-child{grid-row:span 2}.service-arrow{grid-column:3;grid-row:1}.philosophy h2{font-size:clamp(42px,9.5vw,69px)}.principles{grid-template-columns:1fr;gap:20px;margin-top:50px}.principles>div{grid-template-columns:32px 1fr}.contact-content{display:block}.contact-copy>p{margin-top:25px}.contact-form{padding-top:50px}.form-row{gap:12px}.contact-form label{font-size:8px}.footer{grid-template-columns:60px 1fr auto;gap:10px;padding-top:35px}.footer>p{font-size:9px}.footer-links{grid-column:1/3;grid-row:2;flex-wrap:wrap;padding-top:15px}.back-top{grid-column:3;grid-row:2}.footer-bottom{margin-top:28px;gap:12px;flex-wrap:wrap;font-size:6px}.footer-bottom span:last-child{width:100%}}@media (max-width:420px){.section-wrap{padding-left:23px;padding-right:23px}.site-header{padding:0 23px}.hero h1{font-size:53px}.hero{min-height:755px;padding-top:82px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-art{bottom:47px;height:325px}.art-core{width:180px}.orbit-one{width:270px}.orbit-two,.orbit-three{width:220px}.float-tag{padding:8px 10px}.tag-api{right:1%}.art-index{font-size:7px}.section-heading h2{font-size:47px}.skill-card{min-height:215px;padding:17px 13px}.skill-tags{gap:5px}.project-visual{height:245px}.green-art{padding:29px}.green-art small{left:29px}.timeline-item{grid-template-columns:34px 64px 1fr;gap:8px}.timeline-copy h3{font-size:12px}.timeline-copy p{font-size:8px}.form-row{grid-template-columns:1fr}.footer-bottom span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.skills-grid .skill-card:nth-child(2),.projects-list .project-card:nth-child(2n),.timeline-item:nth-child(2n),.principles>div:nth-child(2){transition-delay:90ms}.skills-grid .skill-card:nth-child(3),.projects-list .project-card:nth-child(3n),.timeline-item:nth-child(3n),.principles>div:nth-child(3){transition-delay:.16s}.hero-copy{animation:hero-enter .9s cubic-bezier(.18,.7,.2,1) both}.hero-art{animation:art-enter 1.2s .12s cubic-bezier(.18,.7,.2,1) both}@keyframes hero-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes art-enter{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.project-controls{display:flex;flex-wrap:wrap;gap:8px;margin:54px 0 27px}.filter-chip{display:flex;align-items:center;gap:15px;padding:10px 12px;background:transparent;border:1px solid rgba(255,255,255,.13);color:#969891;font:9px var(--mono);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.filter-chip span{font-size:8px;color:#656961}.filter-chip:hover,.filter-chip.selected{color:var(--acid);border-color:#cbf36a7a}.filter-chip.selected{background:#cbf36a0f}.project-card,.project-visual{isolation:isolate}.project-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(203,243,106,.13),transparent 72%);transition:opacity .3s}.project-card:hover .project-visual:after{opacity:1}.project-card{animation:project-enter .45s ease both}@keyframes project-enter{0%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.project-controls{gap:6px;margin:40px 0 22px}.filter-chip{padding:9px 10px;gap:9px}.motion-ready .reveal{transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.hero-copy,.hero-art,.project-card{animation:none}}.scroll-progress{position:fixed;z-index:40;inset:0 0 auto;height:2px;pointer-events:none;background:transparent}.scroll-progress span{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(var(--scroll-progress,0));transform-origin:left center;box-shadow:0 0 10px #cbf36a8c}.hero-art{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .18s ease-out}.art-core{transform:translateZ(25px)}.tag-react{transform:translateZ(35px) rotate(-8deg)}.tag-api{transform:translateZ(45px) rotate(7deg)}.tag-build{transform:translateZ(30px)}@keyframes art-enter{0%{opacity:0}to{opacity:1}}.project-details-link{display:inline-flex;align-items:center;gap:9px;margin-top:17px;padding:0 0 5px;border:0;border-bottom:1px solid rgba(203,243,106,.35);background:none;color:#b7bdab;font:9px var(--mono);cursor:pointer;transition:color .2s,border-color .2s}.project-details-link span{color:var(--acid);transition:transform .2s}.project-details-link:hover,.project-details-link:focus-visible{color:var(--acid);border-color:var(--acid)}.project-details-link:hover span{transform:translate(2px,-2px)}.project-card:hover .project-visual{border-color:#cbf36a4d;transition:border-color .25s}.project-dialog{width:min(610px,calc(100vw - 34px));max-height:min(82vh,760px);padding:0;border:1px solid rgba(203,243,106,.3);background:#101311;color:var(--white);box-shadow:0 30px 120px #000000b3}.project-dialog::backdrop{background:#040605c7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.project-dialog[open]{animation:dialog-enter .3s cubic-bezier(.2,.7,.2,1)}@keyframes dialog-enter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-inner{padding:clamp(25px,5vw,48px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;color:#90958a;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.dialog-top button{width:33px;height:33px;border:1px solid var(--line);color:var(--white);background:transparent;font-size:20px;cursor:pointer;transition:color .2s,border-color .2s}.dialog-top button:hover{color:var(--acid);border-color:var(--acid)}.dialog-inner h3{font-size:clamp(32px,7vw,54px);line-height:1;letter-spacing:-.07em;font-weight:500;margin:43px 0 15px}.dialog-inner h3 span{color:var(--acid)}.dialog-inner>p{max-width:470px;color:#a2a59c;font-size:12px;line-height:1.9}.dialog-status{display:flex;align-items:center;gap:8px;color:#c1c5b8;font:9px var(--mono);margin-top:22px}.dialog-status i{width:6px;height:6px;border-radius:50%;background:var(--acid)}.dialog-inner h4{font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#858a7d;margin:30px 0 12px}.dialog-inner ul{padding:0 0 0 16px;margin:0;color:#c4c7bd;font-size:11px;line-height:2}.dialog-inner li::marker{color:var(--acid)}.dialog-stack{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.dialog-stack span{font:8px var(--mono);color:#a7aa9f;padding:7px 9px;border:1px solid var(--line)}.dialog-inner>.button{margin-top:5px}.project-card:hover .project-details-link{color:var(--acid)}@media (max-width:760px){.hero-art{transform:none;transition:none}.project-dialog{max-height:88vh}.dialog-inner h3{margin-top:30px}}@media (prefers-reduced-motion:reduce){.hero-art{transform:none!important;transition:none}.project-dialog[open]{animation:none}.scroll-progress span{box-shadow:none}}
