@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700;800&display=swap";:root{color:#1d1710;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#efe4d2;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}html{scroll-behavior:smooth}body{margin:0}:root{--bg:#efe4d2;--bg-deep:#e6d7bf;--surface:#fff9f1a8;--surface-strong:#fffaf3e6;--border:#73593514;--border-strong:#7359352e;--text:#1d1710;--muted:#675845;--accent:#6c7cff;--accent-strong:#4d5ff0;--shadow:0 24px 80px #4c331426;--radius:26px;--radius-sm:18px;--max-width:1260px;--neo-surface:#fff9f1b8;--neo-stroke:#7359352e;--neo-highlight:#ffffffd1;--neo-shadow:#4c331438;--neo-shadow-soft:#4c33141f}:root[data-theme=dark]{--bg:#07111f;--bg-deep:#040b16;--surface:#0a1222b8;--surface-strong:#0e1729e6;--border:#96beff14;--border-strong:#96beff2e;--text:#eff4ff;--muted:#9db0d2;--accent:#7c9cff;--accent-strong:#9eb7ff;--shadow:0 24px 80px #00000057;--neo-surface:#0e1729b8;--neo-stroke:#96beff29;--neo-highlight:#cde4ff29;--neo-shadow:#0000008c;--neo-shadow-soft:#00000057}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #6c7cff38, transparent 28%), radial-gradient(circle at 85% 18%, #57c7de24, transparent 22%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);margin:0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:15px}a{color:inherit;text-decoration:none}button,a{font:inherit}#root{min-height:100vh}.page-shell{min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(80px);opacity:.58;pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:#6c7cff2e;width:28rem;height:28rem;top:-8rem;left:-6rem}.ambient-two{background:#57c7de24;width:24rem;height:24rem;top:12rem;right:-4rem}.ambient-three{background:#6c7cff1f;width:20rem;height:20rem;bottom:-5rem;left:34%}.content-shell{z-index:1;width:min(calc(100% - 1.5rem), var(--max-width));gap:1rem;margin:0 auto;padding:1.1rem 0 4rem;display:grid;position:relative}.panel{border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.panel-inset{border-radius:var(--radius-sm);border:1px solid var(--border);background:0 0}.nav-shell{z-index:20;background:var(--surface);background:color-mix(in srgb, var(--surface) 82%, transparent);width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #0000;border-left:0;border-right:0;border-radius:0;position:sticky;top:0}.nav-inner{width:min(calc(100% - 1.5rem), var(--max-width));justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.6rem 1rem;display:flex}.nav-actions{align-items:center;gap:.75rem;display:flex}.nav-inner nav{background:#ffffff08;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem;display:flex}.cursor-pointer{cursor:pointer}.nav-inner nav button,.brand-mark,.theme-toggle{color:inherit;font:inherit;background:0 0;border:0}.nav-inner nav button,.theme-toggle{color:var(--muted);background:linear-gradient(180deg, color-mix(in srgb, var(--neo-surface) 92%, transparent), color-mix(in srgb, var(--neo-surface) 72%, transparent));border:1px solid color-mix(in srgb, var(--neo-stroke) 70%, transparent);box-shadow:0 10px 24px var(--neo-shadow-soft), 0 1px 0 var(--neo-highlight) inset, 0 -1px 0 color-mix(in srgb, var(--neo-shadow) 14%, transparent) inset;border-radius:999px;padding:.55rem .85rem;font-size:.82rem;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s}.nav-inner nav button:hover,.brand-mark:hover,.theme-toggle:hover{color:var(--text);cursor:pointer;transform:translateY(-1px)}.nav-inner nav button:hover,.theme-toggle:hover{box-shadow:0 14px 34px var(--neo-shadow-soft), 0 1px 0 color-mix(in srgb, var(--neo-highlight) 92%, transparent) inset, 0 -1px 0 color-mix(in srgb, var(--neo-shadow) 18%, transparent) inset}.nav-inner nav button:active,.theme-toggle:active{box-shadow:0 8px 18px var(--neo-shadow-soft), 0 1px 0 color-mix(in srgb, var(--neo-shadow) 16%, transparent) inset, 0 -1px 0 color-mix(in srgb, var(--neo-highlight) 22%, transparent) inset;transform:translateY(0)}.brand-mark{letter-spacing:-.04em;background:linear-gradient(180deg, color-mix(in srgb, var(--neo-surface) 88%, transparent), color-mix(in srgb, var(--neo-surface) 64%, transparent));border:1px solid color-mix(in srgb, var(--neo-stroke) 60%, transparent);box-shadow:0 12px 28px var(--neo-shadow-soft), 0 1px 0 color-mix(in srgb, var(--neo-highlight) 92%, transparent) inset;border-radius:999px;padding:.38rem .6rem;font-size:.88rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s}.brand-mark:hover{box-shadow:0 16px 40px var(--neo-shadow-soft), 0 1px 0 color-mix(in srgb, var(--neo-highlight) 92%, transparent) inset}.brand-mark:active{box-shadow:0 10px 22px var(--neo-shadow-soft), 0 1px 0 color-mix(in srgb, var(--neo-shadow) 18%, transparent) inset;transform:translateY(0)}.nav-inner nav button:focus-visible,.theme-toggle:focus-visible,.brand-mark:focus-visible,.button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 38%, transparent), 0 0 0 6px color-mix(in srgb, var(--accent) 14%, transparent), 0 12px 28px var(--neo-shadow-soft), 0 1px 0 color-mix(in srgb, var(--neo-highlight) 92%, transparent) inset;outline:0}.hero-card{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:1rem;min-height:clamp(32rem,78vh,52rem);padding:1rem;scroll-margin-top:6.5rem;display:grid}.hero-copy,.hero-side,.work-card,.section-block,.contact-card{padding:clamp(1.6rem,3.5vw,2.6rem)}.eyebrow{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.14em;margin:0 0 .75rem;font-size:.6rem;font-weight:700}h1,h2,h3,p{margin:0}h1{letter-spacing:-.08em;font-size:clamp(1.55rem,4.2vw,2.85rem);font-weight:800;line-height:1}.hero-subtitle{max-width:42rem;margin-top:.75rem;font-size:clamp(.78rem,1.45vw,.95rem);line-height:1.5}.hero-description,.hero-side-text,.section-heading p,.work-card p,.contact-card p{color:var(--muted);font-size:.88rem}.hero-description,.hero-side-text,.contact-card p{line-height:1.7}.hero-description{max-width:42rem;margin-top:1rem}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:1.45rem;display:flex}.button{background:linear-gradient(180deg, color-mix(in srgb, var(--neo-surface) 92%, transparent), color-mix(in srgb, var(--neo-surface) 70%, transparent));border:0;border:1px solid color-mix(in srgb, var(--neo-stroke) 62%, transparent);box-shadow:0 18px 44px var(--neo-shadow-soft), 0 1px 0 color-mix(in srgb, var(--neo-highlight) 92%, transparent) inset, 0 -1px 0 color-mix(in srgb, var(--neo-shadow) 18%, transparent) inset;color:var(--text);border-radius:999px;justify-content:center;align-items:center;padding:.82rem 1.08rem;font-size:.84rem;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s;display:inline-flex;position:relative}.button:hover{cursor:pointer;box-shadow:0 24px 60px var(--neo-shadow-soft), 0 1px 0 color-mix(in srgb, var(--neo-highlight) 92%, transparent) inset, 0 -1px 0 color-mix(in srgb, var(--neo-shadow) 18%, transparent) inset;transform:translateY(-1px)}.button:active{box-shadow:0 14px 34px var(--neo-shadow-soft), 0 2px 8px color-mix(in srgb, var(--neo-shadow) 20%, transparent) inset, 0 -1px 0 color-mix(in srgb, var(--neo-highlight) 24%, transparent) inset;transform:translateY(0)}.button-primary{background:radial-gradient(circle at 20% 20%, #ffffff4d, transparent 55%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 92%, #a6d7ff), color-mix(in srgb, var(--accent) 60%, #8de2ff));border-color:color-mix(in srgb, var(--accent) 42%, transparent);color:#04111f;font-weight:700;box-shadow:0 26px 60px #7c9cff42,inset 0 1px #ffffff85,inset 0 -1px #0000001f}.button-secondary{background:linear-gradient(180deg, color-mix(in srgb, var(--neo-surface) 82%, transparent), color-mix(in srgb, var(--neo-surface) 60%, transparent))}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.work-card h3,.section-heading h2,.contact-card h2{letter-spacing:-.04em}.work-card h3{margin-bottom:.6rem;font-size:.96rem}.section-block{min-height:clamp(28rem,70vh,46rem);padding:clamp(1.8rem,4vw,3rem);scroll-margin-top:6.5rem}.section-heading{gap:.75rem;max-width:48rem;margin-bottom:1.2rem;display:grid}.section-heading h2,.contact-card h2{font-size:clamp(1.02rem,2.1vw,1.45rem);font-weight:700;line-height:1.12}.contact-card{justify-content:space-between;align-items:center;gap:1rem;min-height:clamp(18rem,52vh,30rem);scroll-margin-top:6.5rem;display:flex}.contact-placeholder{color:var(--muted);background:#ffffff0a;border-radius:999px;padding:.84rem 1.05rem;font-size:.84rem}@media (width<=980px){.hero-card,.work-grid,.contact-card{grid-template-columns:1fr}.contact-card{align-items:flex-start}}@media (width<=700px){.nav-inner,.nav-actions,.nav-inner nav,.hero-actions,.contact-card{flex-direction:column;align-items:stretch}.content-shell{width:min(calc(100% - 1rem), var(--max-width));padding-top:.75rem}.hero-copy,.hero-side,.work-card,.section-block,.contact-card{padding:1.2rem}.hero-card,.section-block,.contact-card{min-height:auto}.button,.theme-toggle{width:100%}}