@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;--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}.nav-link:hover{color:#475569}.nav-link.active{color:#334155;border-bottom-color:#334155}.hamburger{display:none;position:fixed;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:900px;line-height:1.4;font-weight:300}.section-description{max-width:800px;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)}.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}.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)}.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)}.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%}.full-image-container{width:100%}.full-image-container img{width:100%;height:auto;border-radius:8px}.image-caption{margin-top:1rem;font-family:var(--font-heading);font-size:.9rem;color:var(--text-muted)}.books-shelf{display:flex;flex-wrap:wrap;gap:clamp(1.5rem,3vw,3rem);padding-bottom:10rem}.book-container{width:clamp(140px,15vw,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}.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)}.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-spine{position:absolute;top:0;left:0;width:30px;height:100%;background:linear-gradient(to right,#1e293b,#334155,#1e293b);transform-origin:left;transform:rotateY(-90deg)}.book-pages{position:absolute;inset:3px -3px 3px 3px;background:#f8fafc;transform:translateZ(-28px);box-shadow:inset 4px 0 10px #0000001a;border:1px solid #e2e8f0;border-left:none;border-radius:0 4px 4px 0}.book-pages:before{content:"";position:absolute;top:0;bottom:0;right:-1px;width:28px;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 3px 3px 0;background-color:var(--panel-bg);box-shadow:inset 4px 0 10px #0000001a;backface-visibility:hidden;transform:translateZ(.5px)}.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:2.5rem;text-align:center}.inside-content .desc{font-family:Georgia,serif;font-size:.95rem;line-height:1.7;text-align:justify;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}.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}.read-more-btn:hover:after{width:100%}.book-title-small{margin-top:1rem;font-size:.85rem;font-weight:600;color:var(--text-main);text-align:center}.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:6rem 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}}.contact-container{display:block;max-width:600px;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(--text-main);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}.submit-btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00000026;background:#1e293b}.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}@media(max-width:850px){.contact-container{max-width:100%}}