*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif}:root{--background-color: white;--text-color: #000;--text-color-secondary: #444;--text-color-hover: #000;--border-color: #ddd;--theme-icon-color: #444;--theme-icon-active-color: #000;--sidebar-background: #fff;--sidebar-text: #333;--footer-text-color: #999;--footer-icon-color: #666;--hamburger-color: #333}.dark-theme{--background-color: #121212;--text-color: #fff;--text-color-secondary: #aaa;--text-color-hover: #fff;--border-color: #333;--theme-icon-color: #ccc;--theme-icon-active-color: #fff;--sidebar-background: #121212;--sidebar-text: #fff;--footer-text-color: #888;--footer-icon-color: #444;--hamburger-color: #fff}body{margin:0;padding:0;font-family:Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;margin-left:200px;display:flex;flex-direction:column}.content{margin-left:200px;flex:1;padding:40px 20px;min-height:calc(100vh - 200px)}.sidebar{width:200px;height:100%;position:fixed;top:0;left:0;background-color:var(--sidebar-background);color:var(--sidebar-text);padding:20px;box-sizing:border-box;z-index:100;transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;justify-content:flex-start}.logo{font-size:24px;font-weight:700;margin-bottom:40px;text-decoration:none;color:var(--text-color)}.nav{display:flex;flex-direction:column;flex:1}.nav a{text-decoration:none;color:var(--text-color-secondary);margin-bottom:5px;font-size:14px;font-weight:400;text-transform:none;transition:color .3s}.nav a:hover,.nav a.active{color:var(--text-color-secondary)}.theme-switcher{display:flex;justify-content:center;margin-top:auto;padding-top:30px}.theme-toggle-button{display:none;position:fixed;bottom:20px;left:20px;width:40px;height:40px;border-radius:50%;background-color:var(--background-color);border:1px solid var(--border-color);box-shadow:0 2px 10px #0003;z-index:1000;cursor:pointer;justify-content:center;align-items:center;-webkit-appearance:none;appearance:none;padding:0}.theme-toggle-button svg{width:24px;height:24px;flex:none;fill:var(--theme-icon-color)}.theme-toggle-button .icon-moon,.dark-theme .theme-toggle-button .icon-sun{display:none}.dark-theme .theme-toggle-button .icon-moon{display:block}.theme-icon{width:24px;height:24px;margin:0 5px;cursor:pointer;opacity:.5;transition:opacity .3s ease;-webkit-appearance:none;appearance:none;border:0;background:none;padding:0;display:inline-block;line-height:0}.theme-icon svg{width:100%;height:100%;fill:var(--theme-icon-color)}.theme-icon.active{opacity:1}.theme-icon.active svg{fill:var(--theme-icon-active-color)}.footer{width:calc(100% - 200px);margin-left:200px;padding:25px 0;text-align:center;border-top:1px solid var(--border-color);background-color:var(--background-color);position:relative;z-index:10;bottom:0;clear:both}.social-icons{display:flex;justify-content:center;margin-bottom:15px}.social-icon{display:inline-flex;margin:0 12px;transition:opacity .3s ease}.social-icon svg{width:20px;height:20px;fill:var(--footer-icon-color);transition:fill .3s ease,opacity .3s ease}.social-icon:hover svg{opacity:.7}.copyright{font-size:12px;color:var(--footer-text-color);margin-top:8px}.grid{width:100%;margin-bottom:80px;column-count:4;column-gap:12px}.grid:after{content:"";display:block;clear:both;height:10px}.grid-item{width:100%;margin:0 0 12px;break-inside:avoid;-webkit-column-break-inside:avoid;overflow:hidden;border-radius:2px}.grid-item img{max-width:100%;height:auto;display:block;transition:opacity .3s ease;cursor:pointer}.grid-item img:hover{opacity:.85}.grid-item a{display:block;width:100%;height:100%}.video-container,.video-grid-item{position:relative;z-index:5;overflow:hidden;width:100%;margin-bottom:12px;box-sizing:border-box}.video-container video,.video-grid-item video{width:100%;height:auto;display:block;object-fit:contain;background-color:var(--background-color);max-width:100%;max-height:none}.video-item{position:relative;z-index:5;transform-style:preserve-3d;transform:translateZ(0)}@media(min-width:768px){.video-grid-item{width:calc(50% - 6px)}}@media(min-width:1200px){.video-grid-item{width:calc(33.333% - 8px)}}.video-container{position:relative;cursor:pointer}.video-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:#00000080;border-radius:50%;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-container:hover:after{opacity:.7}.video-container.click-to-play:after{opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:30px}@media(max-width:900px){.grid{column-count:3}}@media(max-width:600px){.grid{column-count:1}.sidebar{width:100px;padding-bottom:100px;font-size:14px}.main-content{margin-left:100px}.content{margin-left:100px;width:calc(100% - 100px)}.footer{width:calc(100% - 100px);margin-left:100px;padding:15px 0}.social-icon svg{width:18px;height:18px}.social-icon{margin:0 8px}.copyright{font-size:11px}.logo{font-size:16px;margin-bottom:15px}.nav a{margin-bottom:8px}.theme-switcher{display:none}.theme-toggle-button{display:flex}}@media(max-height:600px){.theme-switcher{bottom:30px}}.hamburger-menu{display:none;position:fixed;top:15px;left:15px;width:30px;height:30px;cursor:pointer;z-index:1001;padding:5px;-webkit-appearance:none;appearance:none;border:0;background:none}.hamburger-icon{position:relative;display:block;width:100%;height:2px;background-color:var(--hamburger-color);transition:background-color .3s}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;width:100%;height:2px;background-color:var(--hamburger-color);transition:transform .3s}.hamburger-icon:before{top:-8px}.hamburger-icon:after{top:8px}.hamburger-menu.open .hamburger-icon{background-color:transparent}.hamburger-menu.open .hamburger-icon:before{transform:translateY(8px) rotate(45deg)}.hamburger-menu.open .hamburger-icon:after{transform:translateY(-8px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);z-index:1000;opacity:0;transition:opacity .3s ease;overflow-y:auto}.mobile-menu-overlay.open{opacity:1}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.mobile-menu-content .logo{margin-bottom:40px;font-size:24px}.mobile-menu-content .nav{display:flex;flex-direction:column;align-items:center;width:100%}.mobile-menu-content .nav a{margin:15px 0;font-size:18px;text-align:center}.mobile-menu-content .theme-switcher{display:flex;margin-top:40px}.mobile-header{display:none;position:fixed;top:0;left:0;width:100%;height:50px;background-color:var(--background-color);z-index:999;text-align:center;line-height:50px;font-size:20px;font-weight:700;color:var(--text-color);box-shadow:0 1px 3px #0000001a;transition:background-color .3s ease,color .3s ease}.mobile-header span{font-size:20px;font-weight:700;color:var(--text-color)}@media(max-width:600px){.sidebar{display:none}.hamburger-menu,.mobile-header{display:block}.main-content,.content,.footer{margin-left:0;width:100%}.main-content{padding-top:50px}.grid{column-count:1}.theme-toggle-button{bottom:20px;left:20px}.scroll-to-top{bottom:20px;right:20px}}.about-content,.contact-content{max-width:800px;margin:0 auto;line-height:1.6}.about-content h1,.contact-content h1{margin-bottom:30px;font-weight:300;color:var(--text-color-secondary)}.about-content p{margin-bottom:20px;color:#888}.contact-form{margin-top:40px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:var(--text-color-secondary)}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid var(--border-color);font-size:16px;background-color:var(--background-color);color:var(--text-color-secondary)}.form-group textarea{height:150px;resize:vertical}form button{background-color:var(--text-color);color:var(--background-color);border:none;padding:12px 24px;font-size:16px;cursor:pointer;transition:background-color .3s}form button:hover{opacity:.9}.contact-info{margin-top:30px}.contact-info p{display:flex;align-items:center;margin-bottom:15px;font-size:14px;color:#888}.contact-info a{color:inherit;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:var(--text-color)}.contact-icon{width:20px;height:20px;margin-right:10px;flex-shrink:0;fill:currentColor}.viewer-content{display:flex;justify-content:center;align-items:center;height:100vh;padding:0}.viewer-container{position:relative;width:80%;height:80%;display:flex;justify-content:center;align-items:center;overflow:hidden}.viewer-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.viewer-item img{max-width:100%;max-height:100%;object-fit:contain}.viewer-item .video-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.viewer-item .video-container video{max-width:100%;max-height:100%;object-fit:contain}.viewer-nav{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;z-index:100}.pixel-art-icon{image-rendering:pixelated;shape-rendering:crispEdges}.nav-arrow{background:transparent;color:#fff;border:none;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0 20px;z-index:200;padding:0}.nav-arrow svg{width:32px;height:32px;fill:#000;stroke:#ffffff80;stroke-width:.5px}.close-button{position:absolute;top:5px;right:20px;background:transparent;border:none;width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:200;padding:0}.close-button svg{width:28px;height:28px;fill:#000;stroke:#ffffff80;stroke-width:.5px}.nav-arrow,.close-button{background-color:transparent;padding:0;transition:none}.nav-arrow:hover,.close-button:hover{opacity:1}.dark-theme .nav-arrow svg,.dark-theme .close-button svg{fill:#ffffffe6;stroke:#00000080;stroke-width:.5px}.lightbox{position:fixed;inset:0;z-index:2000;background:#000000eb;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;touch-action:none}.lightbox.open{opacity:1}.lightbox[hidden]{display:none}.lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;user-select:none;-webkit-user-drag:none}.lightbox .nav-arrow{position:absolute;top:50%;transform:translateY(-50%);margin:0}.lightbox .nav-arrow.prev{left:16px}.lightbox .nav-arrow.next{right:16px}.lightbox .close-button{position:absolute;top:12px;right:16px}.lightbox .nav-arrow svg,.lightbox .close-button svg{fill:#ffffffeb;stroke:#00000080;stroke-width:.5px}.lightbox .nav-arrow:hover svg,.lightbox .close-button:hover svg{fill:#fff}.grid-item img,.nav a,.logo,.social-icon,.theme-icon,.theme-toggle-button,.grid-item a{cursor:pointer}.video-link{display:block;width:100%;height:100%;cursor:pointer}.video-link video{width:100%;height:100%;object-fit:cover}#filto-video-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#filto-video-player{max-width:90%;max-height:80vh;cursor:pointer}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:40px;height:40px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:1000;text-decoration:none}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top svg{width:18px;height:18px;fill:var(--text-color)}.scroll-to-top:hover{transform:translateY(-3px)}a:focus-visible,button:focus-visible,.grid-item a:focus-visible,.theme-icon:focus-visible{outline:2px solid var(--text-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}