:root{--color-black: #000000;--color-white: #FFFFFF;--color-off-white: #FAFAFA;--color-orange: #D85A2C;--color-orange-light: #E67350;--color-gray-darkest: #0A0A0A;--color-gray-dark: #1A1A1A;--color-gray-medium: #4A4A4A;--color-gray: #808080;--color-gray-light: #D4D4D4;--color-gray-lighter: #E8E8E8;--font-primary: "Helvetica Neue", "Helvetica", "Arial", sans-serif;--font-weight-thin: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 2.75rem;--font-size-5xl: 3.5rem;--letter-spacing-tight: -.01em;--letter-spacing-normal: .01em;--letter-spacing-wide: .08em;--letter-spacing-wider: .12em;--letter-spacing-widest: .18em;--letter-spacing-ultra: .25em;--line-height-tight: 1.1;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--line-height-loose: 2;--space-xs: .5rem;--space-sm: .875rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 9rem;--space-4xl: 12rem;--space-5xl: 16rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .6s;--duration-slower: .9s;--duration-slowest: 1.2s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-editorial: cubic-bezier(.16, 1, .3, 1);--z-base: 1;--z-dropdown: 10;--z-sticky: 100;--z-fixed: 200;--z-modal: 300;--z-popover: 400;--z-tooltip: 500;--grid-size: 24px;--grid-opacity: .05;--grid-color: rgba(0, 0, 0, 1)}.hero{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.5s var(--ease-smooth)}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 6s linear}.hero-slide.active img{transform:scale(1.05)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000026;z-index:2}.hero-content{position:relative;z-index:3;text-align:center;color:var(--color-white);padding:0 var(--space-lg)}.hero-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-white);text-transform:uppercase;letter-spacing:var(--letter-spacing-ultra);margin:0;text-shadow:0 4px 16px rgba(0,0,0,.9)}.hero-subtitle{font-size:var(--font-size-sm);font-weight:700;color:var(--color-white);letter-spacing:var(--letter-spacing-widest);margin-top:var(--space-lg);text-shadow:0 2px 8px rgba(0,0,0,.9);opacity:1}.projects-section{padding:var(--space-2xl) 0}.projects-header{text-align:center;margin-bottom:var(--space-xl)}.projects-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-ultra);margin-bottom:var(--space-md)}.projects-subtitle{font-size:var(--font-size-xs);color:var(--color-gray);text-transform:uppercase;letter-spacing:var(--letter-spacing-ultra);font-weight:var(--font-weight-light)}.contact-section{background:#36454f;color:var(--color-white);padding:var(--space-xl) 0}.contact-container{max-width:800px;margin:0 auto;padding:0 var(--space-lg)}.contact-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);text-align:center;letter-spacing:var(--letter-spacing-ultra);margin-bottom:var(--space-xl);color:var(--color-white)}.contact-form{display:flex;flex-direction:column;gap:var(--space-md)}.contact-form .form-input,.contact-form .form-textarea{background:#ffffff0d;border-bottom-color:#fff3;color:var(--color-white)}.contact-form .form-input::placeholder,.contact-form .form-textarea::placeholder{color:#fff6}.contact-form .form-input:focus,.contact-form .form-textarea:focus{border-bottom-color:var(--color-orange)}.contact-form .form-label{color:#fff9}.contact-submit{align-self:center;margin-top:var(--space-sm)}@media(max-width:768px){.hero{min-height:500px}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.projects-section{padding:var(--space-2xl) 0;background:var(--color-white)}.projects-title{font-size:var(--font-size-2xl)}.contact-section{padding:var(--space-3xl) 0}.contact-title{font-size:var(--font-size-2xl)}}@media(max-width:480px){.hero{min-height:400px}.hero-title{font-size:var(--font-size-2xl)}.projects-title,.contact-title{font-size:var(--font-size-xl)}}
