*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Crimson Pro,"Source Serif Pro",Georgia,serif;font-weight:400;line-height:1.6;color:var(--color-concrete-800);background-color:var(--color-concrete-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");opacity:.4}:root{--color-concrete-50: #fafaf9;--color-concrete-100: #f5f5f4;--color-concrete-200: #e7e5e4;--color-concrete-300: #d6d3d1;--color-concrete-400: #a8a29e;--color-concrete-500: #78716c;--color-concrete-600: #57534e;--color-concrete-700: #44403c;--color-concrete-800: #292524;--color-concrete-900: #1c1917;--color-accent-primary: #2c5f4a;--color-accent-hover: #1f4435;--color-accent-light: #e8f3ee;--color-success: #2c5f4a;--color-warning: #b45309;--color-error: #991b1b;--color-info: #1e3a5f;--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Crimson Pro", "Source Serif Pro", Georgia, serif;--font-utility: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 6rem;--space-16: 8rem;--space-20: 12rem;--space-24: 16rem;--container-narrow: 45rem;--container-medium: 60rem;--container-wide: 75rem;--container-full: 90rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .12);--border-thin: 1px solid var(--color-concrete-200);--border-medium: 2px solid var(--color-concrete-300);--border-thick: 4px solid var(--color-concrete-800);--border-accent: 2px solid var(--color-accent-primary);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-instant: .1s;--duration-fast: .2s;--duration-medium: .4s;--duration-slow: .6s;--duration-slower: .8s;--duration-slowest: 1.2s;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.heading-hero{font-family:var(--font-display);font-size:clamp(3.5rem,8vw,7rem);font-weight:500;line-height:1.1;color:var(--color-concrete-800);letter-spacing:-.02em}.heading-section{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:500;line-height:1.15;color:var(--color-concrete-800);letter-spacing:-.01em}.heading-subsection{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:500;line-height:1.2;color:var(--color-concrete-800)}.heading-card{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500;line-height:1.3;color:var(--color-concrete-800)}.text-body-large{font-family:var(--font-body);font-size:1.25rem;font-weight:400;line-height:1.7;color:var(--color-concrete-600)}.text-body{font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.7;color:var(--color-concrete-600)}.text-body-small{font-family:var(--font-body);font-size:.875rem;font-weight:400;line-height:1.6;color:var(--color-concrete-500)}.text-utility{font-family:var(--font-utility);font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--color-concrete-500)}.container{width:100%;max-width:var(--container-wide);margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:var(--container-narrow)}.container-medium{max-width:var(--container-medium)}.container-full{max-width:var(--container-full)}.navigation{position:fixed;top:0;left:0;right:0;height:80px;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:transparent;transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.navigation--scrolled{background:#fafaf9f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.navigation__logo{height:40px;width:auto}.navigation__logo-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.navigation__logo-text{text-transform:uppercase;font-family:var(--font-display);font-size:1.4rem;font-weight:bolder;letter-spacing:.2rem;color:var(--color-concrete-800);white-space:nowrap;color:#78716c}.navigation__logo-text{display:inline}.navigation__menu{display:flex;gap:var(--space-8);list-style:none}.navigation__link{font-family:var(--font-utility);font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--color-concrete-800);text-decoration:none;position:relative;padding-bottom:var(--space-1);transition:color var(--duration-fast) var(--ease-standard)}.navigation__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent-primary);transition:width var(--duration-medium) var(--ease-standard)}.navigation__link:hover{color:var(--color-accent-primary)}.navigation__link:hover:after{width:100%}.navigation__toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.navigation__toggle-bar{width:24px;height:2px;background:var(--color-concrete-800);transition:all var(--duration-fast) var(--ease-standard)}.navigation__mobile{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-concrete-50);z-index:999;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--space-8);opacity:0;visibility:hidden;transition:opacity var(--duration-medium) var(--ease-standard),visibility var(--duration-medium) var(--ease-standard)}.navigation__mobile--open{opacity:1;visibility:visible}.navigation__mobile-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-6)}.navigation__mobile-link{font-family:var(--font-display);font-size:clamp(2rem,8vw,4rem);font-weight:500;color:var(--color-concrete-800);text-decoration:none;line-height:1.2;opacity:0;transform:translateY(20px);transition:color var(--duration-fast) var(--ease-standard),opacity var(--duration-medium) var(--ease-standard) .1s,transform var(--duration-medium) var(--ease-standard) .1s}.navigation__mobile--open .navigation__mobile-link{opacity:1;transform:translateY(0)}.navigation__mobile-link:hover{color:var(--color-accent-primary)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-utility);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;padding:var(--space-4) var(--space-8);border:none;border-radius:0;cursor:pointer;transition:all var(--duration-medium) var(--ease-standard)}.btn--primary{background:var(--color-accent-primary);color:#fff}.btn--primary:hover{background:var(--color-accent-hover)}.btn--secondary{background:transparent;color:var(--color-concrete-800);border:1px solid var(--color-concrete-800)}.btn--secondary:hover{background:var(--color-concrete-800);color:#fff}.btn--text{background:transparent;color:var(--color-accent-primary);padding:0 0 2px;border-bottom:1px solid var(--color-accent-primary)}.btn--text:hover{border-bottom-width:2px}.section{padding:var(--space-12) 0}.section--hero{padding:var(--space-24) 0 var(--space-16);min-height:100vh;display:flex;flex-direction:column;justify-content:center}.section--dark{background:var(--color-concrete-900);color:var(--color-concrete-100)}.section--accent{background:var(--color-accent-light)}.hero{position:relative;overflow:hidden}.hero__image-wrapper{position:relative;width:100%;height:70vh;min-height:500px;max-height:800px;overflow:hidden;margin-bottom:var(--space-12)}.hero__image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transform:scale(1.05);animation:heroZoom var(--duration-slowest) var(--ease-decelerate) forwards}@keyframes heroZoom{to{transform:scale(1)}}.hero__content{max-width:var(--container-wide);margin:0 auto;padding:0 var(--space-6)}.hero__headline{max-width:20ch;margin-bottom:var(--space-8);opacity:0;transform:translateY(40px);animation:fadeUp var(--duration-slower) var(--ease-decelerate) .4s forwards}.hero__description{max-width:var(--container-narrow);margin-left:auto;opacity:0;transform:translateY(30px);animation:fadeUp var(--duration-slower) var(--ease-decelerate) .6s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.section__header{margin-bottom:var(--space-10)}.section__label{font-family:var(--font-utility);font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--color-concrete-500);margin-bottom:var(--space-4);display:block}.project-card{position:relative;cursor:pointer;overflow:hidden}.project-card__image-wrapper{position:relative;overflow:hidden;margin-bottom:var(--space-4)}.project-card__image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-standard)}.project-card:hover .project-card__image{filter:grayscale(0%);transform:scale(1.02)}.project-card__meta{font-family:var(--font-utility);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-concrete-500);margin-bottom:var(--space-2)}.project-card__title{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500;color:var(--color-concrete-800);margin-bottom:var(--space-2);transition:transform var(--duration-medium) var(--ease-standard)}.project-card:hover .project-card__title{transform:translateY(-4px)}.project-card__description{font-family:var(--font-body);font-size:1rem;color:var(--color-concrete-600);line-height:1.6}.projects-grid{display:grid;grid-template-columns:2fr 1fr 2fr;grid-template-rows:250px 250px 450px;gap:var(--space-6)}.project-item{position:relative;overflow:hidden;height:100%}.project-item:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2}.project-item:nth-child(2){grid-column:3;grid-row:1}.project-item:nth-child(3){grid-column:3;grid-row:2}.project-item:nth-child(4){grid-column:1;grid-row:3}.project-item:nth-child(5){grid-column:2 / span 2;grid-row:3}.project-item__image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-standard)}.project-item:hover .project-item__image{filter:grayscale(0%);transform:scale(1.02)}.project-item__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6);background:linear-gradient(to bottom,#0000,#0000004d 60%,#0009);opacity:0;transition:opacity var(--duration-medium) var(--ease-standard)}.project-item:hover .project-item__overlay{opacity:1}.project-item__title{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:#fff;margin-bottom:var(--space-1)}.project-item__meta{font-family:var(--font-utility);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#fffc}.services-list{border-top:var(--border-thin)}.service-item{border-bottom:var(--border-thin);padding:var(--space-8) 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-6);align-items:start;transition:background var(--duration-fast) var(--ease-standard)}.service-item:hover{background:var(--color-concrete-100)}.service-item__number{font-family:var(--font-utility);font-size:.75rem;color:var(--color-concrete-400)}.service-item__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;color:var(--color-concrete-800)}.service-item__description{font-family:var(--font-body);font-size:1rem;color:var(--color-concrete-600);line-height:1.6}.about{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-12);align-items:start}.about__images{display:flex;flex-direction:column;gap:var(--space-6)}.about__image{width:100%;height:auto;object-fit:cover;filter:grayscale(100%);transition:filter var(--duration-slow) var(--ease-standard)}.about__image:hover{filter:grayscale(0%)}.about__content{max-width:var(--container-narrow)}.about__text{font-family:var(--font-body);font-size:1.125rem;line-height:1.8;color:var(--color-concrete-600);margin-bottom:var(--space-6)}.cta{text-align:center;padding:var(--space-16) 0}.cta__headline{max-width:20ch;margin:0 auto var(--space-8)}.cta__description{max-width:var(--container-narrow);margin:0 auto var(--space-8)}.footer{background:var(--color-concrete-900);color:var(--color-concrete-100);padding:var(--space-16) 0 var(--space-8)}.footer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-12)}.footer__label{font-family:var(--font-utility);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-concrete-500);margin-bottom:var(--space-4)}.footer__text{font-family:var(--font-body);font-size:1rem;color:var(--color-concrete-300);line-height:1.6}.footer__link{color:var(--color-concrete-300);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.footer__link:hover{color:#fff}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid var(--color-concrete-800)}.footer__logo{display:flex;align-items:center;gap:var(--space-4)}.footer__logo-img{height:80px;width:auto}.footer__logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:#fff}.footer__copyright{font-family:var(--font-utility);font-size:.75rem;color:var(--color-concrete-500)}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity var(--duration-slow) var(--ease-decelerate),transform var(--duration-slow) var(--ease-decelerate)}.scroll-reveal--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media (max-width: 1024px){.projects-grid{grid-template-columns:2fr 1fr;grid-template-rows:180px 240px 200px 280px;gap:var(--space-4)}.project-item:nth-child(1){grid-column:1;grid-row:1 / span 2}.project-item:nth-child(2){grid-column:2;grid-row:1}.project-item:nth-child(3){grid-column:2;grid-row:2}.project-item:nth-child(4){grid-column:1;grid-row:3}.project-item:nth-child(5){grid-column:2;grid-row:3 / span 2}.navigation__logo-text{display:inline}.about{grid-template-columns:1fr;gap:var(--space-8)}.about__images{flex-direction:row}.about__image{width:50%}.service-item{grid-template-columns:1fr;gap:var(--space-3)}.footer__bottom{flex-direction:column;align-items:flex-start;gap:var(--space-6)}}@media (max-width: 768px){.navigation__menu{display:none}.navigation__toggle,.navigation__mobile{display:flex}.navigation__logo-text{display:none}.projects-grid{grid-template-columns:1fr;gap:var(--space-4)}.project-item--large,.project-item--medium,.project-item--tall,.project-item--wide{grid-column:1;grid-row:auto;height:400px}.section{padding:var(--space-8) 0}.section--hero{padding:calc(var(--space-24) - 40px) 0 var(--space-12)}.hero__image-wrapper{height:50vh;min-height:400px}.footer__grid{grid-template-columns:1fr;gap:var(--space-6)}.about__images{flex-direction:column}.about__image{width:100%}}@media (max-width: 480px){.container{padding:0 var(--space-4)}.hero__image-wrapper{height:40vh;min-height:300px}.btn{padding:var(--space-3) var(--space-6);font-size:.75rem}}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:4px}::selection{background:var(--color-accent-primary);color:#fff}