:root{--brand-sky:#d3e5ff;--brand-cornflower:#8db4f0;--brand-ink:#020203;--brand-steel:#6d92c8;--brand-slate:#445d83;--ink-raised:#0a0b0d;--ink-card:#0d0e10;--ink-muted:#1a1c20;--hair-08:#8db4f014;--hair-10:#8db4f01a;--hair-15:#8db4f026;--hair-30:#8db4f04d;--hair-40:#8db4f066;--background:var(--brand-ink);--foreground:var(--brand-sky);--fg-1:var(--brand-sky);--fg-2:var(--brand-steel);--fg-3:var(--brand-slate);--accent:var(--brand-cornflower);--accent-deep:var(--brand-steel);--card:var(--ink-card);--card-fg:var(--brand-sky);--surface-raised:var(--ink-raised);--muted:var(--ink-muted);--border:var(--hair-15);--border-strong:var(--hair-40);--ring:var(--brand-steel);--font-display:"Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-mono:"DM Mono", "SF Mono", ui-monospace, monospace;--radius:0px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--dur-fast:.15s;--dur-base:.2s;--dur-slow:.4s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px}:root.light{--background:#f5f7fb;--foreground:#020203;--fg-1:#020203;--fg-2:#445d83;--fg-3:#6d92c8;--accent:#6d92c8;--accent-deep:#6d92c8;--card:#fff;--card-fg:#020203;--surface-raised:#e8ecf3;--muted:#e8ecf3;--border:#6d92c833;--border-strong:#6d92c866}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.container{max-width:1440px;margin:0 auto;padding:0 48px}.section{padding:120px 0}header{z-index:50;background:0 0;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:sticky;top:0}header.scrolled{-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border);background:#020203f2}:root.light header.scrolled{background:#f5f7fbf2}.nav-inner{justify-content:space-between;align-items:center;max-width:1440px;height:64px;margin:0 auto;padding:0 48px;display:flex}.logo-wrap{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-mark{border:1px solid var(--brand-steel);width:28px;height:28px;font-family:var(--font-display);color:var(--brand-cornflower);letter-spacing:.05em;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.logo-text{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-2);font-size:.7rem}.right,.nav-links{align-items:center;gap:32px;display:flex}.theme-toggle{border:1px solid var(--border-strong);color:var(--brand-cornflower);cursor:pointer;background:#8db4f026;justify-content:center;align-items:center;padding:8px;display:flex}.nav-toggle{border:1px solid var(--border-strong);color:var(--fg-1);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:8px;display:none}footer{border-top:1px solid var(--border);background:var(--background)}footer .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:0 auto;padding:40px 48px;display:flex}.copy{color:var(--fg-3);letter-spacing:.2em;font-size:.65rem}.socials{gap:24px;display:flex}.socials a{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-3);font-size:.65rem;text-decoration:none;transition:color .15s}.socials a:hover{color:var(--brand-cornflower)}.page-header{border-bottom:1px solid var(--border);padding-top:112px;padding-bottom:80px;position:relative;overflow:hidden}.page-ghost{opacity:.05;font-size:clamp(150px,25vw,380px);line-height:.85;top:0;right:-32px}.page-h1{font-family:var(--font-display);letter-spacing:-.04em;color:var(--fg-1);margin:0;font-size:clamp(3rem,9vw,8rem);font-weight:700;line-height:.88}.hero{align-items:flex-end;min-height:88vh;padding-bottom:96px;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg-img{object-fit:cover;opacity:.55;width:100%;height:100%}.hero-gradient{background:linear-gradient(#0202034d 0%,#020203b3 60%,#020203 100%);position:absolute;inset:0}.hero-ghost{opacity:.06;font-size:clamp(200px,35vw,500px);line-height:.8;top:0;right:0}.hero-body-wrap{z-index:10;width:100%;position:relative}.hero-inner{max-width:900px}.hero-h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--brand-sky);margin:0 0 32px;font-size:clamp(3.5rem,9vw,8rem);font-weight:700;line-height:.9}.name-accent{color:var(--brand-cornflower)}.hero-lead{font-family:var(--font-mono);color:var(--brand-steel);max-width:600px;margin-bottom:48px;font-size:.85rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.marquee-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-raised);padding:14px 0;overflow:hidden}.marquee-track{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;gap:48px;font-size:.65rem;animation:22s linear infinite marqueeScroll;display:flex}.marquee-star{color:var(--brand-cornflower);margin:0 8px}.work-section{padding:120px 0}.work-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:64px;display:flex}.display-h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg-1);margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1}.projects-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card-content{z-index:10;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:absolute;inset:0}.card-index{font-family:var(--font-mono);letter-spacing:.2em;color:var(--brand-steel);font-size:.65rem}.card-footer-inner{background:linear-gradient(#0000 0%,#020203d9 50%,#020203f7 100%);margin:-24px;padding:40px 24px 24px}.card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--brand-sky);font-weight:700;line-height:1}.work-section .card-title{margin:0;font-size:clamp(1.5rem,3vw,2.25rem)}.projects-section .card-title{margin:0 0 10px;font-size:clamp(1.4rem,2.5vw,2rem)}.stats-band{border-top:1px solid var(--hair-10);border-bottom:1px solid var(--hair-10);background:#0a0b0d}.stats-grid{grid-template-columns:repeat(4,1fr);padding-top:80px;padding-bottom:80px;display:grid}.stat-item{padding:0 40px}.stat-item.bordered{border-left:1px solid var(--hair-10)}.stat-num{font-family:var(--font-display);letter-spacing:-.04em;color:var(--brand-cornflower);margin:0 0 8px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1}.stat-lbl{letter-spacing:.2em;color:var(--brand-slate);font-size:.65rem}.services-grid{background:var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.svc-header{justify-content:space-between;margin-bottom:24px;display:flex}.svc-num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--fg-3);font-size:.65rem}.svc-rule{background:var(--hair-30);width:24px;height:1px;margin-top:12px}.svc-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-1);margin:0 0 12px;font-size:1.35rem;font-weight:700}.svc-desc{font-family:var(--font-mono);color:var(--fg-2);margin:0;font-size:.78rem;line-height:1.8}.cta-band{background:var(--brand-slate);position:relative;overflow:hidden}.cta-ghost{opacity:.1;-webkit-text-stroke:1px #d3e5ff66;font-size:clamp(120px,20vw,280px);line-height:1;top:50%;right:-40px;transform:translateY(-50%)}.cta-band .cta-inner{z-index:10;padding-top:80px;padding-bottom:80px;position:relative}.cta-band .cta-h2{font-family:var(--font-display);letter-spacing:-.04em;color:var(--brand-sky);margin:0 0 40px;font-size:clamp(2.5rem,7vw,6rem);font-weight:700;line-height:.9}.bio-section{padding:80px 0}.bio-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.portrait-wrap{position:relative}.portrait-shadow{border:1px solid var(--border-strong);z-index:0;position:absolute;inset:24px -24px -24px 24px}.portrait-img{z-index:10;object-fit:cover;aspect-ratio:3/4;object-position:top;filter:saturate(.9);width:100%;max-height:600px;position:relative}.portrait-caption{z-index:20;background:linear-gradient(#0000,#020203e6);padding:20px;position:absolute;bottom:0;left:0}.bio-text{flex-direction:column;gap:32px;display:flex}.bio-heading{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg-1);margin:0 0 24px;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:700;line-height:1.1}.bio-copy{font-family:var(--font-mono);color:var(--fg-2);flex-direction:column;gap:16px;font-size:.82rem;line-height:1.9;display:flex}.bio-copy p{margin:0}.bio-contact-rows{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:24px;display:flex}.contact-row{align-items:center;gap:12px;display:flex}.contact-text{font-family:var(--font-mono);letter-spacing:.1em;color:var(--brand-steel);font-size:.72rem}.start-btn{align-self:flex-start}.skills-section{background:var(--surface-raised);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 0}.section-h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg-1);margin:0;font-size:clamp(1.75rem,4vw,3.5rem);font-weight:700;line-height:1}.skills-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.skill-bars{flex-direction:column;gap:28px;display:flex}.skill-header{justify-content:space-between;margin-bottom:8px;display:flex}.skill-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:.68rem}.skill-pct{font-family:var(--font-mono);color:var(--fg-3);font-size:.6rem}.tools-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tool-chip{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg-2);border:1px solid var(--border);cursor:default;padding:10px 14px;font-size:.68rem;transition:border-color .15s,color .15s}.tool-chip:hover{border-color:var(--border-strong);color:var(--fg-1)}.process-section{padding:80px 0}.process-grid{background:var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.process-num{font-family:var(--font-display);letter-spacing:-.05em;color:#445d8380;margin:0 0 24px;font-size:3rem;font-weight:700;line-height:1}.process-title{font-family:var(--font-display);color:var(--fg-1);margin:0 0 12px;font-size:1.1rem;font-weight:700}.process-desc{font-family:var(--font-mono);color:var(--fg-2);margin:0;font-size:.72rem;line-height:1.8}.cta-section{background:var(--surface-raised);border-top:1px solid var(--border)}.cta-section .cta-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding-top:80px;padding-bottom:80px;display:flex}.cta-section .cta-h2{font-family:var(--font-display);letter-spacing:-.04em;color:var(--fg-1);margin:0;font-size:clamp(2rem,5vw,4.5rem);font-weight:700;line-height:.9}.filter-section{border-bottom:1px solid var(--border);padding:40px 0}.filter-tags{flex-wrap:wrap;gap:12px;display:flex}.projects-section{padding:64px 0}.card-top{z-index:10;justify-content:space-between;padding:20px;display:flex;position:absolute;top:0;left:0;right:0}.card-idx{font-family:var(--font-mono);letter-spacing:.2em;color:var(--brand-steel);font-size:.6rem}.card-bottom{z-index:10;background:linear-gradient(#0000 0%,#020203d9 40%,#020203f7 100%);padding:20px;position:absolute;bottom:0;left:0;right:0}.card-cat{color:var(--brand-steel);margin-bottom:6px;font-size:.58rem}.card-desc{font-family:var(--font-mono);color:var(--brand-cornflower);max-width:320px;margin:0;font-size:.68rem;line-height:1.7}.no-results{text-align:center;padding:96px 0}.index-section{border-top:1px solid var(--border);padding:64px 0}.index-row{border-bottom:1px solid var(--border);transition:padding-left .2s var(--ease-out);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;text-decoration:none;display:flex}.index-row:hover{padding-left:16px}.index-left{align-items:center;gap:40px;min-width:0;display:flex}.index-id{font-family:var(--font-mono);letter-spacing:.15em;color:var(--fg-3);flex-shrink:0;font-size:.6rem}.index-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-1);margin:0;font-size:clamp(1rem,2vw,1.5rem);font-weight:700}.index-right{flex-shrink:0;align-items:center;gap:32px;display:flex}.index-cat{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--brand-steel);font-size:.65rem}.index-year{font-family:var(--font-mono);letter-spacing:.15em;color:var(--fg-3);font-size:.65rem}.contact-section{padding:80px 0 120px}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:80px;display:grid}.contact-h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg-1);margin:0 0 24px;font-size:clamp(1.75rem,3.5vw,3rem);font-weight:700;line-height:1.05}.contact-blurb{font-family:var(--font-mono);color:var(--fg-2);margin:0 0 40px;font-size:.8rem;line-height:1.9}.contact-details{flex-direction:column;gap:16px;display:flex}.detail-row{align-items:center;gap:12px;display:flex}.detail-text{font-family:var(--font-mono);letter-spacing:.08em;color:var(--brand-steel);font-size:.72rem}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3);font-size:.62rem}.field-input{font-family:var(--font-mono);color:var(--fg-1);background:var(--card);border:1px solid var(--border);outline:none;width:100%;padding:12px 16px;font-size:.8rem;transition:border-color .15s}.field-input::placeholder{color:var(--fg-3)}.field-input:focus{border-color:var(--brand-steel)}.field-textarea{resize:vertical;min-height:140px}.form-footer{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.form-error{font-family:var(--font-mono);color:#e07070;margin:0;font-size:.7rem}.form-success{border:1px solid var(--border);background:var(--card);padding:40px}.contact-info{padding-top:8px}@media (width<=1024px){.container,.nav-inner{padding-left:32px;padding-right:32px}.section,.work-section{padding:96px 0}.projects-grid{grid-template-columns:repeat(2,1fr)}.bio-grid,.skills-grid,.contact-grid{gap:48px}}@media (width<=768px){.container,.nav-inner{padding-left:24px;padding-right:24px}.section,.work-section{padding:72px 0}.nav-toggle{display:flex}.right{gap:16px}.nav-links{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);background:#020203fa;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 24px;position:absolute;top:64px;left:0;right:0;transform:translateY(-12px)}:root.light .nav-links{background:#f5f7fbfa}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{border-bottom:1px solid var(--border);padding:16px 0;font-size:.85rem}.nav-link:after{display:none}.services-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr;gap:56px}.bio-grid{grid-template-columns:1fr;gap:48px}.process-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:56px}.hero{min-height:80vh;padding-bottom:64px}.portrait-img{max-height:480px}.work-header,.cta-section .cta-inner{flex-direction:column;align-items:flex-start}}@media (width<=640px){.container,.nav-inner{padding-left:20px;padding-right:20px}.section,.work-section{padding:56px 0}.projects-grid{grid-template-columns:1fr;gap:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:32px 0}.form-row{grid-template-columns:1fr}.bio-section,.skills-section,.process-section,.contact-section{padding:56px 0}.stat-item{padding:0 20px}.stat-item.bordered{border-left:none}.index-row{flex-direction:column;align-items:flex-start;gap:8px}.index-left{gap:20px}.index-right{gap:16px}.page-header{padding-top:88px;padding-bottom:56px}.form-success{padding:28px}}@media (width<=480px){.process-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}.logo-text{display:none}.hero-actions{width:100%}.hero-actions .btn-brut{flex:1;justify-content:center}.btn-brut{padding:.7rem 1.25rem;font-size:.65rem}}.card-badge{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--brand-ink);background:var(--brand-cornflower);padding:4px 8px;font-size:.55rem}.cs-back-bar{z-index:40;background:var(--background);border-bottom:1px solid var(--border);position:sticky;top:64px}.cs-back-link{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:8px;padding:16px 0;font-size:.65rem;text-decoration:none;transition:color .15s;display:inline-flex}.cs-back-link:hover{color:var(--fg-1)}.cs-main{padding:64px 0 96px}.cs-section{margin-bottom:96px}.cs-section:last-child{margin-bottom:0}.cs-feature-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.cs-overview-grid{grid-template-columns:2fr 1fr;align-items:start;gap:48px;display:grid}.cs-media-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.cs-prose{max-width:760px}.cs-figure{border:1px solid var(--border);overflow:hidden}.cs-figure img{width:100%;height:auto;display:block}.cs-h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg-1);margin:0 0 24px;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1.1}.cs-lead{font-family:var(--font-mono);color:var(--fg-2);max-width:520px;margin:0 0 32px;font-size:.9rem;line-height:1.7}.cs-h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-1);margin:0 0 24px;font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:700}.cs-h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-1);margin:0 0 14px;font-size:1.35rem;font-weight:700}.cs-body{font-family:var(--font-mono);color:var(--fg-2);margin:0 0 20px;font-size:.82rem;line-height:1.9}.cs-tags{flex-wrap:wrap;gap:12px;display:flex}.cs-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);border:1px solid var(--border-strong);padding:8px 14px;font-size:.65rem}.cs-specs-card{background:var(--card);border:1px solid var(--border);padding:32px}.cs-specs-title{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3);margin:0 0 20px;font-size:.65rem}.cs-specs-list{flex-direction:column;gap:20px;display:flex}.cs-spec-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin:0 0 6px;font-size:.6rem}.cs-spec-value{font-family:var(--font-mono);color:var(--fg-1);margin:0;font-size:.85rem}.cs-media-card,.cs-outcome-card{background:var(--card);border:1px solid var(--border);padding:32px}.cs-outcome-card{padding:48px}@media (width<=768px){.cs-feature-grid,.cs-overview-grid,.cs-media-grid{grid-template-columns:1fr;gap:32px}.cs-section{margin-bottom:64px}.cs-main{padding:48px 0 72px}}@media (width<=480px){.cs-specs-card,.cs-media-card{padding:24px}.cs-outcome-card{padding:28px}}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/SpaceGrotesk-Variable-BhU9QXUp.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/DMMono-Regular-4GdczIuU.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/DMMono-Medium-DRMDZjhP.woff2)format("woff2")}html{scroll-behavior:smooth}body{background:var(--background);color:var(--fg-1);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400}#app{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--surface-raised)}::-webkit-scrollbar-thumb{background:var(--hair-30)}.fade-up{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translateY(24px)}.fade-up.visible{opacity:1;transform:translateY(0)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.ghost-letter{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px #8db4f01f;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:700;line-height:.85;position:absolute}.eyebrow{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--brand-slate);margin:0;font-size:.65rem}.btn-brut{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--brand-steel);color:var(--fg-1);cursor:pointer;transition:color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);background:0 0;align-items:center;gap:.6rem;padding:.75rem 1.75rem;font-size:.7rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-brut:before{content:"";background:var(--brand-steel);transform-origin:0;transition:transform .22s var(--ease-out);z-index:0;position:absolute;inset:0;transform:scaleX(0)}.btn-brut:hover:before{transform:scaleX(1)}.btn-brut:hover{color:var(--brand-ink)}.btn-brut>span,.btn-brut>svg{z-index:1;position:relative}.btn-brut:active{transform:scale(.97)}.btn-brut.is-ghost{border-color:var(--hair-30);color:var(--brand-steel)}.btn-brut.is-ghost:before{background:var(--brand-steel)}.btn-brut.is-ghost:hover{color:var(--brand-ink)}.nav-link{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-2);transition:color var(--dur-fast) ease-out;font-size:.75rem;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--fg-1);width:0;height:1px;transition:width .18s var(--ease-out);position:absolute;bottom:-2px;left:0}.nav-link:hover{color:var(--fg-1)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--fg-1)}.tag-pill{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--hair-15);color:var(--brand-slate);cursor:pointer;transition:all var(--dur-fast) ease-out;background:0 0;padding:.4rem 1rem;font-size:.65rem}.tag-pill:hover{border-color:var(--border-strong);color:var(--fg-2)}.tag-pill.active{border-color:var(--brand-steel);color:var(--fg-1);background:#6d92c826}.project-card{background:var(--card);border:1px solid var(--border);transition:border-color var(--dur-base) ease-out, transform var(--dur-base) var(--ease-out);position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.project-card .card-img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out);position:absolute;inset:0}.project-card:hover .card-img{transform:scale(1.04)}.project-card .card-overlay{background:linear-gradient(#0000 0%,#0202034d 40%,#020203f2 100%);position:absolute;inset:0}.skill-track{background:var(--border);height:2px;position:relative;overflow:hidden}.skill-fill{background:var(--accent-deep);height:100%;transition:width 1.1s var(--ease-out);width:0%}.tile{background:var(--card);transition:border-color var(--dur-base) ease-out;border-top:2px solid #0000;padding:2rem 2.5rem}.tile:hover{border-top-color:var(--brand-steel)}.tile.is-left{border-top:0;border-left:2px solid #0000}.tile.is-left:hover{border-left-color:var(--brand-steel)}.rule-diagonal{background:linear-gradient(90deg, transparent, var(--hair-30), transparent);height:1px;transform:skew(-15deg)}