:root{--font-size--display-xxl: clamp(3rem, 2rem + 3vw, 5rem);--font-size--display-xl: clamp(2.5rem, 1.75rem + 2.5vw, 4rem);--font-size--display-lg: clamp(2rem, 1.5rem + 2vw, 3.5rem);--font-size--display-md: clamp(1.5rem, 1.25rem + 1.5vw, 2.5rem);--font-size--body-lg: clamp(1.125rem, 1rem + .5vw, 1.375rem);--font-size--body: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size--detail: clamp(.875rem, .85rem + .125vw, .95rem);--color--background: #050505;--color--background-elevated: #111;--color--foreground-primary: rgba(255, 255, 255, .87);--color--foreground-secondary: #888;--color--foreground-tertiary: #444;--color--accent: #d97757;--color--accent-muted: #a65e43;--color--border: #222;--color--border-hover: #333;--site-margin: clamp(2rem, 1.5rem + 2vw, 5rem);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--transition-smooth: cubic-bezier(.25, .8, .25, 1);--transition-duration: .3s;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color--foreground-primary);background-color:var(--color--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:var(--site-margin);text-align:center;width:100%}h1{font-size:var(--font-size--display-lg);line-height:1.1;font-weight:500;letter-spacing:-.02em;background:-webkit-linear-gradient(315deg,#fff 0%,#999 60%,var(--color--accent) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75em}.subtitle{font-size:var(--font-size--body-lg);color:var(--color--foreground-secondary);max-width:600px;margin:0 auto var(--spacing-xl) auto;line-height:1.6}.logo{position:absolute;top:var(--site-margin);left:var(--site-margin);font-weight:700;font-size:var(--font-size--body-lg);letter-spacing:-.03em;color:var(--color--foreground-primary);transition:color var(--transition-duration) var(--transition-smooth)}.logo:hover{color:var(--color--accent)}.hero{margin:var(--spacing-xxl) 0 calc(var(--spacing-xxl) * 2) 0;display:flex;flex-direction:column;align-items:center}.section{margin:calc(var(--spacing-xxl) * 2) auto;max-width:800px;text-align:center}.section h2{font-size:var(--font-size--display-md);font-weight:600;letter-spacing:-.02em;color:var(--color--foreground-primary);margin-bottom:var(--spacing-lg)}.section-description{font-size:var(--font-size--body);color:var(--color--foreground-secondary);line-height:1.7;max-width:700px;margin:0 auto}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);text-align:left}.work-item{padding:var(--spacing-lg);background:var(--color--background-elevated);border:1px solid var(--color--border);border-radius:12px;transition:border-color var(--transition-duration) var(--transition-smooth)}.work-item:hover{border-color:var(--color--accent-muted)}.work-item h3{font-size:var(--font-size--body-lg);font-weight:600;color:var(--color--foreground-primary);margin-top:0;margin-bottom:var(--spacing-sm)}.work-item p{font-size:var(--font-size--detail);color:var(--color--foreground-secondary);line-height:1.6;margin:0}.contact{margin-bottom:calc(var(--spacing-xxl) * 1.5)}.contact-email{display:inline-block;margin-top:var(--spacing-md);font-size:var(--font-size--body-lg);font-weight:600;color:var(--color--accent);text-decoration:none;transition:color var(--transition-duration) var(--transition-smooth)}.contact-email:hover{color:var(--color--foreground-primary)}.projects{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-xl);flex-wrap:wrap}.project-card{background:var(--color--background-elevated);border:1px solid var(--color--border);padding:var(--spacing-lg);border-radius:16px;text-align:left;transition:all var(--transition-duration) var(--transition-smooth);width:280px;display:flex;flex-direction:column}.project-card:hover{transform:scale(1.02) translateY(-4px);border-color:var(--color--accent-muted);box-shadow:0 20px 40px #00000080,0 0 0 1px var(--color--accent-muted)}.project-card h3{margin-top:0;font-size:var(--font-size--display-md);font-weight:600;letter-spacing:-.02em;color:var(--color--foreground-primary);margin-bottom:var(--spacing-xs)}.project-card p{color:var(--color--foreground-secondary);font-size:var(--font-size--body);line-height:1.6;flex-grow:1;margin-bottom:var(--spacing-md)}.project-card a{color:var(--color--accent);text-decoration:none;font-weight:600;font-size:var(--font-size--detail);display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:color var(--transition-duration) var(--transition-smooth)}.project-card a:hover{color:var(--color--foreground-primary)}.footer{margin-top:calc(var(--spacing-xxl) * 1.5);color:var(--color--foreground-tertiary);font-size:var(--font-size--detail)}@media(max-width:600px){.logo{position:static;display:block;margin-bottom:var(--spacing-lg)}.section{margin:var(--spacing-xxl) auto}.work-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.projects{gap:var(--spacing-md)}.project-card{width:100%;max-width:400px}}