:root{--color-bg: #0a0a0f;--color-text: #f0f0f5;--color-text-muted: rgba(240, 240, 245, .6);--color-accent: #a78bfa;--color-accent-glow: rgba(167, 139, 250, .3);--glass-bg: rgba(15, 15, 25, .65);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 24px;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-hero: clamp(2rem, 5vw, 3.5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-normal: .35s;--duration-slow: .6s;--header-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#bg-canvas canvas{display:block;width:100%!important;height:100%!important}#site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);pointer-events:none}.header-name{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);letter-spacing:-.02em;pointer-events:auto;text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}.header-name:hover{opacity:.8;color:var(--color-text)}#header-nav{display:flex;align-items:center;gap:var(--space-lg);pointer-events:auto}.nav-item{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:var(--space-sm) var(--space-md);border:none;background:transparent;border-radius:6px;transition:all var(--duration-fast) var(--ease-out);position:relative}.nav-item:after{content:"";position:absolute;bottom:2px;left:50%;width:0;height:2px;background:var(--color-accent);transition:all var(--duration-normal) var(--ease-out);transform:translate(-50%);border-radius:1px}.nav-item:hover{color:var(--color-text)}.nav-item:hover:after{width:60%}.mobile-menu-toggle{display:none;position:fixed;top:18px;right:var(--space-xl);z-index:200;width:32px;height:24px;flex-direction:column;justify-content:space-between;background:transparent;border:none;cursor:pointer;pointer-events:auto}.mobile-menu-toggle span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--duration-normal) var(--ease-out);transform-origin:center}.mobile-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(11px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}@media(max-width:640px){.mobile-menu-toggle{display:flex}#header-nav{display:none}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;transition:opacity var(--duration-normal) var(--ease-out)}.overlay.hidden{opacity:0;pointer-events:none}.overlay.hidden .overlay-panel{transform:translateY(20px) scale(.97)}.overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#06060fb3}.overlay-panel{position:relative;width:min(520px,90vw);max-height:80vh;background:#0f0f1eeb;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform var(--duration-normal) var(--ease-out);box-shadow:0 0 0 1px #ffffff0a,0 8px 40px #00000080,0 0 80px var(--color-accent-glow)}.overlay-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--glass-border);min-height:52px}.overlay-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.overlay-btn:hover{background:#ffffff1a;color:var(--color-text)}#overlay-back.hidden-btn{visibility:hidden}.breadcrumb{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:.03em}.overlay-content{padding:var(--space-lg);overflow-y:auto;flex:1}.menu-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.menu-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-radius:10px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:500;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.menu-list-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#a78bfa14,#a78bfa05);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);border-radius:inherit}.menu-list-item:hover:before{opacity:1}.menu-list-item:hover{background:#ffffff0a}.menu-list-item .arrow{color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.menu-list-item:hover .arrow{transform:translate(3px);color:var(--color-accent)}.content-page h1{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-lg);letter-spacing:-.02em}.content-page h2{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:500;margin-top:var(--space-xl);margin-bottom:var(--space-md)}.content-page p{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-md)}.content-page a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.content-page img{max-width:100%;border-radius:10px;margin:var(--space-lg) 0}.content-page ul,.content-page ol{padding-left:var(--space-xl);margin-bottom:var(--space-md);color:var(--color-text-muted)}.content-page li{margin-bottom:var(--space-sm);line-height:1.6}.download-links{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xl)}.download-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:8px;border:1px solid var(--glass-border);background:#a78bfa1a;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.download-btn:hover{background:#a78bfa33;color:var(--color-text);border-color:var(--color-accent)}.contact-email{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-accent);display:inline-block;padding:var(--space-md) 0;transition:color var(--duration-fast) var(--ease-out)}.contact-email:hover{color:var(--color-text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.gallery-container{width:100%;margin:var(--space-xl) auto}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);width:100%}.gallery-item{aspect-ratio:4 / 3;width:100%;overflow:hidden;border-radius:8px;cursor:pointer;border:1px solid var(--glass-border);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.gallery-item:hover{transform:translateY(-2px);border-color:var(--color-accent)}.gallery-item img{width:100%;height:100%;object-fit:cover;margin:0}.viewer-container{width:100%;aspect-ratio:16 / 9;background:#0006;border-radius:12px;margin:var(--space-xl) 0;border:1px solid var(--glass-border);position:relative;overflow:hidden;cursor:zoom-in}.viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:transparent}.viewer-label{position:absolute;top:var(--space-md);left:var(--space-md);background:#0f0f1ecc;padding:var(--space-xs) var(--space-sm);border-radius:4px;font-size:var(--font-size-xs);color:var(--color-text-muted);pointer-events:none;z-index:6}#zoom-modal img{max-width:80vw;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:12px;transform:scale(.95);transition:transform var(--duration-normal) var(--ease-out)}#zoom-modal,#model-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#06060fe6;display:flex;align-items:center;justify-content:center;transition:opacity var(--duration-normal) var(--ease-out);opacity:0;pointer-events:none}#zoom-modal:not(.hidden),#model-modal:not(.hidden){opacity:1;pointer-events:auto}#model-modal .modal-panel{width:80vw;height:80vh;background:#0f0f1ef2;border:1px solid var(--glass-border);border-radius:16px;position:relative;overflow:hidden}#model-modal .modal-close{position:absolute;top:var(--space-md);right:var(--space-md);z-index:10}#model-viewer-container{width:100%;height:100%}.menu-header{padding:var(--space-lg) var(--space-lg) var(--space-xs);font-size:var(--font-size-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;font-weight:700;opacity:.8}.menu-divider{height:1px;background:var(--glass-border);margin:var(--space-sm) var(--space-lg);display:block}.overlay-content::-webkit-scrollbar{width:6px}.overlay-content::-webkit-scrollbar-track{background:transparent}.overlay-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.overlay-content::-webkit-scrollbar-thumb:hover{background:#fff3}