@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Inter:wght@300..800&family=JetBrains+Mono:ital,wght@0,400..700;1,400&display=swap";.topNav{width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 8vmax;position:fixed;top:0;z-index:900;transition:all .4s cubic-bezier(.22,1,.36,1)}.topNav.scrolled{background:#0c0c0ce0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(244,241,234,.12);box-shadow:0 10px 30px #0006;height:64px}.topNav>h2{font:700 1.25rem Space Grotesk,sans-serif;letter-spacing:-.02em;cursor:pointer;color:#f4f1ea}.topNav>h2 span{color:#c6f135}.topNav>div{display:flex;align-items:center;gap:2.2rem}.topNav>div a{color:#a9a69e;font:500 .78rem JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:baseline;gap:.4rem;transition:color .3s}.topNav>div a i{font-style:normal;font-size:.6rem;color:#6d6b66;transition:color .3s}.topNav>div a:hover{color:#f4f1ea}.topNav>div a:hover i{color:#c6f135}.topNav>a>button{border:1px solid #c6f135;background:#c6f135;color:#0c0c0c;padding:.6rem 1.6rem;border-radius:50px;cursor:pointer;font:600 .72rem JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase;transition:all .3s cubic-bezier(.22,1,.36,1)}.topNav>a>button:hover{background:transparent;color:#c6f135}.navBtn{border:1px solid rgba(244,241,234,.12);background:#131312b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f4f1ea;font-size:1.15rem;width:42px;height:42px;border-radius:11px;display:none;position:fixed;top:10px;right:14px;z-index:999;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.navBtn:hover{border-color:#c6f135;color:#c6f135}.menuOverlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;background:#0c0c0c;clip-path:circle(0% at calc(100% - 3rem) 3rem);transition:clip-path .65s cubic-bezier(.65,0,.35,1);z-index:980;pointer-events:none}.menuOverlayOpen{clip-path:circle(150% at calc(100% - 3rem) 3rem);pointer-events:auto}.fullMenu{width:100%;height:100vh;padding:5vmax;position:fixed;top:0;z-index:985;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease .25s,visibility 0s linear .55s}.fullMenu>h2{font:700 1.6rem Space Grotesk,sans-serif;color:#f4f1ea}.fullMenu>h2 span{color:#c6f135}.fullMenu>div{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.fullMenu>div a{color:#f4f1ea;font:600 clamp(1.8rem,6vw,3rem) "Space Grotesk",sans-serif;letter-spacing:-.02em;text-transform:uppercase;display:flex;align-items:baseline;gap:1rem;transition:color .3s,transform .3s cubic-bezier(.22,1,.36,1)}.fullMenu>div a .navIndex{font:400 .7rem JetBrains Mono,monospace;color:#c6f135;letter-spacing:.15em}.fullMenu>div a:hover{color:#c6f135;transform:translate(10px)}.fullMenu>a>button{border:1px solid #c6f135;padding:.7rem 2.2rem;background:#c6f135;color:#0c0c0c;border-radius:50px;letter-spacing:.14em;font:600 .8rem JetBrains Mono,monospace;text-transform:uppercase;transition:.3s;cursor:pointer}.fullMenu>a>button:hover{background:transparent;color:#c6f135}.fullMenuOpen{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease .25s}#home{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:0 8vmax}#home .heroInner{width:100%;padding-top:8.5rem;flex:1;display:flex;flex-direction:column}#home .heroMeta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(244,241,234,.12);padding-top:1.1rem;margin-bottom:3.2rem}#home .heroMeta p{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66}#home .heroMeta .avail{display:flex;align-items:center;gap:.55rem}#home .heroMeta .avail i{width:8px;height:8px;border-radius:50%;background:#c6f135;animation:pulseDot 2s infinite}#home h1{font:700 clamp(3.4rem,12.5vw,11rem) "Space Grotesk",sans-serif;line-height:.92;letter-spacing:-.03em;text-transform:uppercase;color:#f4f1ea;position:relative;z-index:1}#home h1 span{display:block;overflow:hidden}#home h1 em{font-style:normal;display:inline-block}#home h1 .outline{color:transparent;-webkit-text-stroke:1.5px rgba(244,241,234,.75)}#home h1 .accentDot{color:#c6f135;-webkit-text-stroke:0}#home .heroFigure{position:absolute;right:1vw;top:11rem;width:clamp(230px,21vw,350px);aspect-ratio:3/4;z-index:0;border:1px solid rgba(244,241,234,.12);background:#131312;overflow:hidden}#home .heroFigure img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(.55) contrast(1.05);transition:filter .5s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}#home .heroFigure .photoTag{position:absolute;left:.9rem;bottom:.9rem;font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#0c0c0c;background:#c6f135;padding:.3rem .7rem;border-radius:4px;z-index:1}#home .heroFigure:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(198,241,53,.25);transform:translate(10px,-10px);pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1)}#home .heroFigure:hover img{filter:grayscale(0);transform:scale(1.05)}#home .heroFigure:hover:after{transform:translate(6px,-6px)}#home .heroRole{display:flex;align-items:center;gap:1.2rem;margin:2.6rem 0 0;min-height:2em}#home .heroRole .roleDash{width:56px;height:1px;background:#c6f135;flex-shrink:0}#home .heroRole .typerwriterpara{font:500 .95rem JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:#c6f135}#home .heroRole .typeCursor{font:400 .95rem JetBrains Mono,monospace;color:#c6f135;animation:blink 1s infinite}#home .heroCtas{display:flex;gap:1.2rem;align-items:center;margin:2.6rem 0 4rem}#home .heroBento{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}#home .heroBento>article{background:#131312;border:1px solid rgba(244,241,234,.12);padding:1.6rem;transition:border-color .35s cubic-bezier(.22,1,.36,1),background .35s cubic-bezier(.22,1,.36,1);min-height:9.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.4rem}#home .heroBento>article:hover{border-color:#f4f1ea4d;background:#1b1b19}#home .heroBento>article .tileLabel{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66}#home .heroBento>article .tileValue{font:600 clamp(2rem,3.4vw,3.2rem) "Space Grotesk",sans-serif;letter-spacing:-.02em;color:#f4f1ea;line-height:1}#home .heroBento>article .tileValue small{color:#c6f135;font-size:.55em;vertical-align:super}#home .heroBento>article .tileSub{font:400 .8rem Inter,sans-serif;color:#a9a69e;line-height:1.5}#home .heroFigureMobile{display:none}#home .heroScroll{display:flex;align-items:center;gap:.9rem;padding:2.2rem 0 2.4rem}#home .heroScroll p{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66}#home .heroScroll .scrollLine{width:64px;height:1px;background:#f4f1ea4d;position:relative;overflow:hidden}#home .heroScroll .scrollLine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:#c6f135;animation:scrollSlide 1.8s cubic-bezier(.22,1,.36,1) infinite}@keyframes scrollSlide{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes pulseDot{0%{box-shadow:0 0 #c6f1358c}70%{box-shadow:0 0 0 9px #c6f13500}to{box-shadow:0 0 #c6f13500}}@keyframes animatesvg{to{transform:translate(-50%,-10px)}}@keyframes spinRing{to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}#work{width:100%;border-top:1px solid rgba(244,241,234,.12);position:relative;background:#0c0c0c}#work .workHeaderWrap{padding:7rem 8vmax 2.5rem}#work .workHeaderWrap .secHead{margin-bottom:2.2rem}#work .workFilters{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}#work .workFilters .filterBtn{position:relative;background:transparent;border:1px solid rgba(244,241,234,.12);border-radius:50px;padding:.6rem 1.4rem;cursor:pointer;color:#a9a69e;transition:color .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1);outline:none}#work .workFilters .filterBtn .filterActiveBg{position:absolute;top:0;right:0;bottom:0;left:0;background:#c6f135;border-radius:50px;z-index:0}#work .workFilters .filterBtn .filterText{position:relative;z-index:1;font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:inherit;display:flex;align-items:center;gap:.4rem}#work .workFilters .filterBtn .filterText small{font-size:.85em;opacity:.8}#work .workFilters .filterBtn:hover{border-color:#f4f1ea4d;color:#f4f1ea}#work .workFilters .filterBtn.active{border-color:#c6f135;color:#0c0c0c}#work .workFilters .filterBtn.active .filterText{font-weight:600}#work .desktopHorizContainer{position:relative;width:100%}#work .stickyHorizViewport{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:0 8vmax}#work .horizControls{position:absolute;top:4.5rem;right:8vmax;display:flex;gap:.75rem;z-index:10}#work .horizControls .navArrow{width:44px;height:44px;border-radius:50%;background:#1b1b19bf;border:1px solid rgba(244,241,234,.12);color:#f4f1ea;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.22,1,.36,1)}#work .horizControls .navArrow:hover{background:#c6f135;border-color:#c6f135;color:#0c0c0c;transform:scale(1.08)}#work .horizScrollTrack{display:flex;align-items:stretch;gap:2.2rem;width:max-content;will-change:transform;padding:2.5rem 0}#work .horizIntroCard{min-width:clamp(320px,28vw,420px);background:linear-gradient(145deg,#1b1b19e6,#131312f2);border:1px solid rgba(244,241,234,.12);border-radius:20px;padding:3rem 2.4rem;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#work .horizIntroCard .introBadge{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#c6f135;font-size:.72rem;letter-spacing:.2em}#work .horizIntroCard h3{font:700 clamp(2rem,3.2vw,3.2rem) "Space Grotesk",sans-serif;line-height:1.05;letter-spacing:-.02em;color:#f4f1ea;margin:1.5rem 0 1rem}#work .horizIntroCard h3 .limeText{color:#c6f135}#work .horizIntroCard p{font:400 .92rem Inter,sans-serif;color:#a9a69e;line-height:1.7}#work .horizIntroCard .swipeHint{margin-top:2rem;font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;display:flex;align-items:center;gap:.5rem}#work .horizIntroCard .swipeHint .hintArrow{color:#c6f135;font-size:1.1rem}#work .horizCardWrapper{min-width:clamp(380px,34vw,480px);max-width:500px;display:flex}#work .cardMockup{width:100%;background:#131312;border:1px solid rgba(244,241,234,.12);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);box-shadow:0 16px 36px #00000059}#work .cardMockup:hover{border-color:#c6f13566;transform:translateY(-6px);box-shadow:0 24px 50px #0009,0 0 30px #c6f13514}#work .cardMockup:hover .mockupMedia img{transform:scale(1.06);filter:grayscale(0) brightness(1.05)}#work .cardMockup:hover .mediaOverlay{opacity:1}#work .cardMockup:hover .contentTitle{color:#c6f135}#work .cardMockup .mockupChrome{height:38px;background:#0c0c0cd9;border-bottom:1px solid rgba(244,241,234,.12);display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem}#work .cardMockup .mockupChrome .chromeDots{display:flex;gap:6px}#work .cardMockup .mockupChrome .chromeDots .dot{width:9px;height:9px;border-radius:50%}#work .cardMockup .mockupChrome .chromeDots .dot.red{background:#ff5f56}#work .cardMockup .mockupChrome .chromeDots .dot.yellow{background:#ffbd2e}#work .cardMockup .mockupChrome .chromeDots .dot.green{background:#27c93f}#work .cardMockup .mockupChrome .chromeUrl{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;font-size:.65rem;color:#6d6b66;background:#f4f1ea0a;padding:.2rem .8rem;border-radius:4px;letter-spacing:.08em}#work .cardMockup .mockupChrome .chromeTag{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#c6f135;font-size:.62rem}#work .cardMockup .mockupMedia{position:relative;width:100%;height:220px;overflow:hidden;background:#111}#work .cardMockup .mockupMedia img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:grayscale(.2) contrast(1.02);transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1)}#work .cardMockup .mockupMedia .mediaOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0c0c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s cubic-bezier(.22,1,.36,1)}#work .cardMockup .mockupMedia .mediaOverlay .viewDemoBtn{display:inline-flex;align-items:center;gap:.5rem;background:#c6f135;color:#0c0c0c;padding:.7rem 1.6rem;border-radius:50px;font:600 .75rem JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 8px 20px #c6f1354d;transition:transform .25s}#work .cardMockup .mockupMedia .mediaOverlay .viewDemoBtn:hover{transform:scale(1.06)}#work .cardMockup .mockupContent{padding:1.6rem 1.8rem 1.8rem;display:flex;flex-direction:column;flex:1;justify-content:space-between;gap:1rem}#work .cardMockup .mockupContent .contentTop{display:flex;justify-content:space-between;align-items:baseline}#work .cardMockup .mockupContent .contentTop .contentNum{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#c6f135;font-weight:700;font-size:.75rem}#work .cardMockup .mockupContent .contentTop .contentYear{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66}#work .cardMockup .mockupContent .contentTitle{font:700 1.45rem Space Grotesk,sans-serif;letter-spacing:-.01em;text-transform:uppercase;color:#f4f1ea;margin-top:.1rem;transition:color .3s}#work .cardMockup .mockupContent .contentDesc{font:400 .88rem Inter,sans-serif;color:#a9a69e;line-height:1.65;margin:.2rem 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#work .cardMockup .mockupContent .contentTech{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:.6rem}#work .cardMockup .mockupContent .contentTech .techPill{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;font-size:.65rem;background:#f4f1ea0a;border:1px solid rgba(244,241,234,.12);border-radius:50px;padding:.3rem .75rem;color:#a9a69e}#work .cardMockup .mockupContent .contentLinks{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding-top:.9rem;border-top:1px solid rgba(244,241,234,.12)}#work .cardMockup .mockupContent .contentLinks .linkLive{display:inline-flex;align-items:center;gap:.4rem;font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;font-size:.72rem;font-weight:600;color:#c6f135;transition:gap .2s}#work .cardMockup .mockupContent .contentLinks .linkLive:hover{gap:.6rem}#work .cardMockup .mockupContent .contentLinks .linkCode{display:inline-flex;align-items:center;gap:.4rem;font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;font-size:.72rem;color:#a9a69e;transition:color .2s}#work .cardMockup .mockupContent .contentLinks .linkCode:hover{color:#f4f1ea}#work .horizProgressWrap{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}#work .horizProgressWrap .progressTrack{width:100%;height:2px;background:#f4f1ea1f;border-radius:2px;overflow:hidden}#work .horizProgressWrap .progressTrack .progressFill{height:100%;background:#c6f135;transform-origin:0% 50%}#work .horizProgressWrap .progressMeta{display:flex;justify-content:space-between;font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;font-size:.7rem}#work .mobileSwipeSection{width:100%;padding:0 8vmax 5rem}#work .mobileSwipeSection .mobileSwipeMeta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid rgba(244,241,234,.12)}#work .mobileSwipeSection .mobileSwipeMeta .swipeInstructions{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#c6f135;font-size:.7rem}#work .mobileSwipeSection .mobileSwipeMeta .mobileCardCounter{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#a9a69e;font-size:.75rem;background:#131312;padding:.25rem .7rem;border-radius:50px;border:1px solid rgba(244,241,234,.12)}#work .mobileSwipeSection .mobileSwipeTrack{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1.5rem;scrollbar-width:none}#work .mobileSwipeSection .mobileSwipeTrack::-webkit-scrollbar{display:none}#work .mobileSwipeSection .mobileCardItem{flex:0 0 86vw;max-width:440px;scroll-snap-align:center;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s}#work .mobileSwipeSection .mobileCardItem .cardMockup{height:100%}#work .mobileSwipeSection .mobileCardItem .cardMockup .mockupMedia{height:200px}#work .mobileSwipeSection .mobileCardItem .cardMockup .mockupContent .contentTitle{font-size:1.3rem}#work .mobileSwipeSection .mobileCardItem .cardMockup .mockupContent .contentDesc{font-size:.84rem;-webkit-line-clamp:4}#work .mobileSwipeSection .mobileDots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem}#work .mobileSwipeSection .mobileDots .dotBtn{width:8px;height:8px;border-radius:50%;background:#f4f1ea4d;border:none;cursor:pointer;padding:0;transition:all .3s}#work .mobileSwipeSection .mobileDots .dotBtn.active{width:24px;border-radius:12px;background:#c6f135}#work .workBottomCta{padding:3rem 8vmax 7rem;border-top:1px solid rgba(244,241,234,.12);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}#work .workBottomCta p{font:500 1.1rem Space Grotesk,sans-serif;color:#a9a69e;letter-spacing:-.01em}#timeline{width:100%;padding:7rem 8vmax 8rem;border-top:1px solid rgba(244,241,234,.12)}#timeline .ledgerIntro{font:400 1rem Inter,sans-serif;color:#a9a69e;max-width:40rem;line-height:1.8;margin:-2rem 0 3.5rem}#timeline .ledger{width:100%}#timeline .ledgerRow{display:grid;grid-template-columns:8rem 1fr auto;align-items:baseline;gap:1.6rem;padding:1.7rem .5rem;border-bottom:1px solid rgba(244,241,234,.12);transition:background .3s cubic-bezier(.22,1,.36,1),padding-left .35s cubic-bezier(.22,1,.36,1)}#timeline .ledgerRow .ledgerYear{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#c6f135}#timeline .ledgerRow .ledgerBody{min-width:0}#timeline .ledgerRow .ledgerBody h3{font:600 clamp(1.15rem,2vw,1.55rem) "Space Grotesk",sans-serif;letter-spacing:-.01em;color:#f4f1ea;text-transform:uppercase;transition:color .3s}#timeline .ledgerRow .ledgerBody p{font:400 .85rem Inter,sans-serif;color:#6d6b66;margin-top:.35rem}#timeline .ledgerRow .ledgerTag{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;border:1px solid rgba(244,241,234,.12);border-radius:50px;padding:.35rem .9rem;white-space:nowrap;transition:all .3s}#timeline .ledgerRow.ledgerMilestone{background:transparent}#timeline .ledgerRow.ledgerMilestone .ledgerYear:before{content:"★ ";color:#c6f135}#timeline .ledgerRow:hover{background:#131312;padding-left:1.2rem}#timeline .ledgerRow:hover .ledgerBody h3{color:#c6f135}#timeline .ledgerRow:hover .ledgerTag{border-color:#f4f1ea4d;color:#a9a69e}#skill{width:100%;padding:7rem 8vmax 8rem;border-top:1px solid rgba(244,241,234,.12);overflow:hidden}#skill .skillGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}#skill .skillGrid>article{background:#131312;border:1px solid rgba(244,241,234,.12);padding:1.8rem;transition:border-color .35s cubic-bezier(.22,1,.36,1),background .35s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;justify-content:space-between;gap:1.6rem;min-height:13rem}#skill .skillGrid>article:hover{border-color:#f4f1ea4d;background:#1b1b19}#skill .skillGrid>article .tileHead{display:flex;align-items:center;justify-content:space-between;gap:1rem}#skill .skillGrid>article .tileHead h3{font:600 1.05rem Space Grotesk,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#f4f1ea}#skill .skillGrid>article .tileHead span{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#c6f135}#skill .skillGrid>article .chips{display:flex;flex-wrap:wrap;gap:.55rem}#skill .skillGrid>article .chips .chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(244,241,234,.12);border-radius:50px;padding:.45rem .95rem;font:400 .8rem Inter,sans-serif;color:#a9a69e;transition:all .3s cubic-bezier(.22,1,.36,1)}#skill .skillGrid>article .chips .chip svg{font-size:1.05rem;color:#a9a69e;transition:color .3s,transform .3s}#skill .skillGrid>article .chips .chip:hover{border-color:#c6f135;color:#f4f1ea}#skill .skillGrid>article .chips .chip:hover svg{color:#c6f135;transform:translateY(-2px)}#skill .skillGrid .statTile{grid-column:span 4;background:#c6f135;border-color:#c6f135}#skill .skillGrid .statTile .tileHead h3{color:#0c0c0c}#skill .skillGrid .statTile .tileHead span{color:#0c0c0c8c}#skill .skillGrid .statTile .statValue{font:700 clamp(3.6rem,6vw,5.5rem) "Space Grotesk",sans-serif;letter-spacing:-.03em;color:#0c0c0c;line-height:.95}#skill .skillGrid .statTile .statSub{font:400 .9rem Inter,sans-serif;color:#0c0c0cb8;line-height:1.55}#skill .skillGrid .statTile:hover{background:#d4fa4e;border-color:#d4fa4e}#skill .skillGrid .frontendTile{grid-column:span 8}#skill .skillGrid .backendTile{grid-column:span 5}#skill .skillGrid .toolsTile{grid-column:span 7}#skill .skillGrid .cliTile{grid-column:span 12}#skill .skillGrid .cliTile .cliRow{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}#skill .skillGrid .cliTile .cliCmd{font:500 .95rem JetBrains Mono,monospace;color:#c6f135;border:1px dashed rgba(198,241,53,.5);border-radius:10px;padding:.8rem 1.3rem}#skill .skillGrid .cliTile .cliCmd i{font-style:normal;color:#6d6b66;margin-right:.6rem}#skill .skillGrid .cliTile .cliLinks{display:flex;gap:.9rem}#about{width:100%;padding:7rem 8vmax 8rem;border-top:1px solid rgba(244,241,234,.12)}#about .aboutGrid{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:start}#about .aboutText p.lead{font:500 clamp(1.35rem,2.4vw,1.9rem) "Space Grotesk",sans-serif;line-height:1.45;letter-spacing:-.01em;color:#f4f1ea;margin-bottom:2rem}#about .aboutText p.lead em{font-style:normal;color:#c6f135}#about .aboutText p{font:400 1rem Inter,sans-serif;color:#a9a69e;line-height:1.85;margin-bottom:1.4rem}#about .aboutText p:last-child{margin-bottom:0}#about .aboutSide{display:flex;flex-direction:column;gap:1rem}#about .factTiles{display:grid;grid-template-columns:1fr 1fr;gap:1rem}#about .factTiles>article{background:#131312;border:1px solid rgba(244,241,234,.12);padding:1.5rem;transition:border-color .35s cubic-bezier(.22,1,.36,1),background .35s cubic-bezier(.22,1,.36,1);min-height:8.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}#about .factTiles>article:hover{border-color:#f4f1ea4d;background:#1b1b19}#about .factTiles>article .tileLabel{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66}#about .factTiles>article .tileValue{font:600 1.15rem Space Grotesk,sans-serif;color:#f4f1ea;line-height:1.35}#about .factTiles>article .tileSub{font:400 .8rem Inter,sans-serif;color:#6d6b66;line-height:1.5}#about .aboutPhoto{background:#131312;border:1px solid rgba(244,241,234,.12);padding:0;transition:border-color .35s cubic-bezier(.22,1,.36,1),background .35s cubic-bezier(.22,1,.36,1);overflow:hidden;position:relative;height:300px}#about .aboutPhoto:hover{border-color:#f4f1ea4d;background:#1b1b19}#about .aboutPhoto img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(.4);transition:filter .5s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}#about .aboutPhoto:hover img{filter:grayscale(0);transform:scale(1.04)}#about .cliShowcase{margin-top:6rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}#about .cliShowcase .cliInfo{display:flex;flex-direction:column;gap:1.3rem}#about .cliShowcase .cliInfo .cliTag{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#c6f135}#about .cliShowcase .cliInfo h3{font:600 clamp(2rem,4vw,3.2rem) "Space Grotesk",sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:#f4f1ea;line-height:1}#about .cliShowcase .cliInfo p{font:400 .98rem Inter,sans-serif;color:#a9a69e;line-height:1.8;max-width:30rem}#about .cliShowcase .cliInfo .cliFeature{display:flex;flex-wrap:wrap;gap:.55rem}#about .cliShowcase .cliInfo .cliFeature span{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;border:1px solid rgba(244,241,234,.12);border-radius:50px;padding:.4rem .9rem;color:#a9a69e;transition:all .3s}#about .cliShowcase .cliInfo .cliFeature span:hover{border-color:#c6f135;color:#c6f135}#about .cliShowcase .cliInfo .cliLinks{display:flex;gap:1rem;margin-top:.6rem}#about .cliShowcase .cliTerminal{background:#131312;border:1px solid rgba(244,241,234,.12);padding:0;transition:border-color .35s cubic-bezier(.22,1,.36,1),background .35s cubic-bezier(.22,1,.36,1);overflow:hidden;font-family:JetBrains Mono,monospace}#about .cliShowcase .cliTerminal:hover{border-color:#f4f1ea4d;background:#1b1b19}#about .cliShowcase .cliTerminal .termBar{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;border-bottom:1px solid rgba(244,241,234,.12);background:#1b1b19}#about .cliShowcase .cliTerminal .termBar .termDots{display:flex;align-items:center;gap:6px}#about .cliShowcase .cliTerminal .termBar .termDots i{width:10px;height:10px;border-radius:50%;background:#3a3a38}#about .cliShowcase .cliTerminal .termBar .termDots i:nth-child(1){background:#ff5f56}#about .cliShowcase .cliTerminal .termBar .termDots i:nth-child(2){background:#ffbd2e}#about .cliShowcase .cliTerminal .termBar .termDots i:nth-child(3){background:#27c93f}#about .cliShowcase .cliTerminal .termBar span{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;color:#6d6b66}#about .cliShowcase .cliTerminal .termBar .termCopyBtn{display:inline-flex;align-items:center;gap:.4rem;background:#f4f1ea0f;border:1px solid rgba(244,241,234,.12);border-radius:6px;padding:.3rem .7rem;color:#a9a69e;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.7rem;transition:all .25s cubic-bezier(.22,1,.36,1)}#about .cliShowcase .cliTerminal .termBar .termCopyBtn:hover{border-color:#c6f135;color:#c6f135;background:#c6f13514}#about .cliShowcase .cliTerminal .termBar .termCopyBtn span{margin-left:0;color:inherit}#about .cliShowcase .cliTerminal .termBody{padding:1.6rem 1.4rem;font:400 .85rem/2 JetBrains Mono,monospace;color:#a9a69e}#about .cliShowcase .cliTerminal .termBody .tLine{display:block;white-space:pre-wrap;word-break:break-all}#about .cliShowcase .cliTerminal .termBody .tPrompt{color:#c6f135}#about .cliShowcase .cliTerminal .termBody .tCmd{color:#f4f1ea}#about .cliShowcase .cliTerminal .termBody .tOut{color:#6d6b66}#about .cliShowcase .cliTerminal .termBody .tOk{color:#c6f135}#about .cliShowcase .cliTerminal .termBody .tCursor{display:inline-block;width:8px;height:1.1em;background:#c6f135;vertical-align:text-bottom;animation:blink 1s infinite}#contact{width:100%;padding:7rem 8vmax 8rem;border-top:1px solid rgba(244,241,234,.12)}#contact .contactGrid{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:start}#contact .contactInfo{display:flex;flex-direction:column;gap:1.4rem}#contact .contactInfo .contactHead{font:600 clamp(2.6rem,6vw,4.6rem) "Space Grotesk",sans-serif;letter-spacing:-.03em;text-transform:uppercase;color:#f4f1ea;line-height:.95}#contact .contactInfo .contactHead em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(244,241,234,.75)}#contact .contactInfo p{font:400 .98rem Inter,sans-serif;color:#a9a69e;line-height:1.8;max-width:26rem}#contact .contactInfo .contactRows{display:flex;flex-direction:column;margin-top:1.4rem;border-top:1px solid rgba(244,241,234,.12)}#contact .contactInfo .contactRows a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem .3rem;border-bottom:1px solid rgba(244,241,234,.12);color:#a9a69e;font:500 .85rem JetBrains Mono,monospace;letter-spacing:.08em;transition:all .3s cubic-bezier(.22,1,.36,1)}#contact .contactInfo .contactRows a span:last-child{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66}#contact .contactInfo .contactRows a:hover{color:#c6f135;padding-left:.9rem}#contact .contactFormTile{background:#131312;border:1px solid rgba(244,241,234,.12);padding:2.6rem;transition:border-color .35s cubic-bezier(.22,1,.36,1),background .35s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;gap:1rem}#contact .contactFormTile:hover{border-color:#f4f1ea4d;background:#1b1b19}#contact .contactFormTile form{display:flex;flex-direction:column;gap:1rem}#contact .contactFormTile form .fieldLabel{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;margin-bottom:-.4rem}#contact .contactFormTile form .fieldLabel i{font-style:normal;color:#c6f135}#contact .contactFormTile form input,#contact .contactFormTile form textarea{padding:.95rem 1.1rem;width:100%;outline:none;font:400 .95rem Inter,sans-serif;border:1px solid rgba(244,241,234,.12);border-radius:10px;background:#0c0c0c;color:#f4f1ea;transition:all .3s}#contact .contactFormTile form input::placeholder,#contact .contactFormTile form textarea::placeholder{color:#6d6b66}#contact .contactFormTile form input:focus,#contact .contactFormTile form textarea:focus{border-color:#c6f135}#contact .contactFormTile form textarea{min-height:8rem;resize:vertical}#contact .contactFormTile form button{cursor:pointer;background:#c6f135;color:#0c0c0c;font:600 .8rem JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.14em;padding:1rem 3rem;border:1px solid #c6f135;border-radius:50px;margin-top:.6rem;transition:all .3s cubic-bezier(.22,1,.36,1)}#contact .contactFormTile form button:hover:not(:disabled){background:transparent;color:#c6f135}footer{border-top:1px solid rgba(244,241,234,.12);background:#0c0c0c}footer .footerMarquee{padding:2.2rem 0;overflow:hidden;border-bottom:1px solid rgba(244,241,234,.12)}footer .footerMarquee .marqueeTrack span{font:700 clamp(2.4rem,6vw,4.6rem) "Space Grotesk",sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(244,241,234,.4);gap:3rem;padding-right:3rem}footer .footerMarquee .marqueeTrack span i{color:#c6f135;-webkit-text-stroke:0;font-size:.5em}footer .footerMarquee .marqueeTrack span:hover{-webkit-text-stroke-color:#c6f135}footer .footerBody{display:grid;grid-template-columns:1fr auto auto;gap:4rem;align-items:start;padding:4rem 8vmax}footer .footerBody .footerBrand{display:flex;flex-direction:column;gap:1rem}footer .footerBody .footerBrand h2{font:700 1.5rem Space Grotesk,sans-serif;color:#f4f1ea;letter-spacing:-.02em}footer .footerBody .footerBrand h2 span{color:#c6f135}footer .footerBody .footerBrand p{font:400 .9rem Inter,sans-serif;color:#6d6b66;max-width:24rem;line-height:1.7}footer .footerBody .footerNav{display:flex;flex-direction:column;gap:.7rem}footer .footerBody .footerNav h3{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;margin-bottom:.5rem}footer .footerBody .footerNav a{color:#a9a69e;font:400 .9rem Inter,sans-serif;transition:color .3s,transform .3s cubic-bezier(.22,1,.36,1);width:fit-content}footer .footerBody .footerNav a:hover{color:#c6f135;transform:translate(4px)}footer .footerBody .footerSocial{display:flex;flex-direction:column;gap:.7rem}footer .footerBody .footerSocial h3{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;margin-bottom:.5rem}footer .footerBody .footerSocial a{display:inline-flex;align-items:center;gap:.6rem;color:#a9a69e;font:400 .9rem Inter,sans-serif;transition:color .3s}footer .footerBody .footerSocial a svg{font-size:1.15rem}footer .footerBody .footerSocial a:hover{color:#c6f135}footer .footerBase{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 8vmax;border-top:1px solid rgba(244,241,234,.12)}footer .footerBase p{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66}footer .footerBase>a{display:inline-flex;align-items:center;gap:.6rem;font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#a9a69e;transition:color .3s}footer .footerBase>a svg{font-size:1rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}footer .footerBase>a:hover{color:#c6f135}footer .footerBase>a:hover svg{transform:translateY(-4px)}@media screen and (max-width: 1367px){.topNav{padding:0 7vmax}#home,#work,#timeline,#skill,#about,#contact{padding-left:7vmax;padding-right:7vmax}footer .footerBody,footer .footerBase{padding-left:7vmax;padding-right:7vmax}}@media screen and (max-width: 1100px){.topNav{padding:0 5vmax}#home,#work,#timeline,#skill,#about,#contact{padding-left:5vmax;padding-right:5vmax}footer .footerBody,footer .footerBase{padding-left:5vmax;padding-right:5vmax}#home .heroFigure{display:none}#home .heroFigureMobile{display:block;width:100%;height:300px;position:relative;overflow:hidden;border:1px solid rgba(244,241,234,.12);margin-top:1rem}#home .heroFigureMobile img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(.4)}#home .heroFigureMobile .photoTag{position:absolute;left:.9rem;bottom:.9rem;font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#0c0c0c;background:#c6f135;padding:.3rem .7rem;border-radius:4px}#home .heroBento{grid-template-columns:repeat(2,1fr)}#work .workHeaderWrap{padding:5rem 5vmax 1.8rem}#skill .skillGrid .statTile{grid-column:span 12}#skill .skillGrid .frontendTile,#skill .skillGrid .backendTile,#skill .skillGrid .toolsTile{grid-column:span 6}#skill .skillGrid .cliTile{grid-column:span 12}#about .aboutGrid,#about .cliShowcase,#contact .contactGrid{grid-template-columns:1fr;gap:3rem}footer .footerBody{grid-template-columns:1fr;gap:3rem}}@media screen and (max-width: 900px){#home .heroBento{grid-template-columns:repeat(2,1fr)}#home .heroBento>article{min-height:8rem}#work .workHeaderWrap{padding-top:5rem}#work .mobileSwipeSection{padding:0 5vmax 4rem}#timeline .ledgerRow{grid-template-columns:6rem 1fr}#timeline .ledgerRow .ledgerTag{display:none}#about .factTiles{grid-template-columns:1fr 1fr}}@media screen and (max-width: 787px){.topNav{padding:0 2vmax}.topNav>div,.topNav>a{display:none}.navBtn{display:flex}#home,#work,#timeline,#skill,#about,#contact{padding-left:2vmax;padding-right:2vmax}footer .footerBody,footer .footerBase{padding-left:2vmax;padding-right:2vmax}.secHead{flex-wrap:wrap;gap:.8rem}.secHead .secNote{display:none}}@media screen and (max-width: 610px){#home .heroInner{padding-top:7rem}#home .heroBento{grid-template-columns:1fr}#home .heroBento>article{min-height:7.5rem}#home .heroBento>article.photoTile{min-height:240px}#home .heroCtas{flex-wrap:wrap;gap:.8rem}#work .workHeaderWrap{padding:5.5rem 2vmax 1.5rem}#work .mobileSwipeSection{padding:0 2vmax 3.5rem}#work .mobileSwipeSection .mobileCardItem{flex:0 0 calc(100vw - 2.6rem);max-width:100%}#work .mobileSwipeSection .mobileCardItem .cardMockup .mockupMedia{height:180px}#timeline .ledgerRow{grid-template-columns:1fr;gap:.4rem}#skill .skillGrid .frontendTile,#skill .skillGrid .backendTile,#skill .skillGrid .toolsTile{grid-column:span 12}#about .factTiles{grid-template-columns:1fr}#about .aboutPhoto{height:220px}#about .cliShowcase .cliRow{flex-direction:column;align-items:flex-start;gap:1.2rem}footer .footerBase{flex-direction:column;gap:.8rem}}@media screen and (max-width: 400px){#home,#work,#timeline,#skill,#about,#contact{padding-left:1rem;padding-right:1rem}footer .footerBody,footer .footerBase{padding-left:1rem;padding-right:1rem}}@media (prefers-reduced-motion: reduce){.marqueeTrack,.heroScroll .scrollLine:after{animation:none}}*{margin:0;padding:0;font-family:Inter,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}a{text-decoration:none}body{background-color:#0c0c0c;color:#f4f1ea;overflow-x:hidden}section[id],div[id]{scroll-margin-top:90px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0c0c0c}::-webkit-scrollbar-thumb{background:#2c2c2a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c6f135}::selection{background:#c6f135;color:#0c0c0c}.disableBtn{color:#6d6b66!important;background-color:#2a2a28!important;cursor:not-allowed!important}.secHead{display:flex;align-items:baseline;gap:1.6rem;margin-bottom:4rem}.secHead .secIndex{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;color:#c6f135}.secHead h2{font:600 clamp(2.2rem,5vw,4rem) "Space Grotesk",sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:#f4f1ea;line-height:1}.secHead .secNote{font:500 .68rem JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#6d6b66;margin-left:auto;text-align:right}.btnLime{display:inline-flex;align-items:center;gap:.5rem;background:#c6f135;color:#0c0c0c;padding:.85rem 2rem;border-radius:50px;font:600 .85rem JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase;border:1px solid #c6f135;transition:all .3s cubic-bezier(.22,1,.36,1)}.btnLime:hover{background:transparent;color:#c6f135}.btnGhost{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:50px;border:1px solid rgba(244,241,234,.3);color:#f4f1ea;font:600 .85rem JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase;transition:all .3s cubic-bezier(.22,1,.36,1)}.btnGhost:hover{border-color:#c6f135;color:#c6f135}.btnGhost svg{transition:transform .3s}.btnGhost:hover svg{transform:translate(2px,-2px)}.marquee{width:100%;overflow:hidden;border-top:1px solid rgba(244,241,234,.12);border-bottom:1px solid rgba(244,241,234,.12);padding:1.1rem 0;-webkit-user-select:none;user-select:none}.marqueeTrack{display:flex;width:max-content;animation:marquee 24s linear infinite;will-change:transform}.marqueeTrack span{display:inline-flex;align-items:center;gap:2.2rem;padding-right:2.2rem;font:500 .85rem JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:#a9a69e;white-space:nowrap}.marqueeTrack span i{font-style:normal;color:#c6f135;font-size:.7rem}.progressBar{position:fixed;top:0;left:0;right:0;height:2px;background:#c6f135;transform-origin:0% 50%;z-index:1001}.cursorDot,.cursorRing{position:fixed;top:0;left:0;pointer-events:none;z-index:1100;border-radius:50%}.cursorDot{width:8px;height:8px;background:#c6f135;transform:translate(-50%,-50%)}.cursorRing{width:38px;height:38px;border:1px solid rgba(198,241,53,.5);transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s,background .25s}.cursorRing.cursorHover{width:64px;height:64px;background:#c6f13514;border-color:#c6f135d9}@media (pointer: coarse){.cursorDot,.cursorRing{display:none}}
