@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg: #0a0a0a;--color-bg-secondary: #111111;--color-bg-card: #141414;--color-border: #1f1f1f;--color-border-hover: #2a2a2a;--color-text-primary: #ffffff;--color-text-secondary: #b0b0b0;--color-text-muted: #666666;--color-accent: #4ecdc4;--color-accent-secondary: #45b7aa;--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--max-width: 900px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.3}p{margin:0}a{color:inherit;text-decoration:none}pre,code{font-family:var(--font-mono)}img{max-width:100%;height:auto}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}::selection{background-color:var(--color-accent);color:#000}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:3rem 2rem}@media(max-width:768px){.main-content{padding:2rem 1rem}}.home-page{padding:1rem 0}.home-header{margin-bottom:3rem}.back-to-main{display:inline-block;color:var(--color-text-muted);font-size:.875rem;margin-bottom:1.5rem;transition:color .2s ease}.back-to-main:hover{color:var(--color-accent)}.home-header h1{font-family:var(--font-serif);color:var(--color-text-primary);font-size:3rem;font-weight:400;margin:0 0 .75rem;letter-spacing:-.02em}.home-subtitle{color:var(--color-text-secondary);font-size:1rem;margin:0;line-height:1.6}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;transition:border-color .2s ease,background-color .2s ease}.project-card:hover{border-color:var(--color-border-hover);background-color:#181818}.project-link{display:block;padding:1.5rem;text-decoration:none}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.project-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0;letter-spacing:-.01em}.project-category{color:var(--color-accent);font-size:.875rem;display:block;margin-top:.25rem}.project-tech{color:var(--color-text-muted);font-size:.8rem;margin:.75rem 0}.project-description{color:var(--color-text-secondary);font-size:.95rem;margin:0 0 1rem;line-height:1.6}.view-details{color:var(--color-accent);font-size:.875rem;font-weight:500}.project-page{padding:1rem 0}.project-not-found{text-align:center;padding:4rem 1rem}.project-not-found h1{font-family:var(--font-serif);color:var(--color-text-primary);font-size:2rem;font-weight:400;margin:0 0 1rem}.project-not-found p{color:var(--color-text-secondary);margin:0 0 2rem}.project-not-found .back-link{color:var(--color-accent);font-size:.875rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem}.breadcrumb-link{color:var(--color-text-muted);transition:color .2s ease}.breadcrumb-link:hover{color:var(--color-accent)}.breadcrumb-separator{color:var(--color-text-muted)}.breadcrumb-current{color:var(--color-text-secondary)}.project-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.project-title{font-family:var(--font-serif);color:var(--color-text-primary);font-size:2.5rem;font-weight:400;margin:0 0 .25rem;letter-spacing:-.02em}.project-category{color:var(--color-accent);font-size:1rem;display:block;margin-bottom:.5rem}.project-tech{color:var(--color-text-muted);font-size:.875rem;margin:0 0 1rem}.project-description{color:var(--color-text-secondary);font-size:1.05rem;margin:0;line-height:1.7}.section-nav{display:flex;gap:1.5rem;margin-bottom:3rem;padding:1rem 0;border-bottom:1px solid var(--color-border)}.section-nav-link{color:var(--color-text-muted);font-size:.875rem;font-weight:500;transition:color .2s ease}.section-nav-link:hover{color:var(--color-accent)}.project-section{margin-bottom:4rem}.project-section:last-child{margin-bottom:0}.project-section h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem;letter-spacing:-.01em}.section-description{color:var(--color-text-muted);font-size:.95rem;margin:0 0 1.25rem}.viewer-loading{padding:2rem;text-align:center;color:var(--color-text-muted);font-size:.95rem}