:root{--color-bg-primary: #121212;--color-bg-secondary: #1e1e1e;--color-bg-tertiary: #2a2a2a;--color-surface: #f0f0f0;--color-accent: #c96a2a;--color-accent-hover: #b85d22;--color-text: #e5e5e5;--color-text-dark: #121212;--color-text-muted: #888888;--color-border: #333333;--color-border-light: #cccccc;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--spacing-2xl: 8rem;--container-max: 1200px;--container-padding: 1.5rem;--border-width: 2px;--border-radius: 0px;--nav-height: 64px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}body{font-family:var(--font-mono);font-weight:400;font-size:1rem;line-height:1.7;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;line-height:1.15;letter-spacing:-.03em;text-transform:uppercase}h1{font-size:clamp(2.5rem,6vw,4.5rem)}h2{font-size:clamp(1.75rem,4vw,3rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md)}small,.text-small{font-size:.8125rem;letter-spacing:0}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-uppercase{text-transform:uppercase;letter-spacing:.05em}blockquote{border-left:var(--border-width) solid var(--color-accent);padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--color-text-muted)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-2xl) 0}.section-dark{background-color:var(--color-bg-primary)}.section-darker{background-color:var(--color-bg-secondary)}.section-light{background-color:var(--color-surface);color:var(--color-text-dark)}.section__label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-md);display:block}.section__title{margin-bottom:var(--spacing-lg)}.section__description{font-size:1.125rem;max-width:640px;margin-bottom:var(--spacing-xl);color:var(--color-text-muted)}.section-light .section__description{color:var(--color-text-muted)}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.grid-3{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.grid-4{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}}.split-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:center}@media (min-width: 768px){.split-layout{grid-template-columns:1fr 1fr}}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background-color:var(--color-bg-primary);border-bottom:var(--border-width) solid var(--color-border);z-index:1000}.nav__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);height:100%;display:flex;align-items:center;justify-content:space-between}.nav__logo{font-size:1.25rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nav__logo a{display:flex;align-items:center;gap:var(--spacing-sm)}.nav__logo-mark{display:inline-block;width:28px;height:28px;border:var(--border-width) solid var(--color-accent);position:relative}.nav__logo-mark::after{content:"";position:absolute;inset:4px;background-color:var(--color-accent)}.nav__links{display:none;gap:var(--spacing-lg);align-items:center}.nav__link{font-size:.8125rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;position:relative;padding-bottom:var(--spacing-xs);transition:color .2s}.nav__link:hover,.nav__link.active{color:var(--color-accent)}.nav__link::after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--border-width);background-color:var(--color-accent);transform:scaleX(0);transition:transform .2s;transform-origin:left}.nav__link:hover::after,.nav__link.active::after{transform:scaleX(1)}.nav__inner{position:relative}.nav__toggle{display:flex;flex-direction:column;gap:5px;padding:var(--spacing-sm);cursor:pointer}.nav__toggle span{display:block;width:24px;height:var(--border-width);background-color:var(--color-text);transition:transform .2s}.nav__links--open{display:flex;flex-direction:column;position:absolute;top:var(--nav-height);left:0;right:0;background:var(--color-bg-primary);border-bottom:var(--border-width) solid var(--color-border);padding:var(--spacing-lg) var(--container-padding);gap:var(--spacing-md)}.nav__toggle--active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav__toggle--active span:nth-child(2){opacity:0}.nav__toggle--active span:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}@media (min-width: 768px){.nav__links{display:flex}.nav__toggle{display:none}}.hero{min-height:80vh;display:flex;align-items:center;padding-top:var(--nav-height);position:relative;overflow:hidden}.hero__content{max-width:900px;padding:var(--spacing-2xl) 0}.hero__label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-lg);display:block}.hero__title{margin-bottom:var(--spacing-lg)}.hero__subtitle{font-size:1.125rem;color:var(--color-text-muted);max-width:600px;line-height:1.7;margin-bottom:var(--spacing-xl)}.hero__actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero .container{width:100%}.hero__pattern{position:absolute;right:var(--container-padding);top:50%;transform:translateY(-50%);width:600px;height:600px;pointer-events:none}.hero__pattern svg,.hero__pattern img{width:100%;height:100%}@media (max-width: 767px){.hero__pattern{display:none}}@media (min-width: 1920px){.hero__pattern{right:auto;left:calc(50% + 336px);transform:translateY(-50%)}}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1.75rem;font-family:var(--font-mono);font-size:.8125rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;border:var(--border-width) solid var(--color-accent);transition:all .2s;cursor:pointer}.btn-primary{background-color:var(--color-accent);color:var(--color-text)}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-outline{background-color:rgba(0,0,0,0);color:var(--color-text);border-color:var(--color-border)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.section-light .btn-outline{color:var(--color-text-dark);border-color:var(--color-border-light)}.section-light .btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.card{border:var(--border-width) solid var(--color-border);padding:var(--spacing-xl);transition:border-color .2s,transform .2s}.card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.card__icon{width:48px;height:48px;border:var(--border-width) solid var(--color-accent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);font-size:1.25rem;color:var(--color-accent)}.card__icon svg{width:24px;height:24px}.card__title{font-size:1rem;margin-bottom:var(--spacing-md)}.card__text{font-size:.875rem;color:var(--color-text-muted);line-height:1.7}.section-light .card{border-color:var(--color-border-light)}.section-light .card:hover{border-color:var(--color-accent)}.project-card{border:var(--border-width) solid var(--color-border);transition:border-color .2s;display:block}.project-card:hover{border-color:var(--color-accent)}.project-card__image{height:240px;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-card__image svg{width:60%;height:60%;opacity:.2}.project-card__body{padding:var(--spacing-lg)}.project-card__title{font-size:1rem;margin-bottom:var(--spacing-sm)}.project-card__meta{font-size:.75rem;color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.project-card__tag{font-size:.6875rem;padding:.25rem .5rem;border:1px solid var(--color-border);letter-spacing:.05em;text-transform:uppercase}.contact-bar{background-color:var(--color-bg-secondary);border-top:var(--border-width) solid var(--color-border);border-bottom:var(--border-width) solid var(--color-border);padding:var(--spacing-xl) 0}.contact-bar__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 768px){.contact-bar__grid{grid-template-columns:1fr 1fr 1fr}}.contact-bar__item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-bar__label{font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted)}.contact-bar__value{font-size:.9375rem;font-weight:500}.contact-bar__value a{transition:color .2s}.contact-bar__value a:hover{color:var(--color-accent)}.footer{padding:var(--spacing-xl) 0;background-color:var(--color-bg-primary)}.footer__inner{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;text-align:center}.footer__logo{font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.footer__copyright{font-size:.75rem;color:var(--color-text-muted)}@media (min-width: 768px){.footer__inner{flex-direction:row;justify-content:space-between;text-align:left}}.page-header{padding:calc(var(--nav-height) + var(--spacing-2xl)) 0 var(--spacing-xl);border-bottom:var(--border-width) solid var(--color-border)}.project-meta{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:var(--border-width) solid var(--color-border)}@media (min-width: 768px){.project-meta{grid-template-columns:1fr 1fr 1fr}}.project-meta__item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.project-meta__label{font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted)}.project-meta__value{font-size:.9375rem;font-weight:500}.project-meta__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.project-meta__tag{font-size:.6875rem;padding:.25rem .5rem;border:1px solid var(--color-border);letter-spacing:.05em;text-transform:uppercase}.project-hero-image{height:400px;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl);border:var(--border-width) solid var(--color-border)}.project-hero-image svg{width:40%;height:40%;opacity:.15}.content{max-width:720px}.content h2{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.content p{margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.content ul,.content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.content ul{list-style:square}.content li{margin-bottom:var(--spacing-sm);color:var(--color-text-muted)}.content a{color:var(--color-accent);border-bottom:1px solid rgba(0,0,0,0);transition:border-color .2s}.content a:hover{border-bottom-color:var(--color-accent)}.section-light .content a{color:var(--color-accent)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}