:root{--color-background: #ffffff;--color-text: #1a1a1a;--color-text-muted: #666666;--color-sidebar-bg: #1a1a1a;--color-sidebar-text: #ffffff;--color-sidebar-text-muted: #999999;--color-sidebar-hover: #333333;--color-sidebar-active: #444444;--color-border: #e5e5e5;--color-overlay: rgba(0, 0, 0, .9);--font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-xs: 12px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-base: 1.5;--line-height-tight: 1.2;--letter-spacing-wide: .1em;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--sidebar-width: 240px;--sidebar-width-collapsed: 60px;--header-height: 60px;--content-max-width: 1400px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--z-sidebar: 100;--z-overlay: 200;--z-lightbox: 300;--z-hamburger: 250}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:var(--font-size-base)}body{font-family:var(--font-family);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}a{color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;z-index:var(--z-sidebar);transition:transform var(--transition-base)}.sidebar-overlay{display:none}.sidebar-header{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-sidebar-hover)}.sidebar-logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-sidebar-text);text-decoration:none;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.sidebar-logo:hover{color:var(--color-sidebar-text)}.sidebar-nav{flex:1;min-height:0;padding:var(--spacing-lg) 0;overflow-y:auto}.nav-link{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);color:var(--color-sidebar-text-muted);text-decoration:none;font-size:var(--font-size-sm);letter-spacing:.05em;transition:color var(--transition-fast),background-color var(--transition-fast);border:none;background:none;width:100%;text-align:left;cursor:pointer}.nav-link:hover{color:var(--color-sidebar-text);background-color:var(--color-sidebar-hover)}.nav-link.active{color:var(--color-sidebar-text);background-color:var(--color-sidebar-active)}.nav-group,.nav-submenu{display:flex;flex-direction:column}.nav-sublink{display:block;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-2xl);color:var(--color-sidebar-text-muted);text-decoration:none;font-size:var(--font-size-xs);letter-spacing:.05em;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-sublink:hover{color:var(--color-sidebar-text);background-color:var(--color-sidebar-hover)}.nav-sublink.active{color:var(--color-sidebar-text)}.sidebar-footer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-sidebar-hover);flex-shrink:0}.language-switcher{display:flex;justify-content:center;gap:var(--spacing-md)}.language-btn{display:flex;align-items:center;justify-content:center;width:32px;height:24px;padding:0;border:2px solid transparent;border-radius:2px;background:none;cursor:pointer;opacity:.5;transition:opacity var(--transition-fast),border-color var(--transition-fast)}.language-btn:hover{opacity:.8}.language-btn.active{opacity:1;border-color:var(--color-sidebar-text)}.language-btn img{width:100%;height:100%;object-fit:cover;border-radius:1px}.nav-social-wrapper{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.nav-social{display:inline-flex;color:var(--color-sidebar-text);text-decoration:none;transition:opacity var(--transition-fast)}.nav-social:hover{opacity:.7}.nav-social svg{width:32px;height:32px}@media(max-width:1023px)and (min-width:768px){.sidebar{width:var(--sidebar-width-collapsed)}.sidebar-header{padding:var(--spacing-md);text-align:center}.sidebar-logo{font-size:var(--font-size-sm);writing-mode:vertical-rl;text-orientation:mixed}.nav-link{justify-content:center;padding:var(--spacing-md);font-size:var(--font-size-xs)}.nav-submenu{display:none}.sidebar-footer{padding:var(--spacing-md);gap:var(--spacing-sm)}.language-switcher{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.language-btn{width:28px;height:20px}.social-link svg{width:20px;height:20px}}@media(max-width:767px){.sidebar{transform:translate(-100%);height:100dvh}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background-color:#00000080;z-index:calc(var(--z-sidebar) - 1);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar-header{padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(44px + var(--spacing-lg))}.sidebar-nav{padding:var(--spacing-sm) 0}.nav-link{padding:var(--spacing-sm) var(--spacing-lg)}.nav-sublink{padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-2xl)}.sidebar-footer{padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-sm)}}.layout{min-height:100vh;background-color:var(--color-background)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;padding:var(--spacing-2xl)}.hamburger{display:none;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:var(--z-hamburger);width:44px;height:44px;padding:var(--spacing-sm);background-color:var(--color-sidebar-bg);border:none;border-radius:4px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}.hamburger-line{display:block;width:24px;height:2px;background-color:var(--color-sidebar-text);transition:transform var(--transition-fast)}@media(max-width:1023px)and (min-width:768px){.main-content{margin-left:var(--sidebar-width-collapsed)}}@media(max-width:767px){.main-content{margin-left:0;padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + 60px)}.hamburger{display:flex}}.home{margin:calc(-1 * var(--spacing-2xl));min-height:100vh}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f5f5f5}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:1;text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);width:400px;max-width:calc(100vw - 2 * var(--spacing-lg))}.hero-logo{max-width:400px;width:100%;height:auto;margin:0 auto;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}.hero-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);letter-spacing:.05em;margin:0;position:relative;top:-50px;color:#000;text-shadow:none;white-space:nowrap}@media(max-width:767px){.home{margin:calc(-1 * var(--spacing-lg));margin-top:calc(-1 * var(--spacing-lg) - 60px)}.hero-content{width:300px}.hero-logo{max-width:300px}.hero-subtitle{font-size:var(--font-size-sm);top:-35px}}.portfolio{max-width:var(--content-max-width)}.portfolio-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin:0 0 var(--spacing-2xl);color:var(--color-text)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.category-card{position:relative;aspect-ratio:4 / 5;overflow:hidden;text-decoration:none;color:#fff}.category-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f5}.category-image-wrapper img,.category-image-wrapper>div{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.category-card:hover .category-image-wrapper img,.category-card:hover .category-image-wrapper>div{transform:scale(1.05)}.category-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin:0}.category-count{font-size:var(--font-size-xs);opacity:.7;margin-top:var(--spacing-xs)}@media(max-width:1023px){.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media(max-width:767px){.category-grid{grid-template-columns:1fr}.portfolio-title{font-size:var(--font-size-xl)}.category-name{font-size:var(--font-size-lg)}}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.image-grid-item{position:relative;aspect-ratio:3 / 4;overflow:hidden;background-color:#f5f5f5;border:none;padding:0;cursor:pointer;opacity:0;transition:opacity var(--transition-base)}.image-grid-item.loaded{opacity:1}.image-grid-item img,.image-grid-item>div{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.image-grid-item:hover img,.image-grid-item:hover>div{transform:scale(1.05)}.image-grid-item:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}@media(max-width:1023px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:767px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}}.lightbox{position:fixed;inset:0;background-color:var(--color-overlay);z-index:var(--z-lightbox);display:flex;align-items:center;justify-content:center}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-content img,.lightbox-content>div{max-width:100%;max-height:90vh;object-fit:contain}.lightbox-content canvas{max-width:100%;max-height:90vh;object-fit:contain;width:auto!important;height:auto!important}.lightbox-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;color:#fff;cursor:pointer;padding:var(--spacing-sm);opacity:.7;transition:opacity var(--transition-fast)}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;padding:var(--spacing-md);opacity:.7;transition:opacity var(--transition-fast)}.lightbox-nav:hover{opacity:1}.lightbox-prev{left:var(--spacing-lg)}.lightbox-next{right:var(--spacing-lg)}.lightbox-counter{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);color:#fff;font-size:var(--font-size-sm);opacity:.7}@media(max-width:767px){.lightbox-nav{padding:var(--spacing-sm)}.lightbox-prev{left:var(--spacing-sm)}.lightbox-next{right:var(--spacing-sm)}.lightbox-close{top:var(--spacing-md);right:var(--spacing-md)}}.portfolio-category{max-width:var(--content-max-width)}.category-header{margin-bottom:var(--spacing-2xl)}.back-link{display:inline-block;color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-text)}.category-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin:0 0 var(--spacing-sm);color:var(--color-text)}.category-header .category-description{color:var(--color-text)!important;font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0 0 var(--spacing-sm);max-width:600px}.category-info{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.loading,.error{color:var(--color-text-muted);font-size:var(--font-size-base)}@media(max-width:767px){.category-title{font-size:var(--font-size-xl)}}.contact{max-width:var(--content-max-width)}.contact-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin:0 0 var(--spacing-2xl);color:var(--color-text)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-lg);color:var(--color-text)}.info-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.info-value{font-size:var(--font-size-base);color:var(--color-text);text-decoration:none}.info-value:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:var(--font-size-sm);color:var(--color-text)}.form-input,.form-textarea{padding:var(--spacing-md);border:1px solid var(--color-border);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-text)}.form-textarea{resize:vertical;min-height:120px}.form-submit{align-self:flex-start;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-text);color:var(--color-background);border:none;font-family:inherit;font-size:var(--font-size-sm);letter-spacing:.05em;cursor:pointer;transition:opacity var(--transition-fast)}.form-submit:hover:not(:disabled){opacity:.8}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-message{margin:0;padding:var(--spacing-md);font-size:var(--font-size-sm)}.form-success{color:#166534;background-color:#dcfce7}.form-error{color:#991b1b;background-color:#fee2e2}@media(max-width:1023px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}}@media(max-width:767px){.contact-title{font-size:var(--font-size-xl)}}.about{max-width:800px}.about-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin:0 0 var(--spacing-2xl);color:var(--color-text)}.about-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.about-header{display:flex;justify-content:center}.profile-image{width:280px;height:280px;object-fit:cover;border-radius:50%;overflow:hidden}.profile-image canvas{border-radius:50%}.about-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.about-text{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-muted);margin:0}@media(max-width:767px){.about-title{font-size:var(--font-size-xl)}.profile-image{width:200px;height:200px}.profile-image canvas{border-radius:50%}}