*,:before,:after{box-sizing:border-box}:root{--color-bg:#050511;--color-surface:#0d0d1f;--color-border:#1e1e3f;--color-text:#e2e2f0;--color-muted:#88a;--color-accent:#818cf8;--color-accent-glow:#818cf826;--max-width:900px;--space:1rem}body:before{content:"";pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='51.962' height='90'><g stroke='rgba(129,140,248,0.07)' stroke-width='1' fill='none'><line x1='0' y1='0' x2='25.981' y2='15'/><line x1='25.981' y1='15' x2='25.981' y2='45'/><line x1='25.981' y1='45' x2='0' y2='60'/><line x1='25.981' y1='15' x2='51.962' y2='0'/><line x1='51.962' y1='60' x2='25.981' y2='45'/><line x1='51.962' y1='60' x2='51.962' y2='90'/><line x1='0' y1='60' x2='0' y2='90'/></g></svg>");background-size:51.962px 90px;position:fixed;inset:-100%;transform:rotate(22deg)}body{background-color:var(--color-bg);color:var(--color-text);flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.6;display:flex}a{color:var(--color-accent)}.container{max-width:var(--max-width);padding:0 var(--space);margin:0 auto}header{padding:var(--space) 0;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:relative}.header-pattern{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.header-pattern:before,footer:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48.284' height='48.284'><path fill='none' stroke='rgba(129,140,248,0.09)' stroke-width='1' d='M14.142,0 L34.142,0 L48.284,14.142 L48.284,34.142 L34.142,48.284 L14.142,48.284 L0,34.142 L0,14.142 Z M0,0 L14.142,0 M0,0 L0,14.142 M48.284,0 L34.142,0 M48.284,0 L48.284,14.142 M48.284,48.284 L34.142,48.284 M48.284,48.284 L48.284,34.142 M0,48.284 L14.142,48.284 M0,48.284 L0,34.142'/></svg>");background-size:48.284px 48.284px;position:absolute;inset:-50vw;transform:rotate(-16deg)}header .container{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.site-title{color:var(--color-text);letter-spacing:.04em;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}nav{gap:0;display:flex}nav a,.nav-dropdown-toggle{isolation:isolate;color:var(--color-muted);letter-spacing:.03em;clip-path:polygon(0% 0%,100% 0%,calc(100% - 7px) 100%,7px 100%);background:#818cf859;padding:.3rem .875rem;font-size:.9rem;text-decoration:none;transition:color .15s,background .15s;display:inline-block;position:relative}nav a:before,.nav-dropdown-toggle:before{content:"";background:var(--color-surface);clip-path:polygon(1.5px 1.5px,calc(100% - 1.5px) 1.5px,calc(100% - 8.5px) calc(100% - 1.5px),8.5px calc(100% - 1.5px));z-index:-1;position:absolute;inset:0}nav a:hover,nav a.active,.nav-dropdown-toggle.active,.nav-dropdown:hover .nav-dropdown-toggle{color:var(--color-accent);background:var(--color-accent)}.nav-dropdown{position:relative}.nav-dropdown-toggle{clip-path:polygon(7px 0%,calc(100% - 7px) 0%,100% 100%,0% 100%)}.nav-dropdown-toggle:before{clip-path:polygon(8.5px 1.5px,calc(100% - 8.5px) 1.5px,calc(100% - 1.5px) calc(100% - 1.5px),1.5px calc(100% - 1.5px))}.nav-dropdown-toggle{color:var(--color-muted);letter-spacing:.03em;cursor:default;user-select:none;font-size:.9rem}.nav-dropdown-toggle:after{content:" ▾";font-size:.75em}.nav-dropdown-toggle.active{color:var(--color-accent)}.nav-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);white-space:nowrap;z-index:10;border-radius:6px;min-width:140px;padding:.5rem 0 .25rem;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0006}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}.nav-dropdown-menu a{color:var(--color-muted);letter-spacing:.03em;padding:.4rem .75rem;font-size:.875rem;text-decoration:none;transition:color .15s;display:block}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{color:var(--color-accent)}main{padding:calc(var(--space) * 3) 0;flex:1}footer{padding:var(--space) 0;border-top:1px solid var(--color-border);color:var(--color-muted);background:var(--color-surface);font-size:.875rem;position:relative;overflow:hidden}h1{letter-spacing:-.03em;margin:0 0 1rem;font-size:2.5rem;font-weight:800;line-height:1.1}h2{letter-spacing:-.02em}.hero{padding:calc(var(--space) * 3) 0 calc(var(--space) * 2);position:relative}.hero p{color:var(--color-muted);margin:0;font-size:1.1rem}.projects-grid{gap:calc(var(--space) * 1.5);margin-top:calc(var(--space) * 2);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.project-card{isolation:isolate;aspect-ratio:1;text-align:center;clip-path:polygon(27.5% 11%,72.5% 11%,95% 50%,72.5% 89%,27.5% 89%,5% 50%);background:#818cf859;flex-direction:column;justify-content:center;align-items:center;padding:15% 22%;transition:background .15s;display:flex;position:relative}.project-card:before{content:"";background:var(--color-surface);clip-path:polygon(28.3% 12.3%,71.7% 12.3%,93.5% 50%,71.7% 87.7%,28.3% 87.7%,6.5% 50%);z-index:-1;position:absolute;inset:0}.project-card:hover{background:var(--color-accent)}.project-card h2,.project-card p{z-index:1;position:relative}.project-card h2{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.1rem}.project-card p{color:var(--color-muted);margin:0;font-size:.9rem}.prose h1,.prose h2,.prose h3{letter-spacing:-.02em;line-height:1.3}.prose a{text-underline-offset:3px}.prose img{max-width:100%}.contact-list{margin:calc(var(--space) * 2) 0 0;gap:var(--space);flex-direction:column;padding:0;list-style:none;display:flex}.contact-list li{align-items:center;gap:.75rem;font-size:1rem;display:flex}.contact-list .label{color:var(--color-muted);min-width:5rem;font-size:.85rem}