:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fffffff2;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--fs-xs: clamp(.75rem, 2vw, .875rem);--fs-sm: clamp(.875rem, 2.5vw, 1rem);--fs-base: clamp(1rem, 3vw, 1.125rem);--fs-lg: clamp(1.125rem, 3.5vw, 1.25rem);--fs-xl: clamp(1.25rem, 4vw, 1.5rem);--fs-2xl: clamp(1.5rem, 5vw, 2rem);--fs-3xl: clamp(2rem, 6vw, 2.5rem);--fs-4xl: clamp(2.5rem, 7vw, 3.5rem);--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 2vw, 1rem);--space-md: clamp(1rem, 3vw, 1.5rem);--space-lg: clamp(1.5rem, 4vw, 2rem);--space-xl: clamp(2rem, 5vw, 3rem);--space-2xl: clamp(3rem, 6vw, 4rem)}*[style*=Samarkan],*[class*=samarkan],*[class*=title],*[class*=brand],*[class*=logo],.samarkan,[style*="font-family: 'Samarkan'"],[style*="font-family:Samarkan"],[style*="fontFamily: 'Samarkan"],[style*="fontFamily:Samarkan"]{letter-spacing:0px!important}*{&:has([style*=Samarkan]){letter-spacing:0px!important}}html{scroll-behavior:smooth}a{font-weight:500;color:#6cc;text-decoration:inherit}a:hover{color:#8dd}body{margin:0;padding:0;min-width:100%;min-height:100vh;background-color:#000;color:#fff;overflow-x:hidden;position:relative}h1{font-size:var(--fs-4xl);line-height:1.1;color:#fff}button{border-radius:.5rem;border:1px solid transparent;padding:clamp(.5rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);font-size:var(--fs-base);font-weight:500;font-family:inherit;background-color:#004545;color:#fff;cursor:pointer;transition:all .25s;min-height:44px}button:hover{background-color:#066;border-color:#fff3}button:focus,button:focus-visible{outline:2px solid #66cccc;outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container-wide{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-md)}.grid{display:grid;gap:var(--space-md)}.flex{display:flex;gap:var(--space-md)}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.items-center{align-items:center}.text-center{text-align:center}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}@media (max-width: 480px){:root{--space-md: 1rem;--space-lg: 1.25rem;--space-xl: 1.5rem}.container,.container-wide{padding:0 var(--space-sm)}}@media (max-width: 768px){.grid-responsive{grid-template-columns:1fr}.flex-responsive{flex-direction:column}}@media (min-width: 768px){.grid-md-2{grid-template-columns:repeat(2,1fr)}.grid-md-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid-lg-4{grid-template-columns:repeat(4,1fr)}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background-color:#000;color:#fff;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{height:100%}.app{min-height:100vh;background-color:#000;position:relative}.app-content{position:relative;z-index:2;min-height:100vh}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:3px solid rgba(195,143,33,.3);border-top:3px solid #c38f21;border-radius:50%;animation:spin 1s linear infinite}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#000000e6;backdrop-filter:blur(10px);padding:1rem 2rem}.nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-family:Samarkan,serif;font-size:1.5rem;color:#c38f21;text-decoration:none;letter-spacing:2px}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:#d4af85;text-decoration:none;transition:color .3s ease;font-weight:500}.nav-link:hover,.nav-link.active{color:#c38f21}.intro-video-container{height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.lazy-loading-fallback{display:flex;justify-content:center;align-items:center;height:100vh;background:#000;color:#c38f21;font-size:1.2rem;font-family:Samarkan,serif}.samarkan,[style*=Samarkan]{letter-spacing:.05em!important}.hw-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.smooth-transition{transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.smooth-transition:hover{transform:translateY(-2px)}.loading-skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,3vw,2rem);container-type:inline-size}@container (max-width: 400px){.responsive-grid{grid-template-columns:1fr}}.image-container{position:relative;overflow:hidden;background:linear-gradient(45deg,#1a1a1a,#2a2a2a)}.image-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;z-index:1;pointer-events:none}.optimized-text{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"kern" 1}.aspect-ratio-container{position:relative;width:100%}.aspect-ratio-container:before{content:"";display:block;padding-top:75%}.aspect-ratio-content{position:absolute;top:0;left:0;width:100%;height:100%}.smooth-scroll{scroll-behavior:smooth}.scroll-container{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.focus-visible{outline:2px solid #c38f21;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-skeleton{animation:none}}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:0 400px}.layout-contained{contain:layout style paint}.gpu-layer{transform:translateZ(0);will-change:transform}.flex-optimized{display:flex;align-items:center;justify-content:center}.lazy-load-trigger{min-height:1px;margin:50px 0}.hover-lift{transition:transform .2s ease-out}.hover-lift:hover{transform:translateY(-4px)}.backdrop-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-out forwards}.font-display-swap{font-display:swap}@keyframes square-animation{0%{left:0;top:0}10.5%{left:0;top:0}12.5%{left:32px;top:0}23%{left:32px;top:0}25%{left:64px;top:0}35.5%{left:64px;top:0}37.5%{left:64px;top:32px}48%{left:64px;top:32px}50%{left:32px;top:32px}60.5%{left:32px;top:32px}62.5%{left:32px;top:64px}73%{left:32px;top:64px}75%{left:0;top:64px}85.5%{left:0;top:64px}87.5%{left:0;top:32px}98%{left:0;top:32px}to{left:0;top:0}}.loader{position:relative;width:96px;height:96px;transform:rotate(45deg);margin:2rem auto}.loader-square{position:absolute;top:0;left:0;width:28px;height:28px;margin:2px;border-radius:4px;background:linear-gradient(135deg,#c38f21,#e6b33a);background-size:cover;background-position:center;animation:square-animation 10s ease-in-out infinite both;box-shadow:0 2px 8px #c38f214d}.loader-square:nth-of-type(1){animation-delay:0s}.loader-square:nth-of-type(2){animation-delay:-1.4285714286s}.loader-square:nth-of-type(3){animation-delay:-2.8571428571s}.loader-square:nth-of-type(4){animation-delay:-4.2857142857s}.loader-square:nth-of-type(5){animation-delay:-5.7142857143s}.loader-square:nth-of-type(6){animation-delay:-7.1428571429s}.loader-square:nth-of-type(7){animation-delay:-8.5714285714s}.loader-square:nth-of-type(8){animation-delay:-10s}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#001a1a99;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:9999;animation:fadeIn .6s ease}.loading-container{text-align:center;animation:slideUp .8s ease;background:#002f2f14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(195,143,33,.15);border-radius:20px;padding:3rem 2.5rem;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff14}.loading-logo{margin-bottom:3rem}.loading-title{font-family:Samarkan,Cinzel,serif;font-size:3.5rem;color:#c38f21;font-weight:700;letter-spacing:0px;margin:0 0 1rem;text-transform:uppercase;animation:glow 3s ease-in-out infinite alternate;text-shadow:0 0 25px rgba(195,143,33,.6)}.loading-subtitle{font-size:1.1rem;color:#d4af85;font-weight:300;opacity:.9;letter-spacing:1.5px;margin:0 0 2rem;animation:pulse 2.5s ease-in-out infinite}.loading-status{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-text{font-size:1.2rem;color:#d4af85;font-weight:400;opacity:.9;animation:pulse 2.5s ease-in-out infinite;letter-spacing:.8px;text-shadow:0 0 10px rgba(212,175,133,.3);transition:all .5s ease}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{text-shadow:0 0 25px rgba(195,143,33,.6)}50%{text-shadow:0 0 35px rgba(195,143,33,.8)}to{text-shadow:0 0 25px rgba(195,143,33,.6)}}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:.9}50%{opacity:.6}}@media (max-width: 768px){.loading-title{font-size:2.8rem;letter-spacing:2px}.loading-subtitle{font-size:1rem}.loading-text{font-size:1.1rem}.progress-bar{width:220px}.progress-percentage{font-size:1.1rem}}@media (max-width: 480px){.loading-title{font-size:2.2rem;letter-spacing:1.5px}.loading-subtitle{font-size:.9rem}.progress-bar{width:180px;height:5px}.loading-dots{gap:.8rem}.loading-dots span{width:10px;height:10px}.loading-text,.progress-percentage{font-size:1rem}}.toast-icon-svg{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon-svg svg{width:20px;height:20px;display:block}.toast-icon-emoji{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon-custom{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon-spin{animation:toast-spin 1s linear infinite}@keyframes toast-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification.success .toast-icon-svg{color:#48bb78}.notification.error .toast-icon-svg{color:#f56565}.notification.warning .toast-icon-svg{color:#ed8936}.notification.info .toast-icon-svg{color:#4299e1}.notification.loading .toast-icon-svg{color:#667eea}.toast-icon-svg:hover{transform:scale(1.05);transition:transform .1s ease}@media (prefers-reduced-motion: reduce){.toast-icon-spin{animation:none}.toast-icon-svg:hover{transform:none}}.notification-container{position:fixed;pointer-events:none;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;width:100%}.notification-container.top-right{top:20px;right:20px}.notification-container.top-left{top:20px;left:20px}.notification-container.top-center{top:20px;left:50%;transform:translate(-50%)}.notification-container.bottom-right{bottom:20px;right:20px}.notification-container.bottom-left{bottom:20px;left:20px}.notification-container.bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.notification{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#fffffff2;backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;border:1px solid rgba(255,255,255,.2);min-width:320px;max-width:400px;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.notification.show{transform:translate(0);opacity:1}.notification.hide{transform:translate(100%);opacity:0}.notification-icon{font-size:20px;line-height:1;flex-shrink:0;margin-top:2px}.notification-content{flex:1;display:flex;flex-direction:column;gap:4px}.notification-message{font-size:14px;font-weight:500;line-height:1.4;color:#1a202c;margin:0}.notification-description{font-size:13px;line-height:1.3;color:#4a5568;margin:0}.notification-close{background:none;border:none;font-size:18px;line-height:1;color:#718096;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.notification-close:hover{background:#0000000d;color:#2d3748}.notification.success{border-left:4px solid #48bb78}.notification.success .notification-icon{color:#48bb78}.notification.error{border-left:4px solid #f56565}.notification.error .notification-icon{color:#f56565}.notification.warning{border-left:4px solid #ed8936}.notification.warning .notification-icon{color:#ed8936}.notification.info{border-left:4px solid #4299e1}.notification.info .notification-icon{color:#4299e1}.notification.loading{border-left:4px solid #667eea}.notification.loading .notification-icon{color:#667eea;animation:spin 1s linear infinite}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;transform-origin:left;animation:progress linear}.notification.success .notification-progress{background:#48bb78}.notification.error .notification-progress{background:#f56565}.notification.warning .notification-progress{background:#ed8936}.notification.info .notification-progress{background:#4299e1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 768px){.notification-container{max-width:calc(100vw - 40px);left:20px!important;right:20px!important;transform:none!important}.notification{min-width:unset;max-width:100%}.notification-container.top-left,.notification-container.top-right,.notification-container.top-center{top:10px}.notification-container.bottom-left,.notification-container.bottom-right,.notification-container.bottom-center{bottom:10px}}@media (prefers-color-scheme: dark){.notification{background:#1a202cf2;border-color:#ffffff1a}.notification-message{color:#f7fafc}.notification-description{color:#cbd5e0}.notification-close{color:#a0aec0}.notification-close:hover{background:#ffffff1a;color:#e2e8f0}}@media (prefers-reduced-motion: reduce){.notification{transition:opacity .2s ease}.notification-icon,.notification-progress{animation:none}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particles-container canvas{width:100%!important;height:100%!important}@media (max-width: 768px){.gallery-blur-overlay{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;background:#0000004d!important}.gallery-grid{grid-template-columns:1fr!important;gap:1rem!important;padding:1rem 0!important}.artwork-image-container{height:250px!important;background:linear-gradient(135deg,#001a1a,#002020)!important}.artwork-card{transition:transform .2s ease!important}.artwork-card:hover{transform:none!important}.gallery-title,.artwork-title,.artwork-artist{text-rendering:optimizeSpeed!important;-webkit-font-smoothing:subpixel-antialiased!important}.artwork-card,.universal-card{box-shadow:0 2px 8px #0003!important}.artwork-overlay{background:#000000b3!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.artwork-image-placeholder,.universal-card-image-placeholder{background:#002020!important}.filter-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#c38f2126!important}}@media (max-width: 480px){.artwork-image-container{height:200px!important}.gallery-page-content{padding:.5rem!important}.artwork-info{padding:1rem!important}.gallery-page-header{padding:1.5rem 0!important}.gallery-title{font-size:1.8rem!important;text-shadow:1px 1px 2px rgba(0,0,0,.5)!important}.artwork-title{font-size:1.1rem!important}.artwork-artist{font-size:.9rem!important}.category-filters{gap:.25rem!important}.filter-btn{padding:.5rem 1rem!important;font-size:.75rem!important}}@media (max-width: 768px) and (max-resolution: 1.5dppx){.loading-spinner{animation:none!important;border:3px solid #c38f21!important;border-radius:50%!important}.loading-skeleton{background:#ffffff1a!important;animation:none!important}}@media (prefers-reduced-motion: reduce){.gallery-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gallery-particles-background{display:none!important}}@media (prefers-contrast: high){.artwork-overlay{background:#000000e6!important}.artwork-title{color:#fff!important}.filter-btn{border-width:2px!important}}@media (pointer: coarse){.filter-btn{min-height:44px!important;min-width:44px!important;padding:.75rem 1.25rem!important}.btn-view{min-height:44px!important;padding:.75rem 1.5rem!important}.filter-btn:hover,.btn-view:hover,.artwork-card:hover{transform:none!important;box-shadow:inherit!important}}@media (max-width: 768px){.lazy-image{image-rendering:optimizeSpeed!important;image-rendering:-webkit-optimize-contrast!important}.artwork-image{image-rendering:optimizeSpeed!important}}@media (max-width: 768px){.gallery-container{animation-fill-mode:none!important}.gallery-particles-background{z-index:0!important}.gallery-blur-overlay{z-index:1!important}.gallery-page-content{z-index:2!important}}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none!important}}@media (max-width: 768px){.gallery-container{overflow-anchor:none;scroll-behavior:auto}.smooth-scroll{transform:translateZ(0);-webkit-overflow-scrolling:touch}}@supports (backdrop-filter: blur(4px)){@media (max-width: 768px) and (min-resolution: 2dppx){.gallery-blur-overlay{backdrop-filter:blur(3px)!important}}}@media (max-width: 768px) and (orientation: landscape){.gallery-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.artwork-image-container{height:180px!important}}@media (max-width: 768px){.gallery-container[data-connection=slow] .gallery-particles-background{display:none!important}.gallery-container[data-connection=slow] .gallery-blur-overlay{backdrop-filter:none!important;background:#0006!important}.gallery-container[data-connection=slow] .artwork-overlay{backdrop-filter:none!important}}.app{min-height:100vh;background-color:#000;color:#fff;width:100%;overflow-x:hidden;position:relative}#root{width:100%;margin:0;padding:0;background-color:#000;min-height:100vh;overflow-x:hidden}*{box-sizing:border-box}body{margin:0;padding:0;background-color:#000;overflow-x:hidden;width:100%;max-width:100vw}html,body{max-width:100%;overflow-x:hidden}.app-particles-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.app-content{position:relative;z-index:10}