:root{--color-bg-primary: #F5F7F4;--color-bg-secondary: #E8EDE6;--color-bg-tertiary: #FFFFFF;--color-accent-green: #7DB9A3;--color-accent-green-light: #A8D4C4;--color-accent-green-dark: #5A9A82;--color-accent-blue: #89B4C8;--color-accent-blue-light: #B0CED9;--color-accent-blue-dark: #6899B0;--color-text-primary: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-muted: #6B6B6B;--color-text-inverse: #FFFFFF;--color-border: #1A1A1A;--color-border-light: #2A2A2A;--color-shadow: #1A1A1A;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--border-width: 3px;--border-width-thick: 4px;--shadow-offset: 6px;--shadow-offset-lg: 8px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--container-max: 1400px;--container-padding: var(--space-6);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{background:none;border:none;cursor:pointer}::selection{background-color:var(--color-accent-green);color:var(--color-text-primary)}:focus-visible{outline:var(--border-width) solid var(--color-accent-blue);outline-offset:2px}.section__container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section__header{text-align:center;margin-bottom:var(--space-16)}.section__header--left{text-align:left}.section__number{display:inline-block;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.1em;margin-bottom:var(--space-2)}.section__title{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}.section__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;border:var(--border-width) solid var(--color-border);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}.btn--primary{background-color:var(--color-accent-green);color:var(--color-text-primary);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-shadow)}.btn--primary:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 var(--color-shadow)}.btn--primary:active{transform:translate(2px,2px);box-shadow:calc(var(--shadow-offset) - 2px) calc(var(--shadow-offset) - 2px) 0 var(--color-shadow)}.btn--secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-shadow)}.btn--secondary:hover{background-color:var(--color-accent-blue-light);transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 var(--color-shadow)}.btn--large{padding:var(--space-5) var(--space-10);font-size:var(--font-size-lg)}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background-color:var(--color-bg-primary);border-bottom:var(--border-width) solid var(--color-border);padding:var(--space-4) 0;opacity:0;transform:translateY(-20px)}.nav.is-visible{opacity:1;transform:translateY(0)}.nav__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between}.nav__logo{display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);transition:transform var(--transition-fast)}.nav__logo:hover{transform:scale(1.02)}.logo-text{color:var(--color-text-primary)}.logo-accent{color:var(--color-accent-green-dark);font-weight:var(--font-weight-medium)}.nav__toggle{display:none;width:40px;height:40px;border:var(--border-width) solid var(--color-border);background-color:var(--color-bg-tertiary);position:relative}.hamburger,.hamburger:before,.hamburger:after{display:block;width:20px;height:3px;background-color:var(--color-text-primary);position:absolute;left:50%;transform:translate(-50%);transition:var(--transition-base)}.hamburger{top:50%;transform:translate(-50%,-50%)}.hamburger:before{content:"";top:-7px}.hamburger:after{content:"";top:7px}.nav__toggle[aria-expanded=true] .hamburger{background-color:transparent}.nav__toggle[aria-expanded=true] .hamburger:before{top:0;transform:translate(-50%) rotate(45deg)}.nav__toggle[aria-expanded=true] .hamburger:after{top:0;transform:translate(-50%) rotate(-45deg)}.nav__menu{display:flex;align-items:center;gap:var(--space-8)}.nav__link{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.02em;position:relative;padding:var(--space-2) 0;transition:color var(--transition-fast)}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent-green);transition:width var(--transition-base)}.nav__link:hover:after{width:100%}.nav__link--cta{padding:var(--space-2) var(--space-4);background-color:var(--color-accent-blue);border:var(--border-width) solid var(--color-border);box-shadow:3px 3px 0 var(--color-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.nav__link--cta:after{display:none}.nav__link--cta:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-shadow)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-32) 0 var(--space-16);position:relative;overflow:hidden}.hero__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero__content{position:relative;z-index:2}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-accent-green-light);border:var(--border-width) solid var(--color-border);margin-bottom:var(--space-8);opacity:0;transform:translateY(20px)}.hero__badge.is-visible{opacity:1;transform:translateY(0)}.badge-icon{font-size:var(--font-size-sm)}.badge-text{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.hero__title{font-family:var(--font-display);font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-8)}.title-line{display:block;overflow:hidden}.title-line span{display:inline-block;opacity:0;transform:translateY(100%)}.title-line.is-visible span{opacity:1;transform:translateY(0)}.title-accent{color:var(--color-accent-green-dark);position:relative}.title-accent:after{content:"";position:absolute;bottom:.1em;left:0;width:100%;height:.15em;background-color:var(--color-accent-blue-light);z-index:-1;transform:scaleX(0);transform-origin:left}.title-accent.is-visible:after{transform:scaleX(1)}.hero__title em{font-style:normal;color:var(--color-accent-blue-dark)}.hero__subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:540px;margin-bottom:var(--space-10);opacity:0;transform:translateY(20px)}.hero__subtitle.is-visible{opacity:1;transform:translateY(0)}.hero__cta{display:flex;gap:var(--space-4);flex-wrap:wrap;opacity:0;transform:translateY(20px)}.hero__cta.is-visible{opacity:1;transform:translateY(0)}.hero__visual{position:relative}.visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-width:450px;margin-left:auto}.grid-cell{aspect-ratio:1;border:var(--border-width) solid var(--color-border);position:relative;opacity:0;transform:scale(.8) rotate(-5deg);will-change:transform;cursor:pointer;--parallax-x: 0px;--parallax-y: 0px}.grid-cell.is-visible{opacity:1}.grid-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;transition:transform var(--transition-slow)}.grid-cell:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px dashed rgba(255,255,255,.3);opacity:0;transition:opacity var(--transition-base)}.grid-cell:hover:after{opacity:1}.grid-cell--1{background-color:var(--color-accent-green);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-shadow)}.grid-cell--2{background-color:var(--color-accent-blue);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-shadow)}.grid-cell--3{background-color:var(--color-accent-blue-light);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-shadow)}.grid-cell--4{background-color:var(--color-accent-green-light);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-shadow)}.hero__scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);opacity:0}.hero__scroll-indicator.is-visible{opacity:1}.scroll-text{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.scroll-line{width:2px;height:40px;background-color:var(--color-border);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background-color:var(--color-accent-green);animation:scrollPulse 1.5s ease-in-out infinite}@keyframes scrollPulse{0%{transform:translateY(-100%)}50%{transform:translateY(200%)}to{transform:translateY(-100%)}}.projects{padding:var(--space-24) 0;background-color:var(--color-bg-secondary)}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.project-card{background-color:var(--color-bg-tertiary);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base);opacity:0;transform:translateY(40px)}.project-card.is-visible{opacity:1;transform:translateY(0)}.project-card:hover{transform:translate(-4px,-4px);box-shadow:calc(var(--shadow-offset) + 4px) calc(var(--shadow-offset) + 4px) 0 var(--color-shadow)}.project-card__image{border-bottom:var(--border-width) solid var(--color-border);overflow:hidden}.image-placeholder{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;font-size:4rem;transition:transform var(--transition-slow)}.project-card:hover .image-placeholder{transform:scale(1.05)}.image-placeholder--green{background:linear-gradient(135deg,var(--color-accent-green-light) 0%,var(--color-accent-green) 100%)}.image-placeholder--blue{background:linear-gradient(135deg,var(--color-accent-blue-light) 0%,var(--color-accent-blue) 100%)}.image-placeholder--mixed{background:linear-gradient(135deg,var(--color-accent-green-light) 0%,var(--color-accent-blue) 100%)}.placeholder-icon{filter:grayscale(.3);transition:transform var(--transition-bounce)}.project-card:hover .placeholder-icon{transform:scale(1.2) rotate(5deg)}.project-card__content{padding:var(--space-6)}.project-card__category{display:inline-block;font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent-green-dark);margin-bottom:var(--space-2)}.project-card__title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.project-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-bg-secondary);border:2px solid var(--color-border)}.services{padding:var(--space-24) 0;background-color:var(--color-bg-primary)}.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.service-card{padding:var(--space-10);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base);opacity:0;transform:translateY(40px) scale(.95)}.service-card.is-visible{opacity:1;transform:translateY(0) scale(1)}.service-card:hover{transform:translate(-4px,-4px);box-shadow:calc(var(--shadow-offset) + 4px) calc(var(--shadow-offset) + 4px) 0 var(--color-shadow)}.service-card--green{background-color:var(--color-accent-green-light)}.service-card--blue{background-color:var(--color-accent-blue-light)}.service-card--mixed{background:linear-gradient(135deg,var(--color-accent-green-light) 0%,var(--color-accent-blue-light) 100%)}.service-card__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-tertiary);border:var(--border-width) solid var(--color-border);margin-bottom:var(--space-6);transition:transform var(--transition-bounce)}.service-card:hover .service-card__icon{transform:rotate(-5deg) scale(1.05)}.service-card__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.service-card__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.service-card__features{display:flex;flex-direction:column;gap:var(--space-2)}.service-card__features li{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding-left:var(--space-5);position:relative}.service-card__features li:before{content:"→";position:absolute;left:0;color:var(--color-text-primary)}.about{padding:var(--space-24) 0;background-color:var(--color-bg-secondary)}.about__content{max-width:900px;margin:0 auto}.about__text{margin-bottom:var(--space-12)}.about__lead{font-size:var(--font-size-2xl);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.about__text p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.about__text p:last-child{margin-bottom:0}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.stat-item{text-align:center;padding:var(--space-8);background-color:var(--color-bg-tertiary);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-shadow);opacity:0;transform:translateY(20px)}.stat-item.is-visible{opacity:1;transform:translateY(0)}.stat-number{display:block;font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-accent-green-dark);margin-bottom:var(--space-2)}.stat-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.contact{padding:var(--space-24) 0;background-color:var(--color-bg-primary)}.contact__content{max-width:700px;margin:0 auto;text-align:center}.contact__info{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-bottom:var(--space-10);text-align:left}.contact__item{padding:var(--space-6);background-color:var(--color-bg-secondary);border:var(--border-width) solid var(--color-border)}.contact__label{display:block;font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.contact__link{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-accent-green-dark);transition:color var(--transition-fast)}.contact__link:hover{color:var(--color-accent-blue-dark)}.contact__text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.contact__cta{margin:0 auto}.footer{padding:var(--space-12) 0;background-color:var(--color-text-primary);color:var(--color-text-inverse)}.footer__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:grid;grid-template-columns:1fr auto;gap:var(--space-8);align-items:start}.footer__brand .nav__logo{margin-bottom:var(--space-2)}.footer__brand .logo-text{color:var(--color-text-inverse)}.footer__brand .logo-accent{color:var(--color-accent-green)}.footer__tagline{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer__links{display:flex;gap:var(--space-6)}.footer__links a{font-size:var(--font-size-sm);color:var(--color-text-inverse);opacity:.7;transition:opacity var(--transition-fast)}.footer__links a:hover{opacity:1}.footer__bottom{grid-column:1 / -1;padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1)}.footer__copyright{font-size:var(--font-size-xs);color:var(--color-text-muted)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.fade-in.is-visible{opacity:1;transform:translateY(0)}.scale-in{opacity:0;transform:scale(.9);transition:opacity var(--transition-slow),transform var(--transition-slow)}.scale-in.is-visible{opacity:1;transform:scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}@media(max-width:1199px){:root{--font-size-6xl: 3.5rem;--font-size-5xl: 3rem;--font-size-4xl: 2rem}.projects__grid,.services__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1023px){:root{--container-padding: var(--space-4);--font-size-6xl: 3rem;--font-size-5xl: 2.5rem}.hero__container{grid-template-columns:1fr;gap:var(--space-12)}.hero__visual{order:-1}.visual-grid{max-width:300px;margin:0 auto}.about__stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){:root{--font-size-6xl: 2.25rem;--font-size-5xl: 2rem;--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem;--shadow-offset: 4px;--shadow-offset-lg: 6px}.nav__toggle{display:flex;align-items:center;justify-content:center}.nav__menu{position:fixed;top:73px;left:0;right:0;background-color:var(--color-bg-primary);border-bottom:var(--border-width) solid var(--color-border);flex-direction:column;padding:var(--space-6);gap:var(--space-4);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform var(--transition-base),opacity var(--transition-base),visibility var(--transition-base)}.nav__menu.is-open{transform:translateY(0);opacity:1;visibility:visible}.nav__link{font-size:var(--font-size-lg);padding:var(--space-2) 0}.nav__link--cta{padding:var(--space-3) var(--space-6)}.hero{min-height:auto;padding:var(--space-24) 0 var(--space-12)}.hero__cta{flex-direction:column}.hero__cta .btn{width:100%}.hero__scroll-indicator{display:none}.visual-grid{max-width:220px}.projects__grid,.services__grid{grid-template-columns:1fr}.about__stats{grid-template-columns:1fr;gap:var(--space-4)}.contact__info{grid-template-columns:1fr}.footer__container{grid-template-columns:1fr;text-align:center}.footer__links{justify-content:center;flex-wrap:wrap}.service-card{padding:var(--space-6)}.service-card__icon{width:60px;height:60px}.service-card__icon svg{width:32px;height:32px}}@media(max-width:374px){:root{--font-size-6xl: 1.875rem;--font-size-5xl: 1.75rem;--container-padding: var(--space-3)}}@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 print{.nav,.hero__scroll-indicator,.hero__visual{display:none}body{background:#fff;color:#000}.hero{min-height:auto;padding:2rem 0}}