:root{--base: #0b111b;--base-dim: #121b28;--base-border: #253448;--surface: #172231;--nav-bg: rgba(8, 13, 24, .96);--nav-scrolled: rgba(6, 10, 20, .98);--nav-text: rgba(244, 244, 244, .72);--nav-logo: #f4f4f4;--primary: #c48a58;--primary-light: #d7a172;--primary-pale: #e8c6a4;--primary-glow: rgba(196, 138, 88, .14);--accent: #5f7fae;--accent-light: #7c9bc4;--accent-pale: #b5cae4;--accent-glow: rgba(95, 127, 174, .14);--ink: #f4f4f4;--ink-mid: #c7d1dc;--ink-dim: #8d9caf}html.theme-b{--base: #f5f7fa;--base-dim: #ebf0f6;--base-border: #d3dde9;--surface: #ffffff;--nav-bg: rgba(23, 34, 49, .96);--nav-scrolled: rgba(16, 25, 38, .98);--nav-text: rgba(244, 244, 244, .75);--nav-logo: #f4f4f4;--primary: #b87a45;--primary-light: #cd9564;--primary-pale: #e0b48c;--primary-glow: rgba(184, 122, 69, .1);--accent: #5879a8;--accent-light: #7593bc;--accent-pale: #a8bfdc;--accent-glow: rgba(88, 121, 168, .1);--ink: #172231;--ink-mid: #4f6278;--ink-dim: #7e8ea2}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.category-section{position:relative}.category-section:before{content:"";position:absolute;left:0;top:0;width:120px;height:1px;background:linear-gradient(90deg,var(--primary),transparent)}body{background-color:var(--base);color:var(--ink);font-family:Cormorant Garamond,serif;overflow-x:hidden;min-height:100vh;transition:background-color .4s ease,color .4s ease}body:before{opacity:.1}@media (pointer: fine){body{cursor:none}#cursor{width:10px;height:10px;background:var(--primary);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}#cursorRing{width:36px;height:36px;border:1px solid var(--primary-pale);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);opacity:.5;transition:left .1s ease,top .1s ease}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.3}.site-header{position:fixed;top:0;left:0;right:0;z-index:500;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--nav-bg);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.08);transition:background .4s,border-color .4s}.site-header.scrolled{background:var(--nav-scrolled);border-bottom-color:#ffffff0f}.header-logo{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:900;color:var(--nav-logo);text-decoration:none;display:flex;align-items:center;gap:10px}.header-logo-mark{width:30px;height:30px;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:.65rem;color:var(--nav-logo);position:relative;flex-shrink:0}.header-logo-mark:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:#ffffff14}.header-nav{display:flex;align-items:center;gap:28px}.header-nav a{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--nav-text);text-decoration:none;position:relative;transition:color .3s}.header-nav a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:#fff9;transform:scaleX(0);transform-origin:left;transition:transform .3s}.header-nav a:hover{color:var(--nav-logo)}.header-nav a:hover:after{transform:scaleX(1)}.header-nav a.active{color:var(--nav-logo)}.header-nav a.active:after{transform:scaleX(1)}.header-back{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--nav-logo);border:1px solid rgba(255,255,255,.4);padding:7px 18px;text-decoration:none;position:relative;overflow:hidden;transition:color .3s}.header-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1f;transform:translate(-101%);transition:transform .3s}.header-back:hover:before{transform:translate(0)}.header-back span{position:relative;z-index:1}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:6px;z-index:600}.hamburger span{display:block;width:22px;height:1.5px;background:var(--nav-logo);transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .3s,width .3s;transform-origin:center}.hamburger.is-open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0;width:0}.hamburger.is-open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a101873;z-index:550;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.menu-overlay.is-open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:0;width:min(300px,85vw);height:100vh;background:var(--nav-scrolled);border-left:1px solid rgba(255,255,255,.08);z-index:580;padding:88px 36px 40px;display:flex;flex-direction:column;justify-content:space-between;transform:translate(100%);transition:transform .48s cubic-bezier(.23,1,.32,1)}.mobile-drawer:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--primary-pale),var(--accent-pale))}.mobile-drawer.is-open{transform:translate(0)}.drawer-links{display:flex;flex-direction:column}.drawer-link{font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;color:var(--nav-logo);text-decoration:none;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translate(14px);transition:color .3s,opacity .35s,transform .35s}.mobile-drawer.is-open .drawer-link:nth-child(1){opacity:1;transform:none;transition-delay:.07s}.mobile-drawer.is-open .drawer-link:nth-child(2){opacity:1;transform:none;transition-delay:.13s}.mobile-drawer.is-open .drawer-link:nth-child(3){opacity:1;transform:none;transition-delay:.19s}.drawer-link:hover{color:var(--primary-pale)}.drawer-arrow{font-size:1rem;color:var(--accent-pale);transition:transform .3s}.drawer-link:hover .drawer-arrow{transform:translate(5px)}.page-wrap{position:relative;z-index:2;max-width:980px;margin:80px auto 60px;padding:0 24px}.page-hero{padding:56px 0 48px;border-bottom:1px solid var(--base-border);display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;position:relative}.page-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent))}.hero-eyebrow{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--primary);margin-bottom:14px}.hero-title{font-family:Playfair Display,serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900;line-height:1;letter-spacing:-.02em;color:var(--ink)}.hero-title span{color:var(--primary)}.hero-subtitle{font-family:Cormorant Garamond,serif;font-size:1.1rem;font-style:italic;font-weight:300;color:var(--ink-mid);margin-top:10px;letter-spacing:.04em}.hero-count{font-family:Playfair Display,serif;font-size:5rem;font-weight:900;color:transparent;-webkit-text-stroke:1px var(--base-border);line-height:1;letter-spacing:-.04em;white-space:nowrap;transition:-webkit-text-stroke-color .3s}.filter-bar{display:flex;align-items:center;gap:12px;padding:28px 0;border-bottom:1px solid var(--base-border);flex-wrap:wrap}.filter-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);opacity:.6;margin-right:4px}.filter-btn{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mid);border:1px solid var(--base-border);padding:6px 16px;background:none;cursor:pointer;transition:border-color .3s,color .3s,background .3s}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{border-color:var(--primary);color:var(--ink);background:var(--primary-glow)}.filter-btn.active.maroon{border-color:var(--accent);background:var(--accent-glow)}.category-section{padding:52px 0;border-bottom:1px solid var(--base-border)}.category-section:last-of-type{border-bottom:none}.category-header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.category-icon{width:44px;height:44px;border:1px solid var(--base-border);display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:.7rem;color:var(--accent);position:relative;flex-shrink:0}.category-icon:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--accent-glow)}.category-icon.maroon{color:var(--primary);border-color:var(--primary-pale)}.category-icon.maroon:before{background:var(--primary-glow)}.category-icon span{position:relative;z-index:1}.category-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:900;color:var(--ink);letter-spacing:-.01em}.category-subtitle{font-family:DM Mono,monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-top:3px}.category-icon.maroon+div .category-subtitle{color:var(--primary)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.proj-card{background:linear-gradient(180deg,#ffffff04,#fff0),var(--surface);border:1px solid var(--base-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s,border-color .35s,box-shadow .35s}.proj-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 0 0 1px #5f7fae40,0 25px 70px #00000059}.proj-card.maroon-card:hover{border-color:var(--primary-pale);box-shadow:0 20px 60px var(--primary-glow)}.proj-preview{width:100%;height:180px;background:var(--base-dim);border-bottom:1px solid var(--base-border);display:block;position:relative;overflow:hidden;flex-shrink:0}.proj-preview img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) contrast(1.05);transition:filter .4s,transform .4s}.proj-card:hover .proj-preview img{filter:grayscale(0%) contrast(1);transform:scale(1.03)}.preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--base-dim),var(--base))}.preview-placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:72px}.preview-placeholder-grid div{height:12px;background:var(--base-border);transition:background .3s}.preview-placeholder-grid div:nth-child(1){background:var(--accent-glow)}.preview-placeholder-grid div:nth-child(5){background:var(--primary-glow)}.proj-card.maroon-card .preview-placeholder-grid div:nth-child(1){background:var(--primary-glow)}.proj-card.maroon-card .preview-placeholder-grid div:nth-child(5){background:var(--accent-glow)}.preview-placeholder-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-dim)}.proj-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:12px}.proj-number{font-family:Playfair Display,serif;font-size:.75rem;color:transparent;-webkit-text-stroke:1px var(--base-border);font-weight:900;letter-spacing:.1em;transition:-webkit-text-stroke-color .3s}.proj-card:hover .proj-number{-webkit-text-stroke-color:var(--accent)}.proj-card.maroon-card:hover .proj-number{-webkit-text-stroke-color:var(--primary)}.proj-name{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700;color:var(--ink);line-height:1.2}.proj-desc{font-family:Cormorant Garamond,serif;font-size:.95rem;line-height:1.8;color:var(--ink-mid);font-weight:300;flex:1}.proj-tags{display:flex;flex-wrap:wrap;gap:6px}.proj-tag{font-family:DM Mono,monospace;font-size:9px;padding:3px 10px;letter-spacing:.12em;border:1px solid var(--base-border);color:var(--ink-mid);transition:border-color .3s,color .3s}.proj-tag:hover{border-color:var(--accent);color:var(--accent)}.proj-tag.maroon{border-color:var(--primary-pale)}.proj-tag.maroon:hover{border-color:var(--primary);color:var(--primary)}.proj-footer{background:linear-gradient(90deg,#5f7fae0f,#c48a580f);border-top:1px solid var(--base-border)}.proj-link{display:inline-flex;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:5px 14px;transition:color .3s,border-color .3s,background .3s;position:relative;overflow:hidden}.proj-link svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;flex-shrink:0}.proj-link:hover svg{transform:translate(2px,-2px)}.proj-link.github{color:var(--ink-mid);border:1px solid var(--base-border)}.proj-link.github:hover{border-color:var(--accent);color:var(--accent)}.proj-link.demo{color:var(--accent);border:1px solid var(--accent-pale)}.proj-link.demo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:translate(-101%);transition:transform .3s}.proj-link.demo:hover{color:var(--surface)}.proj-link.demo:hover:before{transform:translate(0)}.proj-link.demo span,.proj-link.demo svg{position:relative;z-index:1}.proj-link.demo.maroon-demo{color:var(--primary);border-color:var(--primary-pale)}.proj-link.demo.maroon-demo:before{background:var(--primary)}.proj-link.demo.maroon-demo:hover{color:var(--surface)}.wip-badge{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);border:1px solid var(--primary-pale);padding:3px 9px;margin-left:auto}.page-footer{border-top:1px solid var(--base-border);padding:20px 0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,var(--primary-glow),var(--accent-glow))}.footer-left{font-family:DM Mono,monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.15em;opacity:.7}.footer-links{display:flex;gap:24px}.footer-link{font-family:DM Mono,monospace;font-size:10px;color:var(--ink-dim);text-decoration:none;letter-spacing:.12em;opacity:.6;transition:opacity .3s,color .3s}.footer-link:hover{opacity:1;color:var(--primary)}.fade-in{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.theme-toggle{width:36px;height:36px;border:1px solid rgba(255,255,255,.3);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:border-color .3s,background .3s;flex-shrink:0;margin-left:8px}.theme-toggle:hover{border-color:#fff9;background:#ffffff1a}.theme-icon{position:absolute;font-size:14px;line-height:1;color:var(--nav-logo);transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .3s}html:not(.theme-b) .dark-icon{transform:translateY(0);opacity:1}html:not(.theme-b) .light-icon{transform:translateY(20px);opacity:0}html.theme-b .dark-icon{transform:translateY(-20px);opacity:0}html.theme-b .light-icon{transform:translateY(0);opacity:1}@media (max-width: 720px){.site-header{padding:0 20px}.header-nav,.header-back{display:none!important}.hamburger,.theme-toggle{display:flex!important}.project-grid,.page-hero{grid-template-columns:1fr}.hero-count{font-family:Playfair Display,serif;font-size:5rem;font-weight:900;line-height:1;background:linear-gradient(135deg,#e8c6a4,#c48a58,#7c9bc4);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9}.page-footer{flex-direction:column;gap:14px;text-align:center}}