@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#0a0a0a\]{background-color:#0a0a0a}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*,:before,:after{box-sizing:border-box}:root{--bg:#0a0a0a;--green:#22c55e}html{scroll-behavior:smooth}html,body{background-color:var(--bg);color:#fff;-webkit-font-smoothing:antialiased;width:100%;font-family:JetBrains Mono,monospace;overflow-x:hidden}section[id]{scroll-margin-top:90px}.header-wrap{z-index:50;justify-content:center;width:100%;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0}.header-inner{background-color:#111;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1200px;margin-top:20px;padding:20px 40px;display:flex}.header-nav{align-items:center;gap:24px;margin:0;padding:0;list-style:none;display:flex}.header-icons{align-items:center;gap:16px;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hero-section{background-color:#0a0a0a;flex-direction:column;width:100%;max-width:1200px;min-height:100svh;margin:0 auto;padding:130px 80px 64px;display:flex;position:relative;overflow:hidden}.hero-row{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:40px;display:flex}.hero-text{flex-direction:column;flex:1;gap:20px;max-width:500px;display:flex}.hero-avatar{background-color:#1e2a38;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:350px;height:350px;display:flex;overflow:hidden}.hero-logos{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-logo-pill{color:#9ca3af;white-space:nowrap;background:0 0;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:140px;padding:14px 24px;font-size:.875rem;font-weight:600;transition:background .2s,color .2s;display:flex}.case-section{background:#fff;padding:80px 48px}.case-row{flex-flow:wrap;align-items:center;gap:48px;display:flex}.case-text{flex-direction:column;flex:280px;gap:16px;min-width:0;display:flex}.case-image{aspect-ratio:4/3;border-radius:12px;flex:280px;min-width:0;overflow:hidden}.skills-section{background:#0a0a0a;flex-direction:column;align-items:center;padding:80px 32px 100px;display:flex}.skills-desktop{display:flex}.skills-mobile{display:none}.tl-section{background:#fff;padding:72px 48px 88px}.tl-row{align-items:stretch;gap:0;display:flex}.tl-spine{flex-direction:column;flex-shrink:0;align-items:center;width:48px;display:flex}.contact-section{background:#0a0a0a;flex-direction:column;align-items:center;padding:88px 24px 72px;display:flex}.contact-form{flex-direction:column;gap:20px;width:100%;max-width:400px;display:flex}@media (max-width:768px){.header-inner{margin-top:10px;padding:14px 20px}.header-nav,.header-icons{display:none}.hamburger{display:flex!important}.mobile-menu{border-top:1px solid #ffffff14;flex-direction:column;gap:0;width:100%;margin-top:8px;padding-top:16px;display:flex}.mobile-menu a{color:#9ca3af;border-bottom:1px solid #ffffff0d;padding:12px 0;font-family:JetBrains Mono,monospace;font-size:.875rem;text-decoration:none;display:block}.mobile-menu-icons{gap:20px;padding-top:16px;display:flex}.hero-section{padding:100px 24px 48px}.hero-row{text-align:center;flex-direction:column-reverse;align-items:center;gap:28px}.hero-text{align-items:center;max-width:100%}.hero-avatar{width:200px;height:200px}.hero-logos{justify-content:center;margin-top:32px}.hero-logo-pill{min-width:unset;padding:10px 16px;font-size:.75rem}.case-section{padding:56px 20px}.case-row{flex-direction:column;gap:28px}.case-text,.case-image{flex:unset;width:100%}.skills-section{padding:56px 20px 72px}.skills-desktop{display:none!important}.skills-mobile{flex-direction:column;gap:16px;width:100%;max-width:480px;display:flex!important}.tl-section{padding:56px 20px 72px}.tl-row{flex-direction:column;gap:0}.tl-spine{display:none!important}.contact-section{padding:64px 20px 56px}.contact-form{max-width:100%}}@media (max-width:480px){section[id]{scroll-margin-top:80px}.header-inner{border-radius:10px;margin-top:8px;padding:12px 16px}.hero-section{padding:90px 16px 40px}.hero-avatar{width:140px;height:140px}.hero-logos{gap:8px}.hero-logo-pill{min-width:unset;padding:8px 13px;font-size:.7rem}.case-section{padding:48px 16px}.skills-section,.tl-section{padding:48px 16px 60px}.contact-section{padding:56px 16px 48px}}@media (max-width:375px){.hero-section{padding:85px 14px 36px}.hero-avatar{width:120px;height:120px}.hero-logo-pill{min-width:unset;padding:7px 10px;font-size:.65rem}.case-section,.tl-section,.contact-section,.skills-section{padding-left:14px;padding-right:14px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}