:root{--paper:#F4F1EA;--paper-2:#EDE9E0;--ink:#23201C;--ink-soft:#57524A;--ink-faint:#7A7569;--line:#D8C9A8;--line-strong:#BFA77F;--wood:#A4673B;--wood-dark:#6B4A2B;--signal:#B4501F;--signal-ink:#FFFFFF;--slate:#2E3A46;--font-body:"Space Grotesk",system-ui,sans-serif;--font-data:"JetBrains Mono",ui-monospace,monospace;--s-2xs:0.375rem;--s-xs:0.75rem;--s-sm:1.25rem;--s-md:2.5rem;--s-lg:4.5rem;--s-xl:7rem;--r:0px;--shadow-soft:0 1px 0 rgba(35,32,28,0.06);--shadow-lift:0 6px 0 rgba(35,32,28,0.08);--t-fast:0.15s ease;--t-med:0.25s ease;--color-background:var(--paper);--color-text:var(--ink);--color-text-light:var(--ink-soft);--primary-color:var(--signal);--color-wood-dark:var(--wood-dark);--color-wood-medium:var(--wood);--color-wood-light:var(--paper-2);--color-wood-accent:var(--signal);--dark-bg:var(--ink);--text-secondary:var(--ink-soft);--font-heading:var(--font-body);--font-technical:var(--font-data);--border-radius:var(--r);--shadow-light:var(--shadow-soft);--shadow-medium:var(--shadow-lift);--spacing-xs:var(--s-2xs);--spacing-sm:var(--s-xs);--spacing-md:var(--s-sm);--spacing-lg:var(--s-md);--spacing-xl:var(--s-lg);--transition-fast:var(--t-fast);--transition-medium:var(--t-med)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin:0}.info-value,.measure,.project-card__category,.step-number{font-family:var(--font-data);color:var(--slate)}sub sup{font-family:var(--font-data)}::selection{background:var(--line-strong)}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--s-md)}.layout{display:flex;flex-direction:column;min-height:100vh}.section{padding-block:var(--s-lg)}.lead{font-size:1.15rem;color:var(--ink-soft);line-height:1.55}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--line);display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:1.05rem var(--s-md);background-image:linear-gradient(rgba(244,241,234,.9),rgba(244,241,234,.9)),url(/images/trait.jpg);background-blend-mode:overlay;background-size:cover;background-position:50%}.header--scrolled{box-shadow:var(--shadow-lift);background:color-mix(in srgb,var(--paper) 96%,var(--paper-2))}.header__background{display:none}.header__logo{display:flex;align-items:center;order:1}.logo-image{height:54px;width:auto;object-fit:contain}.logo-link{display:inline-flex;align-items:center}.header__nav-container{display:flex;align-items:center;order:2;gap:var(--s-sm)}.header__nav,.nav__list{display:flex}.nav__list{list-style:none;gap:var(--s-sm)}.nav-link{position:relative;padding:.5rem .15rem;font-weight:500;font-size:1.06rem;letter-spacing:.02em;color:var(--ink)}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:transparent;transition:background var(--t-fast)}.nav-link:hover:after,.nav-link[aria-current=true]:after{background:var(--signal)}.nav-link:hover{color:var(--ink)}.language-toggle{background:none;border:1px solid var(--line-strong);color:var(--ink);padding:.4rem .75rem;border-radius:var(--r);cursor:pointer;font-weight:500;font-size:.85rem;font-family:var(--font-data)}.language-toggle:hover{border-color:var(--signal);color:var(--signal)}.mobile-menu-toggle{display:none;background:none;border:none;width:44px;height:44px;position:relative;cursor:pointer;z-index:20;order:0}.mobile-menu-toggle span{display:block;position:absolute;height:2px;width:26px;background:var(--ink);border-radius:0;left:9px;opacity:1;transform:rotate(0deg);transition:transform var(--t-fast),opacity var(--t-fast)}.mobile-menu-toggle span:first-child{top:13px}.mobile-menu-toggle span:nth-child(2){top:21px}.mobile-menu-toggle span:nth-child(3){top:29px}.mobile-menu-open .mobile-menu-toggle span:first-child{top:21px;transform:rotate(135deg)}.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.mobile-menu-open .mobile-menu-toggle span:nth-child(3){top:21px;transform:rotate(-135deg)}@media (max-width:820px){.header{position:-webkit-sticky;position:sticky;padding:.65rem var(--s-sm)}.logo-image{height:44px}.mobile-menu-toggle{display:block}.header__nav-container{display:none}.header.mobile-menu-open .header__nav-container{display:flex;position:fixed;inset:0;z-index:15;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:96px var(--s-sm) var(--s-md);background:var(--paper);background-image:linear-gradient(rgba(244,241,234,.9),rgba(244,241,234,.9)),url(/images/trait.jpg);background-blend-mode:overlay;background-size:cover;background-position:50%;overflow-y:auto}.nav__list{flex-direction:column;gap:0}.nav__list li{border-bottom:1px solid var(--line)}.nav__list li:last-child{border-bottom:none}.nav-link{display:block;padding:1.1rem .25rem;font-size:1.25rem}.nav-link:after{display:none}.language-toggle{position:absolute;top:96px;right:var(--s-sm);margin:0}.header.mobile-menu-open .header__nav-container .language-toggle{position:static;align-self:flex-end;margin-top:var(--s-sm);padding:.75rem 1.25rem}}.hero{position:relative;min-height:88vh;display:flex;align-items:center;color:var(--paper);background-color:var(--ink)}.hero__image-container{position:absolute;inset:0;z-index:0}.hero__image{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:brightness(.7) sepia(.08) saturate(.9)}.hero__overlay{position:absolute;inset:0;background:rgba(24,22,19,.75);z-index:1}.hero__content{position:relative;max-width:640px;margin-left:4%;padding:var(--s-lg) var(--s-sm);z-index:2}.hero__eyebrow{font-family:var(--font-data);font-size:.85rem;color:var(--line-strong);letter-spacing:.02em}.hero__title{font-size:clamp(2.2rem,4.5vw,3.6rem);color:var(--paper);font-weight:600;letter-spacing:-.02em;line-height:1.06}.hero__subtitle{font-size:1.3rem;color:var(--paper-2);line-height:1.5;margin-top:var(--s-sm)}.hero__cta{margin-top:var(--s-md);display:flex;gap:var(--s-xs)}.button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--line-strong);background:transparent;color:var(--ink);font-weight:600;font-size:1rem;cursor:pointer;border-radius:var(--r);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.button--primary{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.button--primary:hover{background:color-mix(in srgb,var(--signal) 88%,var(--ink))}.button--secondary{border-color:var(--line-strong);color:var(--ink)}.button--secondary:hover{border-color:var(--signal);color:var(--signal)}.button--large{padding:.9rem 1.8rem;font-size:1.1rem}.button--small{padding:.4rem .9rem;font-size:.85rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--s-md);gap:var(--s-md)}.project-card{background:var(--paper-2);border:1px solid var(--line);overflow:hidden;border-radius:var(--r);display:flex;flex-direction:column;box-shadow:var(--shadow-soft);transition:box-shadow var(--t-med),transform var(--t-med)}.project-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.project-card__image,.project-card__image-container{position:relative;aspect-ratio:4/3;overflow:hidden}.project-card__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--t-med)}.project-card:hover .project-card__image img{transform:scale(1.03)}.project-card__content{padding:var(--s-sm) var(--s-xs);display:flex;flex-direction:column;gap:.5rem}.project-card__title{font-size:1.35rem;font-weight:600}.project-card__category{font-family:var(--font-data);font-size:.8rem;color:var(--ink-faint)}.project-card__description{color:var(--ink-soft);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card__link{font-weight:500;color:var(--signal);display:inline-flex;align-items:center;gap:.35rem}.project-card__link:hover{text-decoration:underline}.project-image-container{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r)}.project-image{width:100%;height:100%;object-fit:cover}.about-hero,.contact-hero,.portfolio-hero{padding:var(--s-lg) 0;background:var(--paper);border-bottom:1px solid var(--line)}.about-hero .container h1,.contact-hero .container h1,.portfolio-hero .container h1{font-size:2.4rem;letter-spacing:-.02em}.about-hero .container .lead,.contact-hero .container .lead,.portfolio-hero .container .lead{max-width:60ch;margin-top:var(--s-xs)}.project-hero{padding:var(--s-md) 0;background:var(--paper);border-bottom:1px solid var(--line)}.project-hero h1{font-size:2.2rem;letter-spacing:-.02em}.back-link{color:var(--ink-soft)}.back-link:hover{color:var(--signal)}.about-page{background:var(--paper)}.about-grid{max-width:780px;margin:0 auto}.about-text h2{font-size:1.7rem;margin-top:var(--s-md)}.about-text p{color:var(--ink);line-height:1.7;margin-bottom:var(--s-sm);max-width:72ch}.rounded-image{border-radius:var(--r)}.about-content{position:relative;padding:var(--s-lg) 0;background:var(--paper);background-image:url(/images/trait.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.about-content:before{content:"";position:absolute;inset:0;background:rgba(244,241,234,.78);z-index:0}.about-content>*{position:relative;z-index:1}.contact-content,.contact-form-container{padding:var(--s-lg) 0;background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:var(--s-lg);gap:var(--s-lg);align-items:start}.contact-info{display:flex;flex-direction:column;gap:var(--s-sm)}.contact-item{border-bottom:1px solid var(--line);padding-bottom:var(--s-sm)}.contact-item h3{font-size:1.05rem}.contact-item p{color:var(--ink-soft)}.contact-form{gap:var(--s-sm)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.35rem}.form-group label{font-size:.9rem;color:var(--ink-soft)}.form-group input,.form-group textarea{font:inherit;padding:.7rem .9rem;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);border-radius:var(--r)}.form-group input:focus-visible,.form-group textarea:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.form-error{border:1px solid var(--signal);background:color-mix(in srgb,var(--paper) 94%,var(--signal));padding:var(--s-xs);color:var(--signal)}.form-success{padding:var(--s-md);border:1px solid var(--line-strong);background:var(--paper-2)}.form-success h3{font-size:1.5rem}.map-placeholder{aspect-ratio:16/9;background:color-mix(in srgb,var(--paper-2) 85%,var(--ink));border:1px dashed var(--line-strong);display:grid;place-items:center;color:var(--ink-soft);font-family:var(--font-data);font-size:.9rem}.project-details{padding:var(--s-lg) 0;background:var(--paper)}.project-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--s-md);gap:var(--s-md);align-items:start}.project-description h2{font-size:1.5rem;margin-bottom:var(--s-xs)}.project-description-content p{color:var(--ink);line-height:1.65}.project-info{display:flex;flex-direction:column;gap:var(--s-md)}.info-card{border:1px solid var(--line);background:var(--paper-2);padding:var(--s-sm)}.info-card h3{font-size:1.1rem}.info-card,.info-card ul{list-style:none}.info-card ul li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--line)}.info-label{color:var(--ink-soft)}.info-value{font-family:var(--font-data);color:var(--slate)}.cta-card{border:1px solid var(--line-strong);background:var(--paper-2);padding:var(--s-sm)}.cta-card h3{font-size:1.15rem}.cta-card p{color:var(--ink-soft);margin-top:var(--s-2xs)}.related-projects{padding:var(--s-lg) 0;background:var(--paper-2);text-align:center}.related-projects h2{font-size:1.8rem}.footer{background:var(--ink);color:var(--paper-2);border-top:1px solid var(--line-strong);padding:var(--s-lg) var(--s-md);margin-top:auto}.footer-content{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-gap:var(--s-md);gap:var(--s-md);max-width:1180px;margin:0 auto}.footer-section h3{color:var(--paper);font-size:1.05rem}.footer-section a,.footer-section p{color:var(--paper-2)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.4rem}.footer-link:hover{color:var(--line-strong)}.footer-bottom{border-top:1px solid var(--line-strong);color:var(--ink-faint);text-align:center;padding-top:var(--s-sm);font-size:.85rem;width:100%;max-width:1180px;margin:0 auto}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--s-md);gap:var(--s-md)}.process-step{border-top:1px solid var(--signal);padding:var(--s-sm) 0}.process-step h3{font-size:1.1rem}.step-number{font-family:var(--font-data);color:var(--signal);font-size:.85rem}.filter-options{display:flex;gap:var(--s-xs);flex-wrap:wrap}.filter-button{background:transparent;border:1px solid var(--line-strong);color:var(--ink);padding:.5rem 1rem;border-radius:var(--r);cursor:pointer;font-weight:500}.filter-button.active{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.no-projects{color:var(--ink-soft);padding:var(--s-md)}.featured-projects{padding:var(--s-lg) 0;background:var(--paper)}.featured-projects h2{font-size:1.9rem;letter-spacing:-.02em}gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--s-xs);gap:var(--s-xs)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}.project-card,a{transition:none}}@media (max-width:900px){.about-grid,.contact-grid,.footer-content,.project-grid{grid-template-columns:1fr}.footer-content{gap:var(--s-sm)}.portfolio-grid,.projects-grid{grid-template-columns:1fr}.hero__content{margin-left:4%;padding:var(--s-md)}.hero{min-height:70vh}}