@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Instrument+Serif:ital@0;1&display=swap");:root{--font-display:"Instrument Serif",Georgia,serif;--font-sans:"Geist","Helvetica Neue",system-ui,sans-serif;--font-mono:"Geist Mono","JetBrains Mono",monospace;--canvas:#0d0b0f;--surface:#141116;--surface-2:#1a161e;--border:hsla(0,0%,100%,.07);--border-strong:hsla(0,0%,100%,.13);--text-primary:#eae5ec;--text-muted:#7a6e80;--text-faint:#4a4350;--accentColor:#c2a4ff;--accent-pale:rgba(194,164,255,.1);--accent-glow:rgba(194,164,255,.2);--h1-hero:clamp(3rem,7vw,6rem);--h2-section:clamp(2rem,4.5vw,3.5rem);--h3-card:clamp(1.25rem,2.5vw,2rem);--body-lead:clamp(1rem,1.5vw,1.2rem);--body-sm:0.875rem;--section-py:clamp(80px,12vw,160px);--backgroundColor:var(--canvas);--vh:100vh;--vh:100svh;--cWidth:calc(100% - 30px);--cMaxWidth:1920px;font-optical-sizing:auto;font-style:normal;line-height:1.5;scroll-behavior:smooth;color-scheme:dark;color:var(--text-primary);background-color:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-moz-user-select:none}html{scrollbar-width:thin;scrollbar-color:rgba(194,164,255,.25) var(--canvas)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:rgba(194,164,255,.22);border-radius:9999px;border:2px solid var(--canvas);background-clip:padding-box;-webkit-transition:background .2s ease,box-shadow .2s ease;transition:background .2s ease,box-shadow .2s ease}::-webkit-scrollbar-thumb:hover{background:rgba(194,164,255,.55);box-shadow:0 0 12px var(--accent-glow)}::-webkit-scrollbar-thumb:active{background:var(--accentColor)}::-webkit-scrollbar-corner{background:var(--canvas)}::-webkit-scrollbar-button{display:none;width:0;height:0}*,:after,:before{box-sizing:border-box}body{font-family:var(--font-sans);margin:0;height:auto;background-color:var(--canvas);max-width:100vw;overflow-x:hidden}body>#smooth-wrapper,body>.container-main{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);margin:0}a{color:inherit;text-decoration:inherit}a:hover{color:var(--accentColor)}.container-main{width:100%}.container-main,.container1{margin:auto;position:relative}.container1{width:var(--cWidth);height:var(--vh)}.section-container{width:var(--cWidth);max-width:var(--cMaxWidth);margin:auto}.reveal{opacity:0;transform:translateY(14px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal[data-delay="1"]{transition-delay:80ms}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}.reveal[data-delay="5"]{transition-delay:.4s}main{opacity:1;transition:.3s}.main-active{opacity:0;animation:fadeIn 1s 1;animation-fill-mode:forwards}@keyframes fadeIn{to{opacity:1}}.split-h2,.split-line{overflow:hidden}.split-h2{display:flex;white-space:nowrap;flex-wrap:nowrap}.techstack{width:100%;position:relative;height:var(--vh);margin:50px auto -100px}.techstack h2{font-size:clamp(2rem,5vw,80px);text-align:center;position:absolute;width:100%;top:120px;left:0;font-weight:400;color:var(--text-muted);letter-spacing:.1em}.tag-pale,.techstack h2{text-transform:uppercase}.tag-pale{display:inline-block;font-size:11px;font-family:var(--font-mono);font-weight:500;padding:3px 9px;background:var(--accent-pale);border:1px solid rgba(194,164,255,.18);border-radius:9999px;color:var(--accentColor);letter-spacing:.04em}@media screen and (min-width:768px){:root{--cWidth:94%}}@media screen and (max-width:900px){.techstack{height:70vh;min-height:480px;margin-top:30px;margin-bottom:20px}.techstack h2{font-size:clamp(1.5rem,5vw,2.5rem);top:30px}}.section-container{width:1300px}.para,.title{font-feature-settings:"kern" off;font-kerning:none;-webkit-text-rendering:optimizeSpeed;text-rendering:optimizeSpeed;transform:translateZ(0)}@media only screen and (max-width:1600px){.section-container{width:1200px;max-width:calc(100% - 160px)}}@media only screen and (max-width:1400px){.section-container{width:900px}}@media only screen and (max-width:900px){.section-container{width:500px;max-width:var(--cWidth)}}