@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&display=swap";:root{--color-primary-dark: #1a4d2e;--color-primary-mid: #2d6a4f;--color-primary-light: #40916c;--color-accent-gold: #d4af37;--color-bg-light: #f1f8f4;--color-bg-white: #ffffff;--color-text-dark: #1b2419;--color-text-light: #f1f8f4;--color-text-gray: #5a6c57;--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif;--font-accent: "Cormorant Garamond", serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--transition-smooth: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text-dark);line-height:1.6;background-color:var(--color-bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:var(--spacing-sm);font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.8}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}section{padding:var(--spacing-xl) 0}.btn{display:inline-block;padding:.875rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:500;text-decoration:none;border-radius:50px;transition:var(--transition-smooth);cursor:pointer;border:none;text-align:center}.btn-primary{background-color:var(--color-accent-gold);color:var(--color-text-dark)}.btn-primary:hover{background-color:#c49b2e;transform:translateY(-2px);box-shadow:0 8px 20px #d4af374d}.btn-outline{background-color:transparent;color:var(--color-text-light);border:2px solid var(--color-text-light)}.btn-outline:hover{background-color:var(--color-text-light);color:var(--color-primary-dark)}.text-center{text-align:center}.text-light{color:var(--color-text-light)}.text-gold{color:var(--color-accent-gold)}.bg-dark-green{background-color:var(--color-primary-dark)}.bg-mid-green{background-color:var(--color-primary-mid)}.bg-light{background-color:var(--color-bg-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}@media(max-width:768px){:root{--spacing-lg: 3rem;--spacing-xl: 4rem}section{padding:var(--spacing-lg) 0}}.landing-page{overflow-x:hidden}.navbar{background-color:var(--color-bg-white);padding:1.5rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000000d}.nav-content{display:flex;justify-content:space-between;align-items:center}.brand-logo .logo-text{font-family:var(--font-accent);font-size:1.8rem;color:var(--color-primary-mid);font-weight:400;letter-spacing:1px}.nav-menu{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}.nav-menu a{font-family:var(--font-body);font-size:1rem;color:var(--color-text-dark);text-decoration:none;font-weight:400;transition:var(--transition-smooth);position:relative}.nav-menu a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--color-primary-mid);transition:var(--transition-smooth)}.nav-menu a:hover{color:var(--color-primary-mid)}.nav-menu a:hover:after{width:100%}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;background-color:var(--color-bg-light);padding:var(--spacing-xl) 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.hero-left{display:flex;flex-direction:column;align-items:center;justify-content:center}.botanical-frame{width:100%;max-width:450px;margin-bottom:var(--spacing-lg)}.botanical-frame svg,.botanical-frame img{width:100%;height:auto;display:block}.brand-signature{text-align:center}.signature-brand{font-family:var(--font-accent);font-size:clamp(2.5rem,5vw,4rem);color:var(--color-primary-mid);font-weight:300;margin-bottom:var(--spacing-xs);letter-spacing:2px}.signature-tagline{font-family:var(--font-body);font-size:clamp(.9rem,1.5vw,1.1rem);color:var(--color-text-gray);font-weight:300;letter-spacing:3px;text-transform:lowercase}.hero-right{position:relative;padding:var(--spacing-lg)}.hero-about{max-width:600px}.about-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.8rem);color:var(--color-primary-mid);margin-bottom:var(--spacing-md)}.about-description p{font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.8;color:var(--color-text-gray);margin-bottom:var(--spacing-md)}.about-highlight{font-family:var(--font-accent);font-size:clamp(1.2rem,2vw,1.4rem);font-style:italic;color:var(--color-primary-dark)!important;margin-top:var(--spacing-md)}.hero-buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap}.btn-outline-primary{background-color:transparent;color:var(--color-primary-mid);border:2px solid var(--color-primary-mid)}.btn-outline-primary:hover{background-color:var(--color-primary-mid);color:var(--color-text-light)}.decorative-botanical{position:absolute;right:-50px;bottom:50px;width:150px;opacity:.3;pointer-events:none}.decorative-botanical svg{width:100%;height:auto}.btn-outline-dark{background-color:transparent;color:var(--color-primary-dark);border:2px solid var(--color-primary-dark)}.btn-outline-dark:hover{background-color:var(--color-primary-dark);color:var(--color-text-light)}.what-we-do{background-color:var(--color-primary-dark);padding:var(--spacing-xl) 0;color:var(--color-text-light);position:relative}.what-we-do .section-title{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3.5rem);text-align:center;margin-bottom:var(--spacing-md);color:var(--color-text-light)}.what-we-do .intro-text{max-width:700px;margin:0 auto var(--spacing-xl);text-align:center;font-size:clamp(1rem,1.8vw,1.1rem);line-height:1.8;color:var(--color-text-light);opacity:.95}.services-vine-layout{position:relative;max-width:900px;margin:0 auto;padding:var(--spacing-lg) 0}.vine-connector{position:absolute;left:50%;transform:translate(-50%);top:0;height:100%;width:40px;z-index:1;pointer-events:none}.vine-connector svg{width:100%;height:100%}.service-vine-item{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);position:relative;z-index:2}.service-vine-item.left-service{justify-content:flex-start;padding-right:55%}.service-vine-item.right-service{justify-content:flex-end;padding-left:55%;flex-direction:row-reverse}.service-icon-frame{flex-shrink:0;width:120px;height:150px}.service-icon-frame svg{width:100%;height:100%}.service-vine-item .service-content{flex:1}.service-vine-item h3{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-sm);color:var(--color-text-light)}.service-vine-item p{font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.7;color:var(--color-text-light);opacity:.9}.service-vine-item.right-service .service-content{text-align:right}.our-works{padding:var(--spacing-xl) 0}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0;max-width:1200px;margin-left:auto;margin-right:auto}.work-item{background:var(--color-bg-white);border-radius:12px;overflow:hidden;transition:var(--transition-smooth);box-shadow:0 4px 12px #00000014}.work-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px #1a4d2e26}.work-image{width:100%;aspect-ratio:1;object-fit:cover;display:block}.video-work{position:relative}.video-work:after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:var(--color-accent-gold);opacity:.9;text-shadow:0 2px 8px rgba(0,0,0,.3);pointer-events:none}.work-placeholder{aspect-ratio:1;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-mid) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.work-placeholder.video{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-mid) 100%);position:relative}.work-placeholder.video:after{content:"▶";position:absolute;font-size:3rem;color:var(--color-accent-gold);opacity:.8}.work-label{padding:var(--spacing-sm);text-align:center;font-weight:500;color:var(--color-text-dark)}.view-portfolio-btn{text-align:center;margin-top:var(--spacing-lg)}.consultation{padding:var(--spacing-xl) 0;position:relative}.consultation-content{text-align:center;max-width:700px;margin:0 auto;position:relative}.consultation-illustration{margin-bottom:var(--spacing-md)}.consultation-illustration svg{width:200px;height:150px;margin:0 auto}.consultation h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:var(--spacing-md)}.consultation-text{font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.9;margin-bottom:var(--spacing-lg)}.footer{padding:var(--spacing-lg) 0;border-top:1px solid rgba(241,248,244,.1)}.footer-content{text-align:center}.footer-content p{margin-bottom:var(--spacing-xs);font-size:.95rem;opacity:.8}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);font-family:var(--font-heading);margin-bottom:var(--spacing-lg);position:relative}.section-title:after{content:"";display:block;width:80px;height:3px;background:var(--color-accent-gold);margin:var(--spacing-md) auto 0}@media(max-width:968px){.hero-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.hero-left{order:1}.hero-right{order:2;padding:var(--spacing-md) 0}.botanical-frame{max-width:350px}.decorative-botanical{display:none}.nav-menu{gap:1.5rem}}@media(max-width:768px){.hero{min-height:auto;padding:var(--spacing-lg) 0}.botanical-frame{max-width:300px;margin-bottom:var(--spacing-md)}.works-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.service-item{padding:var(--spacing-md) var(--spacing-sm);margin-bottom:var(--spacing-lg)}.hero-buttons{flex-direction:column;align-items:stretch}.btn{width:100%;max-width:100%}.nav-menu{gap:1rem;font-size:.9rem}}@media(max-width:480px){.works-grid{grid-template-columns:1fr}.botanical-frame{max-width:250px}.nav-content{flex-direction:column;gap:var(--spacing-sm)}.nav-menu{width:100%;justify-content:center}}