:root{--color-primary:#111;--color-secondary:#fff;--color-accent:#2d8fca;--color-accent-light:#c9a46c;--color-accent-dark:#9a7340;--color-blue:#2d8fca;--color-blue-light:#4ba3d8;--color-blue-dark:#1e6fa0;--color-bg:#f8f6f3;--color-bg-alt:#f0ece6;--color-bg-dark:#111;--color-text:#111;--color-text-light:#555;--color-text-muted:#4f4e4e;--color-border:#11111114;--color-border-light:#1111110d;--font-heading:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--spacing-4xl:8rem;--spacing-5xl:10rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 20px #0000000f;--shadow-lg:0 8px 40px #00000014;--shadow-xl:0 16px 60px #0000001a;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-base:.4s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1);--transition-elegant:.8s cubic-bezier(.16, 1, .3, 1);--max-width:1400px;--max-width-narrow:1100px;--navbar-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);font-weight:var(--fw-regular);color:var(--color-text);background-color:var(--color-bg);line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul,ol{list-style:none}button{font-family:var(--font-body);cursor:pointer;font-size:inherit;background:0 0;border:none}.hero-brand-img{object-fit:contain;width:auto;height:clamp(4.5rem,10vw,8.5rem);margin:var(--spacing-md) auto var(--spacing-md);filter:drop-shadow(0 2px 8px #0000004d);opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) .15s forwards heroFadeUp;display:block;transform:translateY(30px)}::selection{background-color:var(--color-accent);color:var(--color-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-medium);letter-spacing:-.02em;color:var(--color-primary);line-height:1.15}h1{font-size:clamp(2.8rem,6vw,5.5rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.4rem,2.5vw,2rem)}h4{font-size:clamp(1.1rem,1.5vw,1.4rem)}p{font-family:var(--font-body);font-weight:var(--fw-light);color:var(--color-text-light);line-height:1.8}.container{max-width:var(--max-width);padding:0 var(--spacing-xl);margin:0 auto}.container-narrow{max-width:var(--max-width-narrow);padding:0 var(--spacing-xl);margin:0 auto}.section{padding:var(--spacing-5xl) 0}.section-dark{background-color:var(--color-bg-dark)}.section-alt{background-color:var(--color-bg-alt)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-label{font-family:var(--font-body);font-size:.75rem;font-weight:var(--fw-semibold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-blue);margin-bottom:var(--spacing-md);display:block}.section-title{margin-bottom:var(--spacing-md)}.section-subtitle{max-width:600px;color:var(--color-text-muted);margin:0 auto;font-size:1.05rem}.section-divider{background:var(--color-accent);width:60px;height:1px;margin:var(--spacing-lg) auto}.navbar{z-index:1000;height:var(--navbar-height);padding:0 var(--spacing-xl);transition:all var(--transition-base);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.transparent{background:0 0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--color-border-light);background:#f8f6f3d9;box-shadow:0 1px 20px #00000008}.navbar.scrolled .navbar-logo img{filter:none}.navbar-logo img{width:auto;height:66px;transition:var(--transition-base)}.navbar-links{align-items:center;gap:var(--spacing-xl);display:flex}.navbar-links a{font-family:var(--font-body);font-size:.82rem;font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary);transition:color var(--transition-fast);padding:4px 0;position:relative}.navbar.scrolled .navbar-links a{color:var(--color-primary)}.navbar-links a:after{content:"";background:var(--color-blue);width:0;height:1px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.navbar-links a:hover:after,.navbar-links a.active:after{width:100%}.navbar-links a:hover{color:var(--color-blue)}.navbar-cta{font-family:var(--font-body);font-size:.78rem;font-weight:var(--fw-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary);transition:all var(--transition-base);cursor:pointer;background:0 0;border:1px solid #fff6;padding:12px 28px}.navbar.scrolled .navbar-cta{border-color:var(--color-primary);color:var(--color-primary)}.navbar-cta:hover{background:var(--color-blue);border-color:var(--color-blue);color:var(--color-secondary)}.navbar-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.navbar-toggle span{background:var(--color-secondary);width:24px;height:1.5px;transition:all var(--transition-base);display:block}.navbar.scrolled .navbar-toggle span{background:var(--color-primary)}.navbar-toggle.open span:first-child{transform:rotate(45deg)translate(5px,4px)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-4px)}.hero{justify-content:center;align-items:center;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{z-index:1;background:linear-gradient(#0000008c 0%,#000000b3 50% 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:900px;padding:0 var(--spacing-xl);position:relative}.hero-content h1{color:var(--color-secondary);font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:var(--fw-regular);margin-bottom:var(--spacing-lg);opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) .3s forwards heroFadeUp;transform:translateY(40px)}.hero-tagline{font-family:var(--font-body);font-size:.9rem;font-weight:var(--fw-light);letter-spacing:.25em;text-transform:uppercase;color:#ffffffb3;margin-bottom:var(--spacing-2xl);opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) .6s forwards heroFadeUp;transform:translateY(30px)}.hero-buttons{gap:var(--spacing-md);opacity:0;flex-wrap:wrap;justify-content:center;animation:1.2s cubic-bezier(.16,1,.3,1) .9s forwards heroFadeUp;display:flex;transform:translateY(30px)}.btn-primary{font-family:var(--font-body);font-size:.82rem;font-weight:var(--fw-medium);letter-spacing:.12em;text-transform:uppercase;background:var(--color-blue);color:var(--color-secondary);border:1px solid var(--color-blue);transition:all var(--transition-base);cursor:pointer;align-items:center;gap:8px;padding:16px 40px;display:inline-flex}.btn-primary:hover{background:var(--color-blue-dark);border-color:var(--color-blue-dark);transform:translateY(-2px);box-shadow:0 8px 30px #2d8fca59}.btn-secondary{font-family:var(--font-body);font-size:.82rem;font-weight:var(--fw-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary);transition:all var(--transition-base);cursor:pointer;background:0 0;border:1px solid #fff6;padding:16px 40px}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffffb3;transform:translateY(-2px)}.btn-dark{background:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary)}.btn-dark:hover{background:#222;transform:translateY(-2px);box-shadow:0 8px 30px #0003}.scroll-indicator{z-index:2;opacity:0;flex-direction:column;align-items:center;gap:8px;animation:1.2s cubic-bezier(.16,1,.3,1) 1.4s forwards heroFadeUp;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator span{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#ffffff80;font-size:.65rem}.scroll-mouse{border:1.5px solid #fff6;border-radius:12px;justify-content:center;width:24px;height:38px;padding-top:8px;display:flex}.scroll-dot{background:#fff9;border-radius:2px;width:3px;height:8px;animation:2s ease-in-out infinite scrollDot}@keyframes scrollDot{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.2;transform:translateY(10px)}}@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}.history{background-color:var(--color-bg);overflow:hidden}.history-title{font-style:italic}.history-divider{background:var(--color-accent);width:60px;height:1px;margin:var(--spacing-lg) auto}.history-subtitle{max-width:680px;color:var(--color-text-muted);margin:0 auto;font-size:1.05rem}.history-stats{gap:var(--spacing-lg);margin:var(--spacing-3xl) 0;padding:var(--spacing-2xl) var(--spacing-xl);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);display:grid}.history-stat{text-align:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) 0;flex-direction:column;display:flex;position:relative}.history-stat:not(:last-child):after{content:"";background:var(--color-border);width:1px;height:60%;position:absolute;top:20%;right:0}.history-stat-value{font-family:var(--font-body);font-size:clamp(2rem,4vw,3rem);font-weight:var(--fw-medium);color:var(--color-accent);letter-spacing:-.02em;line-height:1}.history-stat-label{font-family:var(--font-body);font-size:.78rem;font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.history-timeline{padding:var(--spacing-2xl) 0;margin:var(--spacing-xl) 0;position:relative}.history-timeline-line{background:linear-gradient(to bottom, transparent, var(--color-accent) 10%, var(--color-accent) 90%, transparent);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.history-timeline-item{margin-bottom:var(--spacing-3xl);align-items:flex-start;display:flex;position:relative}.history-timeline-item.left{padding-right:calc(50% + var(--spacing-3xl));justify-content:flex-end}.history-timeline-item.right{padding-left:calc(50% + var(--spacing-3xl));justify-content:flex-start}.history-dot{left:50%;top:var(--spacing-md);background:var(--color-bg);border:2px solid var(--color-accent);z-index:1;width:20px;height:20px;transition:box-shadow var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.history-timeline-item:hover .history-dot{box-shadow:0 0 0 6px #2d8fca26}.history-dot-inner{background:var(--color-accent);width:8px;height:8px;transition:transform var(--transition-base);border-radius:50%}.history-timeline-item:hover .history-dot-inner{transform:scale(1.3)}.history-card{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-2xl);max-width:460px;box-shadow:var(--shadow-md);transition:transform var(--transition-base), box-shadow var(--transition-base)}.history-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.history-card-period{font-family:var(--font-body);font-size:.72rem;font-weight:var(--fw-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.history-card-era{font-family:var(--font-body);font-size:.72rem;font-weight:var(--fw-semibold);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.history-card-heading{font-family:var(--font-body);font-size:clamp(1.1rem,1.5vw,1.25rem);font-weight:var(--fw-semibold);color:var(--color-primary);margin-bottom:var(--spacing-sm);font-style:normal;line-height:1.3}.history-card-body{color:var(--color-text-light);font-size:.95rem;line-height:1.8}.history-closing{align-items:center;gap:var(--spacing-xl);margin-top:var(--spacing-4xl);padding:var(--spacing-2xl) 0;display:flex}.history-closing-line{background:var(--color-border);flex:1;height:1px}.history-quote{font-family:var(--font-heading);color:var(--color-text-muted);text-align:center;max-width:640px;font-size:clamp(1rem,1.5vw,1.25rem);font-style:italic;line-height:1.7}.history-quote cite{margin-top:var(--spacing-sm);font-family:var(--font-body);font-size:.78rem;font-style:normal;font-weight:var(--fw-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);display:block}.about{padding:var(--spacing-5xl) 0}.about-inner{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-content{padding-right:var(--spacing-2xl)}.about-label{font-family:var(--font-body);font-size:.75rem;font-weight:var(--fw-semibold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-md);display:block}.about-content h2{margin-bottom:var(--spacing-lg);font-style:italic}.about-content p{margin-bottom:var(--spacing-md);font-size:1.05rem}.about-line{background:var(--color-accent);width:60px;height:1px;margin-bottom:var(--spacing-lg)}.about-image{position:relative;overflow:hidden}.about-image img{object-fit:cover;width:100%;height:600px;transition:transform var(--transition-slow)}.about-image:after{content:"";border:1px solid var(--color-accent);opacity:.2;pointer-events:none;position:absolute;inset:0}.services-grid{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.service-card{cursor:pointer;aspect-ratio:3/4;position:relative;overflow:hidden}.service-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-elegant)}.service-card:hover img{transform:scale(1.08)}.service-card-overlay{padding:var(--spacing-xl);transition:background var(--transition-base);background:linear-gradient(#0000 40%,#000000b3 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.service-card:hover .service-card-overlay{background:linear-gradient(#0000001a 0%,#000c 100%)}.service-card h4{color:var(--color-secondary);font-family:var(--font-heading);font-weight:var(--fw-regular);transition:transform var(--transition-base);font-size:1.3rem}.service-card:hover h4{transform:translateY(-8px)}.service-card-line{background:var(--color-blue);width:30px;height:1px;margin-top:var(--spacing-sm);transition:width var(--transition-base)}.service-card:hover .service-card-line{width:60px}.projects-uniform-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.project-card{cursor:pointer;aspect-ratio:3/4;border-radius:var(--radius-sm);transition:box-shadow var(--transition-base);position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-card:hover img{transform:scale(1.04)}.project-card-overlay{pointer-events:none;z-index:1;background:linear-gradient(#0000 30%,#00000073 100%);transition:background .5s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.project-card:hover .project-card-overlay{background:linear-gradient(#00000014 0%,#000000a6 100%)}.project-info{padding:var(--spacing-lg) var(--spacing-xl);z-index:2;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(0)}.project-card:hover .project-info{transform:translateY(-4px)}.project-info h4{color:var(--color-secondary);font-family:var(--font-heading);font-weight:var(--fw-regular);text-shadow:0 1px 8px #0000004d;margin-bottom:2px;font-size:1.4rem}.project-info span{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-blue-light);font-size:.72rem}.project-cta{opacity:0;align-items:center;gap:8px;margin-top:12px;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(8px)}.project-card:hover .project-cta{opacity:1;transform:translateY(0)}.project-cta span{font-family:var(--font-body);font-size:.72rem;font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9}.project-cta svg{stroke:var(--color-blue-light);transition:transform .35s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-cta svg{transform:translate(4px)}.project-overlay{z-index:9999;-webkit-backdrop-filter:blur(24px)saturate(120%);background:#0a0a0ae0;position:fixed;inset:0}.overlay-scroll{-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:hidden auto}.overlay-scroll::-webkit-scrollbar{width:6px}.overlay-scroll::-webkit-scrollbar-track{background:0 0}.overlay-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.overlay-close{z-index:10001;color:#fff9;cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:28px;right:32px}.overlay-close:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.overlay-nav{z-index:10001;color:#ffffff80;cursor:pointer;font-family:var(--font-body);font-size:.72rem;font-weight:var(--fw-medium);letter-spacing:.12em;text-transform:uppercase;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:12px 18px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.overlay-nav:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.overlay-nav-prev{left:24px}.overlay-nav-next{right:24px}.overlay-content{max-width:1100px;padding:0 var(--spacing-xl);margin:0 auto}.overlay-hero{aspect-ratio:16/7;width:100%;margin-bottom:0;position:relative;overflow:hidden}.overlay-hero img{object-fit:cover;width:100%;height:100%}.overlay-hero-gradient{background:linear-gradient(#0000 30%,#0a0a0af2 100%);position:absolute;inset:0}.overlay-hero-text{bottom:var(--spacing-2xl);left:var(--spacing-2xl);z-index:1;position:absolute}.overlay-category{font-family:var(--font-body);font-size:.72rem;font-weight:var(--fw-semibold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-blue-light);margin-bottom:var(--spacing-xs);display:block}.overlay-title{font-family:var(--font-heading);font-weight:var(--fw-regular);color:#fff;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}.overlay-body{padding:var(--spacing-2xl) 0 var(--spacing-3xl)}.overlay-description{max-width:780px;margin-bottom:var(--spacing-2xl)}.overlay-description p{color:#ffffff8c;font-size:1.08rem;line-height:1.9}.overlay-meta{gap:var(--spacing-lg);padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-3xl);text-align:center;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);display:grid}.overlay-meta-item{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.overlay-meta-label{font-family:var(--font-body);font-size:.7rem;font-weight:var(--fw-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--color-blue)}.overlay-meta-value{font-family:var(--font-body);font-size:.95rem;font-weight:var(--fw-light);color:#ffffffb3;line-height:1.6}.overlay-gallery-section{margin-bottom:var(--spacing-2xl)}.overlay-gallery-title{font-family:var(--font-heading);font-weight:var(--fw-regular);color:#fff;margin-bottom:var(--spacing-sm);align-items:center;gap:10px;font-size:1.4rem;display:flex}.gallery-count{color:var(--color-blue);opacity:.85;font-size:.9rem;font-family:var(--font-body)}.overlay-gallery-divider{background:var(--color-blue);width:40px;height:1px;margin-bottom:var(--spacing-xl)}.overlay-gallery-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.overlay-gallery-thumb{aspect-ratio:4/3;cursor:pointer;border-radius:var(--radius-sm);transition:box-shadow var(--transition-base);position:relative;overflow:hidden;box-shadow:0 4px 16px #0003}.overlay-gallery-thumb:hover{box-shadow:0 12px 36px #0006}.overlay-gallery-thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-elegant)}.overlay-gallery-thumb:hover img{transform:scale(1.06)}.gallery-thumb-overlay{opacity:0;transition:opacity var(--transition-fast);color:#fff;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-gallery-thumb:hover .gallery-thumb-overlay{opacity:1}.overlay-project-counter{padding-top:var(--spacing-xl);margin-top:var(--spacing-xl);border-top:1px solid #ffffff0f;align-items:center;gap:6px;display:flex}.overlay-project-counter span{font-family:var(--font-heading);color:#ffffff40;font-size:1.1rem}.overlay-project-counter .counter-sep{color:#ffffff1a}.gallery-lightbox{z-index:10010;-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close{z-index:10011;color:#ffffff80;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:28px}.lightbox-close:hover{color:#fff;background:#ffffff1f}.lightbox-nav{z-index:10011;color:#ffffff80;cursor:pointer;width:52px;height:52px;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.lightbox-prev{left:28px}.lightbox-next{right:28px}.lightbox-image-wrap{cursor:default;justify-content:center;align-items:center;max-width:85vw;max-height:85vh;display:flex}.lightbox-image-wrap img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:85vh;box-shadow:0 20px 80px #00000080}.lightbox-counter{font-family:var(--font-body);letter-spacing:.15em;color:#ffffff59;font-size:.8rem;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.why-sqd{padding:var(--spacing-5xl) 0}.why-inner{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.why-image{position:relative;overflow:hidden}.why-image img{object-fit:cover;width:100%;height:600px}.why-content{padding-left:var(--spacing-2xl)}.why-content h2{margin-bottom:var(--spacing-2xl)}.why-list{gap:var(--spacing-md);flex-direction:column;display:flex}.why-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);display:flex}.why-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.why-item-icon svg{width:20px;height:20px;stroke:var(--color-accent);stroke-width:1.5px;fill:none}.why-item span{font-family:var(--font-body);font-size:1rem;font-weight:var(--fw-regular);color:var(--color-text);letter-spacing:.02em}.factory-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.factory-card{aspect-ratio:4/3;background:var(--color-bg-dark);position:relative;overflow:hidden}.factory-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-elegant);opacity:.9}.factory-card:hover img{opacity:1;transform:scale(1.05)}.factory-card-label{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(#0000,#000000b3);position:absolute;bottom:0;left:0;right:0}.factory-card-label span{font-family:var(--font-body);font-size:.82rem;font-weight:var(--fw-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary)}.factory-card-placeholder{aspect-ratio:4/3;cursor:pointer;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.factory-card-placeholder:before{content:"";width:120px;height:120px;transition:all var(--transition-base);border:1px solid #b58a4a26;border-radius:50%;position:absolute}.factory-card-placeholder:hover:before{border-color:#b58a4a4d;width:160px;height:160px}.factory-card-placeholder .factory-icon{width:48px;height:48px;stroke:var(--color-accent);stroke-width:1px;fill:none;transition:transform var(--transition-base);z-index:1}.factory-card-placeholder:hover .factory-icon{transform:scale(1.1)}.factory-card-placeholder .factory-card-label{background:0 0}#process{padding-bottom:var(--spacing-xl)}#testimonials{padding-top:var(--spacing-xl)}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:var(--color-border);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{margin-bottom:var(--spacing-2xl);align-items:center;display:flex;position:relative}.timeline-item:nth-child(odd){text-align:right;flex-direction:row}.timeline-item:nth-child(2n){text-align:left;flex-direction:row-reverse}.timeline-content{padding:0 var(--spacing-2xl);flex:1}.timeline-dot{background:var(--color-bg);border:1px solid var(--color-accent);z-index:1;width:52px;height:52px;transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timeline-dot svg{width:22px;height:22px;stroke:var(--color-accent);stroke-width:1.5px;fill:none}.timeline-item:hover .timeline-dot{background:var(--color-accent);transform:scale(1.1)}.timeline-item:hover .timeline-dot svg{stroke:var(--color-secondary)}.timeline-number{font-family:var(--font-heading);color:var(--color-accent);margin-bottom:4px;font-size:.85rem;display:block}.timeline-content h4{font-family:var(--font-heading);font-weight:var(--fw-regular);color:var(--color-primary);font-size:1.2rem}.materials-grid{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.material-card{aspect-ratio:1;cursor:pointer;position:relative;overflow:hidden}.material-card-texture{transition:transform var(--transition-elegant);position:absolute;inset:0}.material-card:hover .material-card-texture{transform:scale(1.08)}.mat-veneer .material-card-texture{background:repeating-linear-gradient(85deg,#0000,#0000 3px,#8b5a2b14 3px 5px),repeating-linear-gradient(88deg,#0000,#0000 8px,#6543210f 8px 9px),linear-gradient(170deg,#c4956a 0%,#a67b52 30%,#8b5a2b 60%,#6b4226 100%)}.mat-wood .material-card-texture{background:repeating-linear-gradient(87deg,#0000,#0000 4px,#3c1e0a1a 4px 6px),repeating-linear-gradient(92deg,#0000,#0000 12px,#50280f12 12px 13px),linear-gradient(175deg,#8b6914 0%,#6b4226 40%,#4a2c12 70%,#3b1e0a 100%)}.mat-matte .material-card-texture{background:linear-gradient(155deg,#4a4a4a 0%,#3a3a3a 30%,#2c2c2c 60%,#1e1e1e 100%)}.mat-gloss .material-card-texture{background:linear-gradient(135deg,#fff0 0%,#ffffff26 40%,#ffffff40 50%,#fff0 60%),linear-gradient(155deg,#e8e8e8 0%,#d0d0d0 30%,#b8b8b8 60%,#f0f0f0 100%)}.mat-marble .material-card-texture{background:radial-gradient(at 20%,#b4aaa066 0%,#0000 50%),radial-gradient(at 80% 30%,#a0968c4d 0%,#0000 40%),repeating-linear-gradient(115deg,#0000,#0000 30px,#786e6414 30px 31px),linear-gradient(165deg,#f5f0ea 0%,#e8e0d8 30%,#d4ccc4 60%,#ebe5df 100%)}.mat-quartz .material-card-texture{background:radial-gradient(circle at 30% 40%,#c8c3be4d 0%,#0000 30%),radial-gradient(circle at 70% 60%,#beb9b233 0%,#0000 25%),linear-gradient(160deg,#e0dbd5 0%,#c8c2ba 40%,#b0a89e 70%,#d8d2cc 100%)}.mat-fluted .material-card-texture{background:repeating-linear-gradient(90deg,#d4c4a8 0 6px,#c0ae8e 6px 8px,#d4c4a8 8px 14px,#c8b698 14px 16px),linear-gradient(#d4c4a8,#c0ae8e)}.mat-glass .material-card-texture{background:linear-gradient(135deg,#ffffff14 0%,#ffffff26 30%,#ffffff0d 50%,#ffffff1f 80%),linear-gradient(155deg,#2a3540 0%,#1e2830 40%,#162028 70%,#2a3540 100%)}.material-card-overlay{padding:var(--spacing-lg);transition:background var(--transition-base);background:linear-gradient(#0000 50%,#000000a6 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.material-card:hover .material-card-overlay{background:linear-gradient(#0000000d 0%,#000000bf 100%)}.material-card h4{color:var(--color-secondary);font-family:var(--font-heading);font-weight:var(--fw-regular);letter-spacing:.02em;transition:transform var(--transition-base);font-size:1.05rem}.material-card:hover h4{transform:translateY(-6px)}.material-card p{color:#ffffff80;font-size:.75rem;font-family:var(--font-body);letter-spacing:.05em;transition:all var(--transition-base);opacity:0;margin-top:4px;transform:translateY(8px)}.material-card:hover p{opacity:1;transform:translateY(0)}.styles-grid{gap:var(--spacing-sm);grid-template-columns:repeat(6,1fr);display:grid}.style-card{aspect-ratio:2/3;cursor:pointer;background:var(--color-primary);position:relative;overflow:hidden}.style-card-inner{text-align:center;transition:all var(--transition-base);border:1px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.style-card:hover .style-card-inner{border-color:var(--color-accent);background:#b58a4a14}.style-number{font-family:var(--font-heading);color:#ffffff0a;top:var(--spacing-md);left:var(--spacing-md);transition:color var(--transition-base);font-size:2.5rem;line-height:1;position:absolute}.style-card:hover .style-number{color:#b58a4a26}.style-card h4{color:var(--color-secondary);font-family:var(--font-heading);font-weight:var(--fw-regular);letter-spacing:.02em;font-size:1.1rem}.style-card-line{background:var(--color-accent);width:24px;height:1px;margin-top:var(--spacing-sm);transition:width var(--transition-base);opacity:0}.style-card:hover .style-card-line{opacity:1;width:40px}.testimonials-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{padding:var(--spacing-2xl);background:var(--color-secondary);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.testimonial-stars{margin-bottom:var(--spacing-md);gap:4px;display:flex}.testimonial-stars svg{width:16px;height:16px;fill:var(--color-accent)}.testimonial-text{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--spacing-lg);font-size:1.05rem;font-style:italic;line-height:1.7;font-weight:var(--fw-regular)}.testimonial-author{font-family:var(--font-body);font-size:.85rem;font-weight:var(--fw-semibold);color:var(--color-primary)}.testimonial-role{font-family:var(--font-body);color:var(--color-text-muted);margin-top:2px;font-size:.78rem}.testimonial-quote{top:var(--spacing-lg);right:var(--spacing-lg);font-family:var(--font-heading);color:var(--color-accent);opacity:.15;font-size:4rem;line-height:1;position:absolute}.cta-section{min-height:100vh;padding:var(--spacing-3xl) 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cta-bg{position:absolute;inset:0}.cta-bg img{object-fit:cover;width:100%;height:100%}.cta-overlay{background:#0a0a0abf;position:absolute;inset:0}.cta-form-wrap{z-index:1;width:100%;max-width:1100px;padding:0 var(--spacing-xl);gap:var(--spacing-3xl);grid-template-columns:1fr 1.4fr;align-items:start;margin:0 auto;display:grid;position:relative}.cta-headline{color:#fff}.cta-headline h2{color:var(--color-secondary);margin-top:var(--spacing-sm);margin-bottom:0;font-size:clamp(1.8rem,3vw,2.6rem);font-style:italic;line-height:1.2}.cta-headline p{color:#ffffff8c;margin-bottom:var(--spacing-xl);font-size:1rem;line-height:1.85}.cta-contact-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.cta-contact-link{color:#ffffff80;font-family:var(--font-body);letter-spacing:.04em;transition:color var(--transition-fast);align-items:center;gap:10px;font-size:.88rem;text-decoration:none;display:flex}.cta-contact-link:hover{color:var(--color-accent)}.cta-contact-link svg{stroke:var(--color-accent);flex-shrink:0}.cta-quote-form{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);padding:var(--spacing-2xl);gap:var(--spacing-md);background:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;display:flex}.cta-form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.cta-field{flex-direction:column;gap:8px;display:flex}.cta-field label{font-family:var(--font-body);font-size:.7rem;font-weight:var(--fw-semibold);letter-spacing:.14em;text-transform:uppercase;color:#ffffff73}.cta-field input,.cta-field select,.cta-field textarea{border-radius:var(--radius-sm);color:#ffffffd9;font-family:var(--font-body);transition:border-color var(--transition-fast), background var(--transition-fast);appearance:none;background:#ffffff0f;border:1px solid #ffffff1a;outline:none;padding:12px 16px;font-size:.9rem}.cta-field input::placeholder,.cta-field textarea::placeholder{color:#ffffff38}.cta-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.35)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.cta-field select option{color:#fff;background:#1a1a1a}.cta-field input:focus,.cta-field select:focus,.cta-field textarea:focus{border-color:var(--color-accent);background:#ffffff17}.cta-field textarea{resize:vertical;min-height:100px}.cta-submit-btn{padding:15px var(--spacing-xl);background:var(--color-accent);color:var(--color-primary);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.8rem;font-weight:var(--fw-semibold);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);margin-top:var(--spacing-xs);border:none;justify-content:center;align-items:center;gap:10px;display:flex}.cta-submit-btn:hover{background:var(--color-accent-light,#c9a05e);transform:translateY(-2px);box-shadow:0 8px 24px #b58a4a59}.cta-submit-btn svg{transition:transform var(--transition-fast)}.cta-submit-btn:hover svg{transform:translate(4px)}.cta-form-note{font-family:var(--font-body);color:#ffffff40;text-align:center;letter-spacing:.06em;margin:0;font-size:.72rem}.footer{background:var(--color-primary);padding:var(--spacing-3xl) 0 var(--spacing-lg);color:#fff9}.footer-inner{gap:var(--spacing-2xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid #ffffff0f;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;display:grid}.footer-brand img{width:auto;height:56px;margin-bottom:var(--spacing-lg)}.footer-brand p{color:#fff6;font-size:.9rem;line-height:1.7}.footer-col h5{font-family:var(--font-body);font-size:.78rem;font-weight:var(--fw-semibold);letter-spacing:.15em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--spacing-lg)}.footer-col ul li{margin-bottom:var(--spacing-xs)}.footer-col a{color:#fff6;transition:color var(--transition-fast);font-size:.88rem}.footer-col a:hover{color:var(--color-accent)}.footer-social{gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.footer-social a{width:40px;height:40px;transition:all var(--transition-fast);border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.footer-social a:hover{border-color:var(--color-accent);background:#b58a4a1a}.footer-social svg{fill:#ffffff80;width:18px;height:18px;transition:fill var(--transition-fast)}.footer-social a:hover svg{fill:var(--color-accent)}.footer-map{border-radius:var(--radius-md);width:100%;margin-top:var(--spacing-sm);color:#ffffffd9;transition:all var(--transition-fast);text-align:center;background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.25rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.footer-map:hover{border-color:var(--color-accent);color:#fff;background:#ffffff12;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.footer-map svg{width:26px;height:26px;stroke:var(--color-accent);stroke-width:1.8px;fill:none;transition:transform var(--transition-fast)}.footer-map:hover svg{transform:translateY(-2px)}.footer-map-btn{color:var(--color-accent);letter-spacing:.3px;transition:color var(--transition-fast);margin-top:.2rem;font-size:.75rem;font-weight:400}.footer-map:hover .footer-map-btn{color:#fff;text-decoration:underline}.footer-bottom{padding-top:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.footer-bottom p{color:#ffffff4d;font-size:.78rem}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:scale(.95)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children .reveal{transition-delay:calc(var(--stagger-index,0) * .1s)}@media (width<=1024px){.navbar-links,.navbar-cta{display:none}.navbar-toggle{display:flex}.navbar-links.mobile-open{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:var(--spacing-xl);z-index:999;background:#111111f7;flex-direction:column;display:flex;position:fixed;inset:0}.navbar-links.mobile-open a{color:var(--color-secondary);font-size:1.2rem}.navbar-links.mobile-open .navbar-cta-mobile{margin-top:var(--spacing-lg);border:1px solid var(--color-accent);color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;padding:14px 36px;font-size:.82rem;display:block}.history-stats{grid-template-columns:repeat(2,1fr)}.history-timeline-line{left:20px}.history-timeline-item.left,.history-timeline-item.right{padding-left:calc(40px + var(--spacing-lg));justify-content:flex-start;padding-right:0}.history-dot{left:20px}.history-card{max-width:100%}.history-closing{gap:var(--spacing-md);flex-direction:column}.history-closing-line{flex:none;width:60px;height:1px}.about-inner,.why-inner{grid-template-columns:1fr}.about-content{padding-right:0}.why-content{padding-left:0}.about-image img,.why-image img{height:400px}.services-grid,.projects-uniform-grid{grid-template-columns:repeat(2,1fr)}.overlay-nav{display:none}.overlay-meta{grid-template-columns:repeat(3,1fr)}.overlay-gallery-grid{grid-template-columns:repeat(2,1fr)}.project-cta{opacity:1;transform:translateY(0)}.project-card-overlay{background:linear-gradient(#0000 30%,#0000008c 100%)}.factory-grid,.materials-grid{grid-template-columns:repeat(2,1fr)}.styles-grid{grid-template-columns:repeat(3,1fr)}.testimonials-grid{grid-template-columns:1fr}.cta-form-wrap{gap:var(--spacing-2xl);grid-template-columns:1fr}.footer-inner{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.timeline:before{left:26px}.timeline-item,.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){text-align:left;flex-direction:row}.timeline-content{padding:0 0 0 var(--spacing-lg)}}@media (width<=640px){:root{--spacing-xl:1.5rem;--spacing-5xl:5rem}h1{font-size:2.2rem}h2{font-size:1.8rem}.hero-tagline{letter-spacing:.15em;font-size:.75rem}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{text-align:center;justify-content:center;width:100%;max-width:280px}.services-grid,.projects-uniform-grid,.cta-form-row{grid-template-columns:1fr}.cta-quote-form{padding:var(--spacing-lg)}.overlay-close{width:40px;height:40px;top:16px;right:16px}.overlay-nav{display:none}.overlay-hero{aspect-ratio:16/9}.overlay-hero-text{left:var(--spacing-md);bottom:var(--spacing-md)}.overlay-meta{grid-template-columns:1fr 1fr}.overlay-gallery-grid{grid-template-columns:1fr}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-nav{width:40px;height:40px}.factory-grid{grid-template-columns:1fr}.materials-grid,.styles-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr}.footer-bottom{gap:var(--spacing-sm);text-align:center;flex-direction:column}.timeline:before{left:26px}}[dir=rtl] body,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] .section-title,[dir=rtl] .history-title{font-family:Tajawal,Georgia,Times New Roman,serif}[dir=rtl] .reveal-left{transform:translate(40px)}[dir=rtl] .reveal-right{transform:translate(-40px)}[dir=rtl] .reveal-left.visible,[dir=rtl] .reveal-right.visible{transform:translate(0)}[dir=rtl] .navbar-links a:after{left:auto;right:0}[dir=rtl] .cta-submit-btn svg,[dir=rtl] .project-cta svg,[dir=rtl] .hero-buttons .btn-primary svg{transform:scaleX(-1)}[dir=rtl] a[href^=tel\:],[dir=rtl] a[href^=mailto\:]{direction:ltr;unicode-bidi:isolate;display:inline-block}[dir=rtl] input[type=tel],[dir=rtl] input[name=phone]{text-align:right;direction:ltr}[dir=rtl] .cta-field select{background-position:14px;padding-left:38px;padding-right:16px}@media (width<=768px){[dir=rtl] .timeline:before{left:auto;right:26px}}.lang-switcher{font-family:var(--font-body);font-size:.78rem;font-weight:var(--fw-medium);letter-spacing:.05em;color:var(--color-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border-radius:var(--radius-sm);background:0 0;border:1px solid #ffffff4d;align-items:center;gap:6px;padding:8px 14px;display:flex}.navbar.scrolled .lang-switcher{color:var(--color-primary);border-color:#1113}.lang-switcher:hover{background:var(--color-blue);border-color:var(--color-blue);color:var(--color-secondary)}[dir=rtl] .lang-switcher{font-family:Tajawal,sans-serif}@media (width<=1024px){.lang-switcher-desktop{display:none}.lang-switcher-mobile{color:var(--color-secondary);margin-top:var(--spacing-sm);border-color:#ffffff4d;display:flex}}@media (width>=1025px){.lang-switcher-desktop{display:flex}.lang-switcher-mobile{display:none}}.chatbot-toggle{z-index:9999;color:#fff;cursor:pointer;background:linear-gradient(135deg,#2d8fca 0%,#1e6fa0 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .3s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 6px 24px #2d8fca73,0 2px 8px #00000026}.chatbot-toggle:hover{transform:scale(1.08);box-shadow:0 8px 32px #2d8fca8c,0 4px 12px #0003}.chatbot-toggle:active{transform:scale(.95)}.chatbot-toggle svg{width:28px;height:28px;transition:transform .3s,opacity .2s}.chatbot-toggle.open svg.icon-chat{opacity:0;position:absolute;transform:rotate(90deg)scale(0)}.chatbot-toggle svg.icon-close{opacity:0;position:absolute;transform:rotate(-90deg)scale(0)}.chatbot-toggle.open svg.icon-close,.chatbot-toggle svg.icon-chat{opacity:1;transform:rotate(0)scale(1)}.chatbot-toggle:not(.open){animation:3s ease-in-out infinite chatbot-pulse}@keyframes chatbot-pulse{0%,to{box-shadow:0 6px 24px #2d8fca73,0 2px 8px #00000026}50%{box-shadow:0 6px 32px #2d8fcaa6,0 2px 12px #0003}}.chatbot-window{z-index:9998;-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#fffffff5;border:1px solid #2d8fca1f;border-radius:20px;flex-direction:column;width:380px;max-height:520px;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:100px;right:28px;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 12px 48px #0000001f,0 4px 16px #00000014,inset 0 1px #fffc}.chatbot-window.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.chatbot-header{color:#fff;background:linear-gradient(135deg,#2d8fca 0%,#1e6fa0 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chatbot-header-info{align-items:center;gap:12px;display:flex}.chatbot-avatar{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chatbot-avatar svg{width:20px;height:20px}.chatbot-header-text h4{font-family:var(--font-body);letter-spacing:.01em;margin:0;font-size:.95rem;font-weight:600}.chatbot-header-text span{opacity:.85;font-size:.72rem;font-weight:400}.chatbot-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.chatbot-close:hover{background:#ffffff4d}.chatbot-close svg{width:16px;height:16px}.chatbot-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:14px;min-height:200px;max-height:320px;padding:20px 16px;display:flex;overflow-y:auto}.chatbot-messages::-webkit-scrollbar{width:5px}.chatbot-messages::-webkit-scrollbar-track{background:0 0}.chatbot-messages::-webkit-scrollbar-thumb{background:#2d8fca33;border-radius:10px}.chatbot-msg{max-width:82%;font-family:var(--font-body);word-wrap:break-word;border-radius:16px;padding:12px 16px;font-size:.88rem;line-height:1.55;animation:.3s cubic-bezier(.16,1,.3,1) forwards msg-appear}@keyframes msg-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chatbot-msg.bot{color:#1a1a2e;background:#f0f4f8;border-bottom-left-radius:4px;align-self:flex-start}.chatbot-msg.user{color:#fff;background:linear-gradient(135deg,#2d8fca 0%,#1e6fa0 100%);border-bottom-right-radius:4px;align-self:flex-end}.chatbot-typing{background:#f0f4f8;border-radius:16px 16px 16px 4px;align-self:flex-start;align-items:center;gap:5px;padding:12px 18px;display:flex}.chatbot-typing span{background:#2d8fca;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typing-bounce;display:block}.chatbot-typing span:nth-child(2){animation-delay:.15s}.chatbot-typing span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chatbot-input-area{background:#f8fafc99;border-top:1px solid #2d8fca1a;flex-shrink:0;align-items:center;gap:8px;padding:14px 16px;display:flex}.chatbot-input-area input{font-family:var(--font-body);color:#1a1a2e;background:#fff;border:1.5px solid #2d8fca26;border-radius:12px;outline:none;flex:1;padding:10px 16px;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.chatbot-input-area input:focus{border-color:#2d8fca;box-shadow:0 0 0 3px #2d8fca1a}.chatbot-input-area input::placeholder{color:#9ca3af}.chatbot-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2d8fca 0%,#1e6fa0 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,box-shadow .2s;display:flex}.chatbot-send:hover{transform:scale(1.05);box-shadow:0 4px 12px #2d8fca59}.chatbot-send:active{transform:scale(.95)}.chatbot-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.chatbot-send svg{width:18px;height:18px}.chatbot-footer{text-align:center;color:#9ca3af;font-size:.65rem;font-family:var(--font-body);letter-spacing:.02em;padding:6px 0 10px}@media (width<=480px){.chatbot-window{border-radius:0;width:100%;max-height:100dvh;bottom:0;left:0;right:0}.chatbot-window.visible{border-radius:20px 20px 0 0}.chatbot-messages{max-height:calc(100dvh - 200px)}.chatbot-toggle{width:54px;height:54px;bottom:20px;right:20px}.chatbot-toggle svg{width:24px;height:24px}}