:root{--color-background: #fafafa;--color-background-alt: #f5f5f5;--color-surface: #ffffff;--color-text-primary: #2d2d2d;--color-text-secondary: #6b6b6b;--color-text-muted: #9a9a9a;--color-border: #e8e8e8;--color-border-light: #f0f0f0;--color-accent: #b8c5d6;--color-accent-hover: #a3b4c9;--color-accent-soft: #e8eef5;--color-overlay: rgba(0, 0, 0, .85);--color-overlay-light: rgba(0, 0, 0, .5);--color-metadata-bg: rgba(0, 0, 0, .6);--color-placeholder: #e8e8e8;--color-placeholder-shimmer: #f5f5f5;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-navigation: 300;--z-modal: 400;--z-overlay: 500;--touch-target-min: 44px;--content-max-width: 1200px}@media(min-width:768px){:root{--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 2.5rem}}@media(min-width:1024px){:root{--space-lg: 2.5rem;--space-xl: 3rem;--space-2xl: 4rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto}.touch-scroll{-webkit-overflow-scrolling:touch}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--touch-target-min) + var(--space-md))}button,a,[role=button],input,select,textarea{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}body{overflow-x:hidden}.landing-page{min-height:100vh;display:flex;flex-direction:column}.landing-page__content{flex:1;padding-top:calc(var(--touch-target-min) + var(--space-md))}@media(min-width:768px){.landing-page__content{padding-top:calc(var(--touch-target-min) + var(--space-lg))}}@media(min-width:1024px){.landing-page__content{padding-top:calc(var(--touch-target-min) + var(--space-xl))}}.loading-placeholder{position:relative;width:100%;background-color:var(--color-placeholder);overflow:hidden;border-radius:var(--radius-sm)}.loading-placeholder__shimmer{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-placeholder) 0%,var(--color-placeholder-shimmer) 50%,var(--color-placeholder) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-placeholder--fade-out,.image-loading{opacity:0;transition:opacity var(--transition-smooth)}.image-loaded{opacity:1}.metadata-overlay{position:absolute;bottom:0;left:0;right:0;background:var(--color-metadata-bg);color:var(--color-surface);padding:var(--space-md) var(--space-lg);transform:translateY(100%);transition:transform var(--transition-smooth)}.metadata-overlay--visible{transform:translateY(0)}.metadata-overlay__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.metadata-overlay__details{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.metadata-overlay__detail{display:flex;align-items:center;gap:var(--space-xs)}.metadata-overlay__toggle{position:absolute;top:var(--space-md);right:var(--space-md);width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--color-overlay-light);border-radius:var(--radius-full);color:var(--color-surface);transition:background var(--transition-fast)}.metadata-overlay__toggle:hover,.metadata-overlay__toggle:focus{background:var(--color-overlay)}@media(min-width:768px){.metadata-overlay{padding:var(--space-lg) var(--space-xl)}.metadata-overlay__title{font-size:var(--font-size-xl)}.metadata-overlay__details{font-size:var(--font-size-base)}}.photo-item{position:relative;width:100%;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface);transition:transform var(--transition-base),box-shadow var(--transition-base)}.photo-item:hover,.photo-item:focus{transform:translateY(-2px);box-shadow:var(--shadow-lg);outline:none}.photo-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.photo-item__container{position:relative;width:100%;overflow:hidden;background-color:var(--color-placeholder)}.photo-item__placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.photo-item__image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-smooth)}.photo-item__image--loaded{opacity:1}.photo-item__info{padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center}.photo-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.photo-item__category{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}@media(min-width:768px){.photo-item__info{padding:var(--space-md) var(--space-lg)}.photo-item__title{font-size:var(--font-size-base)}.photo-item__category{font-size:var(--font-size-sm)}}@media(min-width:1024px){.photo-item:hover{transform:translateY(-4px)}}.category-filter{position:relative;z-index:var(--z-dropdown)}.category-filter__toggle{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.category-filter__toggle:hover,.category-filter__toggle:focus{background-color:var(--color-accent-soft);border-color:var(--color-accent);outline:none}.category-filter__toggle--open{background-color:var(--color-accent-soft);border-color:var(--color-accent)}.category-filter__icon{color:var(--color-text-primary);transition:color var(--transition-fast)}.category-filter__toggle:hover .category-filter__icon,.category-filter__toggle:focus .category-filter__icon{color:var(--color-accent-hover)}.category-filter__menu{position:absolute;top:calc(100% + var(--space-xs));right:0;min-width:140px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;padding:var(--space-xs);margin:0;animation:slideDown var(--transition-fast) ease-out}.category-filter__option{display:block;width:100%;padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.category-filter__option:hover,.category-filter__option:focus{background-color:var(--color-accent-soft);outline:none}.category-filter__option--active{background-color:var(--color-accent-soft);color:var(--color-accent-hover);font-weight:var(--font-weight-medium)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.portfolio-gallery{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-md)}.portfolio-gallery__header{display:flex;justify-content:flex-end;margin-bottom:var(--space-lg);position:sticky;top:var(--space-md);z-index:var(--z-sticky)}.portfolio-gallery__grid{display:flex;flex-direction:column;gap:var(--space-lg)}.portfolio-gallery__empty{display:flex;align-items:center;justify-content:center;min-height:300px;background-color:var(--color-background-alt);border-radius:var(--radius-lg);padding:var(--space-xl)}.portfolio-gallery__empty-text{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center}@media(min-width:768px){.portfolio-gallery{padding:var(--space-xl)}.portfolio-gallery__grid{gap:var(--space-xl)}}@media(min-width:1024px){.portfolio-gallery{padding:var(--space-2xl)}}.portfolio-gallery__grid>*{animation:fadeInUp var(--transition-smooth) ease-out;animation-fill-mode:both}.portfolio-gallery__grid>*:nth-child(1){animation-delay:0ms}.portfolio-gallery__grid>*:nth-child(2){animation-delay:50ms}.portfolio-gallery__grid>*:nth-child(3){animation-delay:.1s}.portfolio-gallery__grid>*:nth-child(4){animation-delay:.15s}.portfolio-gallery__grid>*:nth-child(5){animation-delay:.2s}.portfolio-gallery__grid>*:nth-child(6){animation-delay:.25s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.photo-viewer{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-fast) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.photo-viewer__backdrop{position:absolute;inset:0;background-color:var(--color-overlay);animation:fadeIn var(--transition-base) ease-out}.photo-viewer__close{position:absolute;top:var(--space-md);left:var(--space-md);width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--color-overlay-light);border-radius:var(--radius-full);color:var(--color-surface);z-index:1;transition:background var(--transition-fast)}.photo-viewer__close:hover,.photo-viewer__close:focus{background:var(--color-overlay)}.photo-viewer__nav{position:absolute;top:50%;transform:translateY(-50%);width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--color-overlay-light);border-radius:var(--radius-full);color:var(--color-surface);z-index:1;transition:background var(--transition-fast)}.photo-viewer__nav:hover,.photo-viewer__nav:focus{background:var(--color-overlay)}.photo-viewer__nav--prev{left:var(--space-md)}.photo-viewer__nav--next{right:var(--space-md)}.photo-viewer__content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;z-index:0}.photo-viewer__image{max-width:100%;max-height:90vh;object-fit:contain;transition:transform var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:scaleIn var(--transition-base) ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.photo-viewer__counter{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);padding:var(--space-xs) var(--space-md);background:var(--color-overlay-light);border-radius:var(--radius-full);color:var(--color-surface);font-size:var(--font-size-sm);z-index:1}.photo-viewer .metadata-overlay__toggle{top:auto;bottom:calc(var(--space-md) + 40px);right:var(--space-md)}.photo-viewer .metadata-overlay{z-index:1}.photo-viewer__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--color-overlay-light);border-top-color:var(--color-surface);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:767px){.photo-viewer__nav{display:none}.photo-viewer__content{max-width:100vw;max-height:100vh}.photo-viewer__image{max-height:100vh}}@media(min-width:768px){.photo-viewer__close{top:var(--space-lg);left:var(--space-lg)}.photo-viewer__nav--prev{left:var(--space-lg)}.photo-viewer__nav--next{right:var(--space-lg)}.photo-viewer__counter{bottom:var(--space-lg)}}@media(min-width:1024px){.photo-viewer__close{top:var(--space-xl);left:var(--space-xl)}.photo-viewer__nav--prev{left:var(--space-xl)}.photo-viewer__nav--next{right:var(--space-xl)}.photo-viewer__counter{bottom:var(--space-xl)}}.navigation{position:fixed;top:0;left:0;right:0;z-index:var(--z-navigation);background-color:var(--color-surface);border-bottom:1px solid var(--color-border-light);transition:transform var(--transition-smooth);will-change:transform}.navigation--visible{transform:translateY(0)}.navigation--hidden{transform:translateY(-100%)}.navigation__container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:var(--space-sm) var(--space-md);min-height:var(--touch-target-min)}.navigation__logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);transition:color var(--transition-fast)}.navigation__logo:hover,.navigation__logo:focus{color:var(--color-accent-hover)}.navigation__links--desktop{display:none;list-style:none;gap:var(--space-lg)}.navigation__hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--touch-target-min);height:var(--touch-target-min);background:none;border:none;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.navigation__hamburger:hover,.navigation__hamburger:focus{background-color:var(--color-accent-soft);outline:none}.navigation__hamburger-line{display:block;width:20px;height:2px;background-color:var(--color-text-primary);border-radius:1px;margin:2px 0;transition:transform var(--transition-fast),opacity var(--transition-fast)}.navigation__hamburger--open .navigation__hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.navigation__hamburger--open .navigation__hamburger-line:nth-child(2){opacity:0}.navigation__hamburger--open .navigation__hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navigation__links--mobile{position:absolute;top:100%;right:0;background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);list-style:none;padding:var(--space-xs) 0;margin:var(--space-xs) 0 0 0;min-width:120px;animation:fadeIn var(--transition-fast) ease-out}.navigation__menu-wrapper{position:relative}.navigation__link{display:block;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background-color var(--transition-fast)}.navigation__link:hover,.navigation__link:focus{background-color:var(--color-background-alt);outline:none}@media(min-width:768px){.navigation__container{padding:var(--space-md) var(--space-xl)}}@media(min-width:1024px){.navigation__container{padding:var(--space-md) var(--space-2xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--color-border: #333;--color-border-light: #666;--color-text-muted: #555}}.category-previews{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);max-width:1200px;margin:0 auto}.category-preview{position:relative;width:100%;cursor:pointer;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-surface);transition:transform var(--transition-base),box-shadow var(--transition-base)}.category-preview:hover,.category-preview:focus{transform:translateY(-4px);box-shadow:var(--shadow-lg);outline:none}.category-preview:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.category-preview__image-container{position:relative;width:100%;aspect-ratio:1 / 1}.category-preview__placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.category-preview__image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-smooth)}.category-preview__image--loaded{opacity:1}.category-preview__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000;color:var(--color-surface);opacity:0;transition:opacity var(--transition-base),background var(--transition-base)}.category-preview:hover .category-preview__overlay,.category-preview:focus .category-preview__overlay,.category-preview--active .category-preview__overlay{opacity:1;background:#00000080}.category-preview:hover .category-preview__image,.category-preview:focus .category-preview__image,.category-preview--active .category-preview__image{opacity:.8}.category-preview__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0;text-align:center}.category-preview__count{font-size:var(--font-size-base);margin:var(--space-xs) 0 0 0;opacity:.9}.back-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);margin:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.back-button:hover,.back-button:focus{background-color:var(--color-accent-soft);border-color:var(--color-accent);outline:none}.back-button svg{width:20px;height:20px}@media(min-width:768px){.category-previews{gap:var(--space-lg);padding:var(--space-xl)}.category-preview__title{font-size:var(--font-size-3xl)}.back-button{margin:var(--space-lg) var(--space-xl)}}@media(min-width:1024px){.category-previews{padding:var(--space-2xl)}.back-button{margin:var(--space-xl) var(--space-2xl)}}