/* Clean Apple.com Inspired Design */:root{/* Apple.com Color Palette */ --text-primary:#1d1d1f;--text-secondary:#515154;--text-tertiary:#86868b;--background:#ffffff;--background-secondary:#f5f5f7;--border:rgba(0,0,0,0.08);--accent:#0066cc;--accent-hover:#0077ed;/* Subtle depth */ --shadow-light:0 2px 10px rgba(0,0,0,0.04);--shadow-medium:0 4px 20px rgba(0,0,0,0.08)}/* Reset and Base Styles */*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;line-height:1.47;color:var(--text-primary);background:var(--background);letter-spacing:-0.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}/* Typography */h1, h2, h3, h4, h5, h6{font-weight:600;letter-spacing:-0.01em;line-height:1.08;color:var(--text-primary)}h1{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;line-height:1.05;margin-bottom:16px}h2{font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:600;margin-bottom:16px}h3{font-size:clamp(1.25rem, 3vw, 1.75rem);font-weight:600;margin-bottom:12px}p{font-size:1.0625rem;line-height:1.47;color:var(--text-secondary);margin-bottom:16px}a{color:var(--accent);text-decoration:none;transition:color 0.2s ease}a:hover{color:var(--accent-hover)}/* Header and Navigation */.navbar{background:rgba(255, 255, 255, 0.8);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);position:fixed;top:0;width:100%;z-index:1000;transition:all 0.3s ease}.nav-container{max-width:1024px;margin:0 auto;padding:0 22px;display:flex;justify-content:space-between;align-items:center;height:44px}.logo h2{font-size:1.375rem;font-weight:700;color:var(--text-primary);letter-spacing:-0.01em}.nav-menu{display:flex;list-style:none;align-items:center;gap:32px}.nav-menu li{position:relative}.nav-menu a{color:var(--text-primary);font-weight:400;font-size:0.875rem;padding:8px 0;transition:all 0.2s ease;opacity:0.8}.nav-menu a:hover,.nav-menu a.active{opacity:1;color:var(--accent)}/* Dropdown Styles */.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:rgba(255, 255, 255, 0.95);backdrop-filter:saturate(180%) blur(20px);border-radius:12px;box-shadow:var(--shadow-medium);min-width:200px;padding:8px 0;margin-top:8px;z-index:1001}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{display:block;padding:12px 20px;color:var(--text-primary);font-size:0.875rem;transition:all 0.2s ease}.dropdown-content a:hover{background:var(--background-secondary);color:var(--accent)}/* Buttons */.btn-primary, .hero-cta, .cta-button-large{background:var(--accent);color:white;padding:12px 24px;border-radius:22px;font-weight:500;font-size:0.875rem;display:inline-block;transition:all 0.2s ease;border:none;cursor:pointer;text-align:center}.btn-primary:hover,.hero-cta:hover,.cta-button-large:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-medium);color:white}.cta-button-large{padding:16px 32px;font-size:1rem;border-radius:25px}/* Hero Section */.hero{background:linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url('../images/gallery/Flower Mural Commercial store.jpg');background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;padding:120px 22px 80px;text-align:center;min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative}.hero-content{max-width:800px;position:relative;z-index:2;background:rgba(255, 255, 255, 0.92);padding:48px 40px;border-radius:16px;backdrop-filter:saturate(180%) blur(20px);box-shadow:0 8px 32px rgba(0, 0, 0, 0.15);border:1px solid rgba(255, 255, 255, 0.3)}.hero h1{margin-bottom:20px;color:var(--text-primary);text-shadow:none}.hero p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}/* Page Hero */.page-hero{background:var(--background-secondary);padding:120px 22px 60px;text-align:center}.page-hero .hero-content{max-width:900px;margin:0 auto}/* Container and Layout */.container{max-width:1024px;margin:0 auto;padding:0 22px}.content-section{padding:80px 0}/* Intro Content */.intro-content{max-width:800px;margin:0 auto;text-align:center;margin-bottom:64px}/* Services Grid - Fixed 2x2 Layout */.services-overview{padding:80px 0;background:var(--background-secondary)}.services-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:32px;margin-top:48px;max-width:1000px;margin-left:auto;margin-right:auto}.service-card{background:var(--background);border-radius:16px;padding:32px;text-align:center;transition:all 0.3s ease;border:1px solid var(--border);min-height:320px;display:flex;flex-direction:column;justify-content:space-between}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.service-icon{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:var(--background-secondary);border-radius:12px}.service-card h1,.service-card h2{margin-bottom:16px;color:var(--text-primary)}.service-card p{margin-bottom:24px;line-height:1.6;flex-grow:1}.service-link{color:var(--accent);font-weight:500;font-size:0.875rem;transition:all 0.2s ease}.service-link:hover{color:var(--accent-hover)}/* Features Grid - Fixed 2x2 Layout */.why-choose-us{padding:80px 0}.features-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:32px;margin-top:48px;max-width:1000px;margin-left:auto;margin-right:auto}.feature{text-align:center;padding:32px;border-radius:16px;background:var(--background-secondary);transition:all 0.3s ease;min-height:260px;display:flex;flex-direction:column;justify-content:center}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-light)}.feature h3{margin-bottom:16px;color:var(--text-primary)}/* Portfolio Section */.portfolio-section{padding:80px 0;background:var(--background-secondary)}.portfolio-section h2{text-align:center;margin-bottom:16px}.portfolio-section > .container > p{text-align:center;max-width:600px;margin:0 auto 48px;font-size:1.125rem}.portfolio-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:24px;margin-bottom:48px;max-width:900px;margin-left:auto;margin-right:auto}.portfolio-item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--background);transition:all 0.3s ease;cursor:pointer;border:1px solid var(--border)}.portfolio-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);padding:24px;color:white;transform:translateY(100%);transition:transform 0.3s ease}.portfolio-item:hover .portfolio-overlay{transform:translateY(0)}.portfolio-overlay h3{color:white;margin-bottom:8px;font-size:1.125rem}.portfolio-overlay p{color:rgba(255, 255, 255, 0.9);font-size:0.875rem;margin:0}.portfolio-cta{text-align:center}/* CTA Section */.cta-section{padding:80px 0;background:var(--background);text-align:center}/* Location and Service Grids */.location-grid, .services-breakdown, .expertise-highlights{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:32px;margin:32px 0}.location-column, .service-category, .highlight{background:var(--background);padding:32px;border-radius:16px;border:1px solid var(--border);transition:all 0.3s ease}.location-column:hover, .service-category:hover, .highlight:hover{transform:translateY(-2px);box-shadow:var(--shadow-light)}.location-column h3, .service-category h3, .highlight h3{color:var(--text-primary);margin-bottom:16px;font-size:1.25rem}.location-column ul, .service-category ul{list-style:none}.location-column li, .service-category li{margin-bottom:8px}.location-column a, .service-category a{color:var(--text-secondary);transition:all 0.2s ease;position:relative;padding-left:16px}.location-column a::before, .service-category a::before{content:'→';position:absolute;left:0;color:var(--accent);transition:all 0.2s ease}.location-column a:hover, .service-category a:hover{color:var(--accent);transform:translateX(4px)}/* Footer */footer{background:var(--background-secondary);color:var(--text-primary);padding:60px 0 20px}.footer-content{max-width:1024px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:40px}.footer-section h3{color:var(--text-primary);margin-bottom:20px;font-size:1.125rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:8px}.footer-section a{color:var(--text-secondary);transition:all 0.2s ease}.footer-section a:hover{color:var(--accent)}.footer-map iframe{width:100%;height:150px;border-radius:8px;margin:16px 0;border:1px solid var(--border)}.footer-bottom{max-width:1024px;margin:0 auto;padding:20px 22px 0;border-top:1px solid var(--border);text-align:center;color:var(--text-tertiary);margin-top:40px}/* Contact Form Styles */.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin:48px 0}.contact-form{background:var(--background);border-radius:16px;padding:40px;border:1px solid var(--border);box-shadow:var(--shadow-light)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:1rem;transition:all 0.2s ease;background:var(--background)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0, 102, 204, 0.1)}.captcha-group{display:flex;align-items:center;gap:16px;margin-top:16px}.captcha-question{font-weight:500;color:var(--text-primary)}.captcha-input{width:80px !important;text-align:center}.submit-btn{background:var(--accent);color:white;padding:12px 24px;border:none;border-radius:22px;font-weight:500;font-size:1rem;cursor:pointer;transition:all 0.2s ease;width:100%}.submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}/* Thank You Message */.thank-you-message{background:var(--background-secondary);padding:32px;border-radius:16px;text-align:center;margin:32px 0;display:none}.thank-you-message.show{display:block;animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.thank-you-message h3{color:var(--text-primary);margin-bottom:16px}/* Contact Info */.contact-details{display:grid;gap:32px}.contact-item h3{color:var(--text-primary);margin-bottom:12px}.contact-item p{margin-bottom:8px}.contact-item a{color:var(--accent);font-weight:500}.contact-item ul{list-style:none;margin-top:8px}.contact-item li{margin-bottom:4px}/* Gallery Styles */.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:24px;margin:48px 0}.gallery-item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--background);border:1px solid var(--border);transition:all 0.3s ease}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);padding:20px;color:white;transform:translateY(100%);transition:transform 0.3s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h3{color:white;margin-bottom:8px;font-size:1.125rem}.gallery-overlay p{color:rgba(255, 255, 255, 0.9);font-size:0.875rem;margin:0}/* Responsive Design */@media (max-width:768px){.nav-container{padding:0 16px}.nav-menu{gap:16px;font-size:0.8rem}.hero{padding:100px 16px 60px;min-height:60vh;background-attachment:scroll}.hero-content{padding:32px 24px;margin:0 8px}.content-section{padding:60px 0}/* Services Grid - Stack on Mobile */ .services-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:24px;max-width:100%}/* Features Grid - Stack on Mobile */ .features-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:24px;max-width:100%}/* Portfolio Grid - Stack on Mobile */ .portfolio-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:20px;max-width:100%}.gallery-grid{grid-template-columns:1fr;gap:24px}.service-card, .feature{padding:24px;min-height:240px}.container{padding:0 16px}.contact-grid{grid-template-columns:1fr;gap:32px}.location-grid, .services-breakdown, .expertise-highlights{grid-template-columns:1fr;gap:24px}}@media (max-width:480px){.nav-menu{display:none}.hero{padding:80px 12px 50px;min-height:50vh;background-attachment:scroll}.hero-content{padding:24px 16px;margin:0 4px}.hero h1{font-size:2rem;line-height:1.1}.hero p{font-size:1rem}.service-card, .feature{padding:20px;min-height:200px}.btn-primary, .hero-cta, .cta-button-large{padding:12px 18px;font-size:0.9rem}.container{padding:0 12px}.contact-form{padding:24px}}/* Service Page Specific Styles */.service-overview{padding:80px 0}.service-categories{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:32px;margin:48px 0}.category-card{background:var(--background);padding:32px;border-radius:16px;border:1px solid var(--border);transition:all 0.3s ease;text-align:center}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.category-card h3{margin-bottom:16px;color:var(--text-primary)}.category-card p{margin-bottom:20px;line-height:1.6}.category-link{color:var(--accent);font-weight:500;text-decoration:none;transition:color 0.2s ease}.category-link:hover{color:var(--accent-hover)}/* Loading placeholder for images */.image-placeholder{background:var(--background-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:0.875rem;width:100%;height:100%;border-radius:8px}