@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-color: #080808;--text-color: #EAEAEA;--text-strong: #ffffff;--text-soft: #cccccc;--text-muted: #888888;--text-dim: #aaaaaa;--text-subtle: #666666;--accent-color: #D4AF37;--font-serif: "Cormorant Garamond", serif;--font-mono: "Space Mono", monospace;--border-softer: rgba(255, 255, 255, .05);--border-subtle: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--panel-bg: rgba(8, 8, 8, .8);--overlay-bg: rgba(10, 10, 10, .8);--modal-bg: #0a0a0a;--pill-bg: rgba(255, 255, 255, .05);--pill-border: rgba(255, 255, 255, .1);--pill-text: #dddddd;--hero-stroke: rgba(255, 255, 255, .1);--cursor-dot-color: var(--text-strong);--cursor-outline-color: rgba(255, 255, 255, .5);--code-bg: rgba(255, 255, 255, .1);--project-row-padding: 2rem;--project-title-gap: 2rem;--project-indent: calc(2rem + 30px) ;--about-skill-left: 2rem}:root[data-theme=light]{--bg-color: #f6f5f2;--text-color: #141414;--text-strong: #0f0f0f;--text-soft: rgba(0, 0, 0, .82);--text-muted: rgba(0, 0, 0, .65);--text-dim: rgba(0, 0, 0, .75);--text-subtle: rgba(0, 0, 0, .55);--accent-color: #8b6b00;--border-softer: rgba(0, 0, 0, .06);--border-subtle: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .18);--panel-bg: rgba(246, 245, 242, .78);--overlay-bg: rgba(255, 255, 255, .82);--modal-bg: #ffffff;--pill-bg: rgba(0, 0, 0, .04);--pill-border: rgba(0, 0, 0, .08);--pill-text: rgba(0, 0, 0, .75);--hero-stroke: rgba(0, 0, 0, .12);--cursor-dot-color: var(--text-strong);--cursor-outline-color: rgba(0, 0, 0, .35);--code-bg: rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0;cursor:none}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-serif);overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:18px}html,body{width:100%;overflow-x:hidden;position:relative;background-color:var(--bg-color)}html.lenis{height:auto}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 4vw;display:flex;justify-content:space-between;align-items:center;z-index:100;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-softer)}.nav-links{display:flex;gap:2rem}.nav-link,.nav-action{font-size:.8rem;color:var(--text-strong);text-decoration:none;background:none;border:none;padding:0;cursor:pointer}.nav-action{opacity:.8;transition:opacity .2s}.nav-action:hover{opacity:1}.desktop-only{display:flex}.mobile-only{display:none}.nav-drawer-backdrop{position:fixed;inset:0;z-index:250;background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;padding:5.5rem 4vw 3rem 4vw}:root[data-theme=light] .nav-drawer-backdrop{background:#ffffffb8}.nav-drawer{width:min(720px,100%);border-radius:18px;background:var(--modal-bg);border:1px solid var(--border-subtle);box-shadow:0 25px 50px -12px #0000008c;overflow:hidden}.nav-drawer-top{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--border-softer)}.nav-drawer-links{display:flex;flex-direction:column;padding:.75rem}.nav-drawer-link{display:block;padding:1rem;border-radius:12px;color:var(--text-strong);text-decoration:none;border:1px solid transparent}.nav-drawer-link:hover{background:var(--pill-bg);border-color:var(--border-subtle)}.nav-drawer-actions{padding:.75rem;display:grid;grid-template-columns:1fr;gap:.75rem;border-top:1px solid var(--border-softer)}.nav-drawer-button{width:100%;padding:.95rem 1rem;border-radius:12px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-strong);text-align:left;cursor:pointer}.nav-drawer-button:hover{background:var(--pill-bg)}@media(max-width:768px){.navbar{padding:1rem 1.5rem}.nav-links{gap:1rem}.desktop-only{display:none}.mobile-only{display:flex}.section{scroll-margin-top:6rem}:root{--project-row-padding: 1.25rem;--project-title-gap: 1rem;--project-indent: calc(1rem + 30px) ;--about-skill-left: 0rem}.cmdk-backdrop{padding:5.25rem 4vw 3rem 4vw;align-items:flex-start}}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-scrolling iframe{pointer-events:none}h1,h2,h3{font-weight:300;letter-spacing:-.02em}.mono{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.serif-display{font-family:var(--font-serif);font-style:italic}.project-row-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:nowrap}.project-row-title{display:flex;gap:var(--project-title-gap);align-items:baseline;min-width:0;flex:1 1 auto}.project-row-title h3{min-width:0;overflow-wrap:anywhere}.project-row-meta{display:flex;gap:1rem;align-items:center;flex:0 0 auto;white-space:nowrap}@media(max-width:680px){.project-row-header{flex-wrap:wrap}.project-row-meta{width:100%;padding-left:calc(30px + var(--project-title-gap));justify-content:flex-start;flex-wrap:wrap;row-gap:.35rem;white-space:normal}}.container{max-width:1400px;margin:0 auto;padding:0 4vw}.section{min-height:100vh;min-height:100svh;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:7rem}.section-padding{padding:10rem 0}@media(max-width:768px){.section-padding{padding:6rem 0}}.hero-wrapper{position:relative;width:100%;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-text-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;width:100%;text-align:center;pointer-events:none}.hero-brain-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-foreground{width:100%;height:100%;z-index:2;pointer-events:none;position:relative}.signal-tuner-dock{position:absolute;bottom:clamp(2rem,6vh,4rem);left:50%;transform:translate(-50%);width:min(520px,92vw);z-index:2;pointer-events:auto}.signal-tuner{background:var(--panel-bg);border:1px solid var(--border-softer);border-radius:999px;padding:1rem 1.5rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px -28px #0009;display:flex;align-items:center;gap:.75rem;transition:border-color .3s ease,box-shadow .3s ease;opacity:.85;width:100%;pointer-events:none}.signal-tuner-slider{width:100%;appearance:none;height:1.5px;border-radius:999px;background:linear-gradient(90deg,var(--accent-color),var(--border-subtle));outline:none;pointer-events:auto;touch-action:pan-x}.signal-tuner-slider::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent-color);border:2px solid var(--text-strong);box-shadow:0 0 0 4px #d4af3733;cursor:pointer}.signal-tuner-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--accent-color);border:2px solid var(--text-strong);box-shadow:0 0 0 4px #d4af3733;cursor:pointer}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-visual{position:relative;height:400px;overflow:hidden;border-left:1px solid var(--border-subtle);padding-left:2rem}@media(max-width:768px){.hero-wrapper{flex-direction:column;justify-content:center;padding-top:0;gap:1rem}.hero-brain-container{position:relative;height:60vh;width:100%;order:1;margin-bottom:-5rem;margin-top:-5rem}.hero-text-container{position:relative;top:auto;left:auto;transform:none;height:auto;order:2;margin-top:0;margin-bottom:1rem}.hero-foreground{position:relative;height:auto;order:3;display:flex;justify-content:center;padding-bottom:2rem}.signal-tuner-dock{position:relative;bottom:auto;left:auto;transform:none;margin:1.5rem auto 0;width:min(560px,92vw);order:3}.hero-text-container h1{font-size:clamp(3rem,13vw,6rem)!important}.about-grid{grid-template-columns:1fr;gap:3rem}.about-visual{border-left:none;border-top:1px solid var(--border-subtle);padding-left:0;padding-top:2rem;margin-top:2rem}}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999;pointer-events:none}.cursor-dot{width:8px;height:8px;background-color:var(--cursor-dot-color)}.cursor-outline{width:40px;height:40px;border:1px solid var(--cursor-outline-color);transition:width .2s,height .2s,background-color .2s}@media(hover:none){*{cursor:auto}.cursor-dot,.cursor-outline{display:none}}.cmdk-backdrop{position:fixed;inset:0;z-index:300;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:flex-start;justify-content:center;padding:6rem 4vw}:root[data-theme=light] .cmdk-backdrop{background:#fff9}.cmdk-panel{width:min(760px,100%);border-radius:18px;background:var(--modal-bg);border:1px solid var(--border-subtle);box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.cmdk-top{display:flex;gap:1rem;align-items:center;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--border-softer)}.cmdk-input{flex:1;border:none;outline:none;background:transparent;color:var(--text-strong);font-size:.85rem;letter-spacing:.12em;opacity:.9}.cmdk-input::placeholder{color:var(--text-subtle);opacity:1}.cmdk-hint{font-size:.65rem;color:var(--text-subtle);opacity:.8}.cmdk-list{max-height:min(52vh,520px);overflow:auto;padding:.75rem}.cmdk-empty{padding:1rem;color:var(--text-subtle)}.cmdk-item{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--text-strong);text-align:left;cursor:pointer}.cmdk-item.is-active{background:var(--pill-bg);border-color:var(--border-subtle)}.cmdk-item-label{font-size:.75rem;opacity:.95}.cmdk-item-hint{font-size:.65rem;color:var(--text-subtle);opacity:.85}.markdown-content p{margin-bottom:1.5rem}.markdown-content strong{color:var(--text-strong);font-weight:600}.markdown-content ul,.markdown-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content code{font-family:var(--font-mono);background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:.9em}.contact-socials{display:flex;gap:4rem;justify-content:center;flex-wrap:wrap}.contact-email{font-size:clamp(3rem,8vw,8rem);transition:all .3s ease}.contact-email:hover{font-style:italic;color:var(--accent-color)!important;transform:scale(1.02)}@media(max-width:768px){.contact-socials{gap:1.5rem}.contact-email{font-size:clamp(1.8rem,9vw,3.5rem);word-break:break-word}}
