*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--text:#f2f2ef;--muted:#6f6f78;--accent:#d6ff4f;--surface:#17171a;--font-display:"Cormorant Garamond", Georgia, serif;--font-mono:"DM Mono", "Consolas", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);cursor:crosshair;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:300;line-height:1.7}nav{z-index:100;background:var(--bg);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.5rem 3rem;transition:border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{border-bottom-color:var(--muted)}.nav-logo{font-family:var(--font-display);letter-spacing:.05em;color:var(--text);font-size:1.25rem;font-weight:300;text-decoration:none}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);opacity:.45;font-size:.75rem;font-weight:400;text-decoration:none;transition:opacity .25s}.nav-links a:hover{opacity:1}.nav-tools{position:relative}.nav-tools-btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);cursor:crosshair;opacity:.45;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.75rem;font-weight:400;transition:opacity .25s;display:flex}.nav-tools-btn:hover,.nav-tools.open .nav-tools-btn{opacity:1}.nav-tools-caret{opacity:.6;font-size:.55rem;transition:transform .2s}.nav-tools.open .nav-tools-caret{transform:rotate(180deg)}.tools-menu{background:var(--bg);border:1px solid var(--muted);opacity:0;visibility:hidden;z-index:200;min-width:220px;padding:.5rem 0;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 1.25rem);right:0;transform:translateY(-6px)}.nav-tools:hover .tools-menu,.nav-tools.open .tools-menu{opacity:1;visibility:visible;transform:translateY(0)}.tools-menu-item{color:var(--text);cursor:crosshair;border-left:2px solid #0000;flex-direction:column;gap:.15rem;padding:.75rem 1.1rem;text-decoration:none;transition:border-color .18s,background .18s;display:flex}.tools-menu-item:hover{border-left-color:var(--accent);background:var(--surface)}.tools-menu-item:hover .tools-item-name{color:var(--accent)}.tools-item-name{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text);font-size:.75rem;font-weight:400;transition:color .18s}.tools-item-desc{font-family:var(--font-mono);color:var(--muted);letter-spacing:.02em;font-size:.65rem;font-weight:300}#hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:100vh;padding:6rem 3rem 0;display:grid}.hero-left{animation:.9s forwards fadeUp}.hero-right{opacity:0;animation:.9s .22s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin-bottom:1.5rem;font-size:clamp(4rem,9vw,8rem);font-weight:300;line-height:.95}.hero-name em{color:var(--accent);font-style:italic}.hero-subtitle{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:400}.hero-divider{background:var(--muted);width:1px;height:3rem;margin:2rem 0}.interests-list{flex-direction:column;gap:.6rem;margin-bottom:2.5rem;list-style:none;display:flex}.interests-list li{font-family:var(--font-mono);color:var(--text);align-items:center;gap:.75rem;font-size:.8rem;font-weight:300;display:flex}.interests-list li:before{content:"—";color:var(--muted);flex-shrink:0}.hero-quote{font-family:var(--font-display);color:var(--accent);border-left:1px solid var(--muted);padding-left:1.25rem;font-size:1.15rem;font-style:italic;font-weight:300;line-height:1.5}section{border-top:1px solid var(--muted);padding:6rem 3rem}.section-inner{grid-template-columns:200px 1fr;align-items:start;gap:4rem;display:grid}.section-label{position:sticky;top:6rem}.section-number{font-family:var(--font-display);color:var(--surface);margin-bottom:.25rem;font-size:3rem;font-weight:300;line-height:1;display:block}.section-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.65rem;font-weight:400}.about-text{font-family:var(--font-display);color:var(--text);max-width:640px;margin-bottom:2.5rem;font-size:1.35rem;font-weight:300;line-height:1.65}.pills{flex-wrap:wrap;gap:.5rem;display:flex}.pill{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--muted);color:var(--text);cursor:crosshair;padding:.35rem .8rem;font-size:.7rem;font-weight:400;transition:border-color .2s,color .2s,background .2s}.pill:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.contact-rows{flex-direction:column;display:flex}.contact-row{border-bottom:1px solid var(--muted);color:var(--text);cursor:crosshair;align-items:baseline;gap:1.5rem;padding:1.1rem 0;text-decoration:none;transition:padding-left .25s;display:flex}.contact-row:first-child{border-top:1px solid var(--muted)}.contact-row:hover{padding-left:1rem}.contact-row:hover .arrow{opacity:1}.platform{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-shrink:0;min-width:80px;font-size:.65rem;font-weight:400}.contact-value{font-family:var(--font-mono);flex:1;font-size:.85rem;font-weight:300}.arrow{color:var(--accent);opacity:0;flex-shrink:0;font-size:1rem;transition:opacity .2s}footer{border-top:1px solid var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 3rem;display:flex}footer span{font-family:var(--font-mono);color:var(--muted);font-size:.7rem;font-weight:300}footer em{font-style:italic;font-family:var(--font-display);color:var(--muted);font-size:.85rem}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(32px)}.reveal.revealed{opacity:1;transform:translateY(0)}@media (max-width:768px){nav{padding:1.25rem 1.5rem}#hero{grid-template-columns:1fr;gap:3rem;min-height:auto;padding:8rem 1.5rem 4rem}.hero-name{font-size:clamp(3.5rem,14vw,5rem)}section{padding:4rem 1.5rem}.section-inner{grid-template-columns:1fr;gap:2rem}.section-label{position:static}footer{padding:1.5rem}}
