:root{--color-bg: #000000;--color-text: #FFFFFF;--color-text-secondary: #999999;--color-accent: #EEEEEE;--color-border: #333333;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-hero: clamp(64px, 8vw, 120px);--text-xl: clamp(48px, 6vw, 80px);--text-lg: clamp(32px, 4vw, 56px);--text-md: clamp(24px, 2.5vw, 36px);--text-base: clamp(18px, 1.5vw, 24px);--text-sm: clamp(14px, 1.2vw, 16px);--text-xs: 12px;--space-xs: 8px;--space-sm: 16px;--space-md: 32px;--space-lg: 64px;--space-xl: 96px;--space-2xl: 128px;--space-3xl: 192px;--container-max: 1440px;--container-padding: clamp(24px, 5vw, 80px);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .3s;--duration-normal: .6s;--duration-slow: 1.2s;--z-nav: 1000;--z-modal: 2000}.projects{background-color:var(--color-bg)}.projects-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.projects-title{font-size:var(--text-xl);font-weight:700;text-transform:lowercase;text-align:center;margin-bottom:var(--space-2xl)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-lg);margin-bottom:var(--space-3xl)}.project-card{display:flex;text-decoration:none;color:inherit;cursor:none}.project-card-inner{padding:64px;border:2px solid var(--color-border);border-radius:24px;height:100%;display:flex;flex-direction:column;gap:var(--space-md);transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s ease,color .4s ease;background-color:#000;justify-content:space-between;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;background-clip:padding-box}.project-card:hover .project-card-inner{border-color:#000;background-color:#d1d1d1;color:#000}.project-card:hover .project-name{color:#000}.project-card:hover .project-description{color:#333}.project-card:hover .project-tagline{color:#555}.project-card:hover .project-footer{border-color:#0000001a}.project-header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:.5rem}.project-name{font-size:32px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1;overflow-wrap:break-word;word-break:break-word;color:#fff;transition:color .4s ease}.project-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.project-category,.project-status{font-size:var(--text-xs);font-weight:600;padding:4px 12px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;transition:all .4s ease}.project-category{background-color:var(--color-text);color:var(--color-bg)}.project-card:hover .project-category{background-color:#000;color:#fff}.project-status{border:1px solid var(--color-text)}.project-card:hover .project-status{border-color:#000;color:#000}.status-live{background-color:#0f8;color:#000;border-color:#0f8}.status-wip{background-color:#fc0;color:#000;border-color:#fc0}.project-content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.project-description{font-size:var(--text-base);line-height:1.6;color:var(--color-text);transition:color .4s ease}.project-tagline{font-size:var(--text-sm);font-style:italic;color:var(--color-text-secondary);transition:color .4s ease}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-sm);border-top:1px solid var(--color-border);transition:border-color .4s ease}.project-tech{display:flex;gap:var(--space-xs);flex-wrap:wrap}.tech-badge{font-size:var(--text-xs);padding:2px 8px;background-color:#1a1a1a;border-radius:4px;color:var(--color-text-secondary);transition:all .4s ease}.project-card:hover .tech-badge{background-color:#0000001a;color:#333}.project-link-text{font-size:var(--text-sm);font-weight:700;letter-spacing:.05em;padding:8px 16px;border-radius:6px;transition:all .4s ease}.project-card:hover .project-link-text{background-color:#000;color:#fff;box-shadow:0 4px 12px #0000001a}.project-card:hover .card-top,.project-card:hover .card-middle{border-color:#000}.card-top,.card-middle{transition:border-color .4s ease}.divider-section{text-align:center;padding:var(--space-2xl) 0}.divider-text{font-size:var(--text-xl);font-weight:900;text-transform:lowercase;line-height:1.2}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:var(--space-md)}.project-card-inner{padding:var(--space-md)}.project-name{font-size:var(--text-md)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}