@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@300;400;500&display=swap";:root{--bg-color: #ffffff;--panel-bg: #f8fafc;--panel-border: #e2e8f0;--accent-primary: #1e293b;--text-main: #0f172a;--text-muted: #64748b;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--transition: all .5s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 220px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);line-height:clamp(1.4,1.6,1.8);overflow:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em}.container{height:100vh;width:100vw;display:flex}.navbar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;padding:clamp(2rem,5vh,4rem) 2rem;border-right:1px solid var(--panel-border);display:flex;flex-direction:column;gap:1.2rem;background:var(--bg-color);z-index:100}.nav-link{font-family:var(--font-heading);font-weight:400;font-size:clamp(.8rem,1vw,.9rem);letter-spacing:.04em;color:#94a3b8;cursor:pointer;transition:color .3s ease;text-decoration:none;border:none;background:none;text-align:left;border-bottom:1.5px solid transparent;padding-bottom:2px;width:fit-content}@media(hover:hover){.nav-link:hover{color:#475569}}.nav-link.active{color:#334155;border-bottom-color:#334155}.hamburger{display:none;position:absolute;top:1.5rem;right:1.5rem;z-index:1100;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:8px}.hamburger span{display:block;width:24px;height:2px;background:var(--text-main);border-radius:2px;transition:all .3s ease}.mobile-drawer{position:fixed;inset:0;background:#fffffffa;z-index:1050;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.5rem,4vh,2.5rem);padding:2rem}.mobile-drawer .nav-link{font-size:clamp(1.2rem,5vw,1.6rem);font-weight:600;color:#334155}.mobile-drawer .nav-link.active{color:#0f172a;border-bottom-color:#0f172a}.content-wrapper{flex:1;position:relative;overflow:hidden}section{position:absolute;inset:0;padding:clamp(1.5rem,5vw,6rem);overflow-y:auto;height:100%}.section-head{margin-bottom:clamp(2rem,4vh,4rem)}.section-head h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;margin-bottom:1rem}.intro-text{font-size:clamp(1.2rem,2.5vw,2.5rem);max-width:1200px;line-height:1.4;font-weight:300}.section-description{max-width:1100px;font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.6;color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(250px,30%,400px),1fr));gap:clamp(1rem,2vw,2rem)}.card{padding:clamp(1.5rem,3vw,2.5rem);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;transition:var(--transition)}@media(hover:hover){.card:hover{border-color:var(--text-main)}}.product-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative;overflow:hidden;background:linear-gradient(to bottom right,var(--bg-color),var(--panel-bg));transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.7),transparent);transform:translate(-100%);transition:transform .6s ease;pointer-events:none;z-index:1}@media(hover:hover){.product-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #00000014;border-color:#cbd5e1}.product-card:hover:after{transform:translate(100%)}}.product-icon{width:90px;height:90px;object-fit:cover;border-radius:24px;margin-bottom:1.5rem;border:1px solid var(--panel-border);box-shadow:0 10px 20px #0000000f;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;background-color:var(--bg-color)}@media(hover:hover){.product-card:hover .product-icon{transform:translateY(-8px) scale(1.05) rotate(-3deg);box-shadow:0 16px 32px #0000001f;border-color:#cbd5e1}}.product-card h3,.product-card p{position:relative;z-index:2;transition:transform .4s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.product-card:hover h3{transform:translate(4px);color:var(--text-main)}}.photography-stack{display:flex;flex-direction:column;gap:clamp(2rem,5vh,6rem);width:100%}.photo-item-container{width:100%;cursor:pointer;transition:transform .3s ease}.photo-item-container img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000000d;transition:box-shadow .3s ease}@media(hover:hover){.photo-item-container:hover img{box-shadow:0 12px 24px #0000001a}}.image-caption{margin-top:1rem;font-family:var(--font-heading);font-size:.9rem;color:var(--text-muted)}.lightbox-overlay{position:fixed;inset:0;background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;cursor:zoom-out}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center;cursor:default}.lightbox-content img{max-width:100%;max-height:92vh;object-fit:contain;border-radius:4px;box-shadow:0 30px 60px #0000001f}.lightbox-caption{margin-top:1.5rem;font-family:var(--font-heading);font-size:1.1rem;color:var(--text-main);text-align:center}.lightbox-close{position:absolute;top:2rem;right:2rem;background:none;border:none;color:var(--text-main);opacity:.4;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease;z-index:2001}@media(hover:hover){.lightbox-close:hover{opacity:.8}}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-main);opacity:.15;cursor:pointer;padding:2rem;transition:all .3s ease;z-index:2002;display:flex;align-items:center;justify-content:center;outline:none}.lightbox-nav-btn:focus{outline:none;background:none}@media(hover:hover){.lightbox-nav-btn:hover{opacity:.6;transform:translateY(-50%) scale(1.1)}}.lightbox-nav-btn.prev{left:-100px}.lightbox-nav-btn.next{right:-100px}@media(max-width:1100px){.lightbox-nav-btn{display:none}}@media(max-width:768px){section{padding:2rem 1.5rem}.section-head h2{font-size:2.5rem}}.books-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:clamp(2rem,4vw,4rem) clamp(1rem,2vw,2rem);padding-bottom:4rem;justify-items:center}.book-container{width:100%;max-width:180px;cursor:pointer;display:flex;flex-direction:column;align-items:center;perspective:1500px}.book-overlay-container{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.book-overlay-bg{position:absolute;inset:0;background:#f8fafcd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.overlay-close-btn{position:absolute;top:2rem;right:2rem;background:#fff;border:1px solid var(--panel-border);color:var(--text-main);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;z-index:1002}@media(hover:hover){.overlay-close-btn:hover{transform:scale(1.1);background:var(--text-main);color:#fff}}.book-container.expanded-overlay-3d{width:clamp(240px,30vw,360px);cursor:default;position:relative;z-index:1001;transform:translate(20%)}.book-3d-wrapper{position:relative;width:100%;aspect-ratio:2/3;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.book-container:hover:not(.expanded-overlay-3d) .book-3d-wrapper{transform:translateY(-10px) rotateY(-15deg) rotateX(2deg);box-shadow:-10px 20px 30px #00000026}}.book-container:not(.expanded-overlay-3d) .book-3d-wrapper{transform:rotateY(-5deg) rotateX(2deg);box-shadow:-5px 10px 20px #0000001a;border-radius:2px 5px 5px 2px}.book-pages{position:absolute;inset:4px -4px 4px 4px;background:#fcfaf7;transform:translateZ(-15px);box-shadow:inset 4px 0 10px #0000000d,-10px 10px 30px #0000001a;border:1px solid #e2e8f0;border-radius:0 3px 3px 0}.book-pages:before{content:"";position:absolute;top:0;bottom:0;right:-1px;width:15px;background:repeating-linear-gradient(to right,#f1f5f9,#f1f5f9 2px,#e2e8f0 3px);transform-origin:right;transform:rotateY(90deg)}.book-hinge{position:absolute;inset:0;transform-origin:left;transform-style:preserve-3d;z-index:10}.book-cover-front{position:absolute;inset:0;border-radius:0 4px 4px 0;background-color:var(--panel-bg);box-shadow:inset 6px 0 12px #0000001a,2px 0 5px #0000000d;backface-visibility:hidden;transform:translateZ(.5px);border-left:1px solid rgba(0,0,0,.1)}.book-cover-front:before{content:"";position:absolute;top:0;left:8px;width:2px;height:100%;background:linear-gradient(to right,rgba(0,0,0,.15),transparent,rgba(255,255,255,.1));z-index:2}.book-cover-back{position:absolute;inset:0;border-radius:3px 0 0 3px;background:#fdfcf9;background-image:linear-gradient(to right,rgba(0,0,0,.05) 0%,transparent 10%);transform:rotateY(180deg) translateZ(.5px);backface-visibility:hidden;box-shadow:inset -5px 0 15px #0000000d}.book-inside-page{position:absolute;inset:0;background:#fdfcf9;background-image:linear-gradient(90deg,rgba(0,0,0,.04) 0%,transparent 4%,transparent 96%,rgba(0,0,0,.02) 100%),linear-gradient(to bottom,#fdfcf9,#fbfaf6);border-radius:0 3px 3px 0;box-shadow:inset 12px 0 20px #00000014,5px 10px 20px #0000001a;padding:2.5rem 2rem;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .4s ease;transform:translateZ(-1px);font-family:Georgia,Times New Roman,serif;color:#2c2925}.expanded-overlay-3d .book-inside-page{opacity:1;pointer-events:auto;z-index:100;transform:translateZ(2px)}.expanded-overlay-3d .book-hinge{pointer-events:none}.inside-content{display:flex;flex-direction:column;height:100%}.inside-content h3{font-family:Georgia,serif;font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:400;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem;color:#000;line-height:1.4;text-align:center}.inside-content .author{font-family:Georgia,serif;font-style:italic;font-size:1rem;color:#555;margin-bottom:1rem;text-align:center}.inside-content .desc{font-family:Georgia,serif;font-size:.95rem;line-height:1.7;text-align:left;text-indent:1.5rem;color:#383531}.read-more-container{margin-top:auto;padding-top:2rem;display:flex;justify-content:center}.read-more-btn{padding:.4rem .8rem;background:transparent;color:#888;border:none;font-family:var(--font-main);font-weight:500;font-size:.7rem;cursor:pointer;display:inline-flex;align-items:center;transition:all .3s ease;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;position:relative;pointer-events:all}@media(hover:hover){.read-more-btn:hover{color:#1a1a1a}}.read-more-btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#1a1a1a;transition:width .3s ease}@media(hover:hover){.read-more-btn:hover:after{width:100%}}.close-btn:hover{background:var(--accent-primary);transform:translateY(-2px)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1024px){:root{--sidebar-width: 180px}}@media(max-width:768px){.navbar{display:none}.hamburger{display:flex}.container{flex-direction:column}section{padding:4rem 1.5rem 2rem}.book-container.expanded-overlay-3d{width:80vw;transform:translate(10%)}.expanded-overlay-3d .book-inside-page{padding:1.5rem}.book-container.expanded-overlay-3d .book-hinge{transform:rotateY(-90deg)!important}.books-shelf{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:2.5rem 1rem;justify-content:center}.book-container{max-width:100%;width:100%}}.projects-grid{display:flex;flex-direction:column;gap:clamp(3rem,6vh,5rem);margin-top:3rem;max-width:1400px}.project-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--panel-border);border-radius:32px;overflow:hidden;transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #00000005;position:relative}.project-card-image{width:100%;aspect-ratio:21/9;position:relative;overflow:hidden;background:var(--panel-bg)}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.project-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,var(--project-color));opacity:.15;transition:opacity .6s ease}.project-card-content{padding:clamp(2rem,4vw,3.5rem)}.project-card-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.project-icon-wrapper{width:64px;height:64px;min-width:64px;background:var(--panel-bg);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--project-color);border:1px solid var(--panel-border);transition:all .5s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.project-card:hover{transform:translateY(-12px);box-shadow:0 40px 80px #0000001a;border-color:#cbd5e1}.project-card:hover .project-card-image img{transform:scale(1.1)}.project-card:hover .project-card-overlay{opacity:.3}.project-card:hover .project-icon-wrapper{background:var(--project-color);color:#fff}}.project-meta h3{font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;margin-bottom:.2rem;color:var(--text-main)}.project-subtitle{font-family:var(--font-heading);font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:600}.project-card-body p{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.7;color:#475569;max-width:1100px;margin-bottom:2.5rem}.project-card-footer{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.project-cta-btn{padding:1rem 2.5rem;background:var(--project-color);color:#fff;border:none;border-radius:99px;font-family:var(--font-heading);font-weight:700;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #0000001a}@media(hover:hover){.project-cta-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 40px #00000026;filter:brightness(1.1)}}.project-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;color:var(--text-main);text-decoration:none;border-bottom:2px solid var(--panel-border);padding-bottom:2px;transition:all .3s ease}@media(hover:hover){.project-link:hover{color:var(--text-main);border-bottom-color:var(--text-main);transform:translate(4px)}}@media(max-width:768px){.project-card-image{aspect-ratio:16/9}.project-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.project-icon-wrapper{width:48px;height:48px;min-width:48px}.project-icon-wrapper img,.project-icon-wrapper svg{width:24px!important;height:24px!important}.project-card-content{padding:1.5rem}}.contact-container{display:block;max-width:1000px;margin-top:3rem;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-form{display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.8rem}.form-group label{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--text-main);letter-spacing:.02em}.form-group input,.form-group textarea{padding:1.2rem;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel-bg);font-family:var(--font-body);font-size:1rem;color:var(--text-main);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--text-main);background:#fff;box-shadow:0 10px 30px #0000000d;transform:translateY(-2px)}.submit-btn{background:var(--accent-blue);color:#fff;border:none;padding:1.2rem 2rem;border-radius:999px;font-family:var(--font-heading);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1rem}@media(hover:hover){.submit-btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px #2563eb33;background:var(--accent-blue-hover)}}.submit-btn:active{transform:translateY(-1px)}.success-message{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3rem;background:#fff;border-radius:20px;border:1px solid var(--panel-border);box-shadow:0 20px 50px #0000000d}.success-message h3{font-size:2rem;margin-bottom:1rem}.success-message p{color:var(--text-muted);font-size:1.1rem}.light-fixtures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(280px,45%,450px),1fr));gap:2rem;width:100%}.fixture-hero-card{background:var(--panel-bg);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column}@media(hover:hover){.fixture-hero-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001a}.fixture-hero-card:hover .fixture-hero-image img{transform:scale(1.05)}}.fixture-hero-image{width:100%;aspect-ratio:4/3;overflow:hidden}.fixture-card-fire-extinguisher-light .fixture-hero-image img{object-position:top}.fixture-hero-content{padding:1.5rem}.fixture-hero-content h3{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-main);margin:0}.fixture-overlay-container{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.fixture-overlay-container.desktop-view{padding:2rem}.fixture-overlay-container.mobile-view{padding:0}.fixture-overlay-backdrop{position:absolute;inset:0;background:#faf9f6f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.fixture-overlay-content{position:relative;width:100%;background:#fff;box-shadow:0 25px 50px #0000001a;display:flex;flex-direction:column;overflow:hidden;z-index:2001}.desktop-view .fixture-overlay-content{max-width:900px;max-height:90vh;border-radius:24px;border:1px solid var(--panel-border)}.mobile-view .fixture-overlay-content{width:100%;height:100%;border-radius:0}.fixture-overlay-nav{padding:1.5rem 2rem 0;display:flex;align-items:center}.back-btn-overlay{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-main);font-size:1rem;font-weight:600;cursor:pointer;padding:.5rem;margin-left:-.5rem;transition:opacity .2s ease}.desktop-view .back-btn-overlay{position:absolute;top:1.5rem;right:1.5rem;padding:.8rem;border-radius:50%;background:var(--bg-main);border:1px solid var(--panel-border)}.fixture-overlay-header{padding:1rem 2.5rem;border-bottom:1px solid var(--panel-border)}.fixture-overlay-header h3{font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--text-main);margin:0}.fixture-overlay-body{padding:2.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem;flex:1}.fixture-description{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.7;color:#475569;white-space:pre-wrap}.fixture-gallery{display:flex;flex-direction:column;gap:2rem}.fixture-image-container{width:100%;border-radius:12px;overflow:hidden;background:var(--panel-bg)}.fixture-image-container img{width:100%;height:auto;display:block}@media(max-width:850px){.fixture-overlay-header,.fixture-overlay-body{padding:1.5rem}.fixture-overlay-nav{padding:1rem 1rem 0}}