@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import "https://fonts.cdnfonts.com/css/lemon-milk";.navbar{box-sizing:border-box;background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:20px 5%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.navbar--hidden{transform:translateY(-100%)}.navbar-logo a{font-family:var(--font-serif);letter-spacing:1px;color:var(--text-primary);text-transform:uppercase;font-size:1.5rem;font-weight:700}.navbar-links{gap:32px;display:flex}.navbar-links a{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.95rem;font-weight:500;transition:color .3s;position:relative}.navbar-links a:after{content:"";background-color:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.navbar-links a:hover,.navbar-links a.active{color:var(--text-primary)}.navbar-links a.active:after{width:100%}.lang-select{color:var(--text-primary);border:1px solid var(--border-color);font-family:var(--font-sans);cursor:none;background:0 0;border-radius:4px;outline:none;margin-left:20px;padding:4px 8px;font-size:.9rem}.lang-select option{background:var(--bg-color);color:var(--text-primary)}.theme-toggle{color:var(--text-primary);cursor:none;background:0 0;border:none;justify-content:center;align-items:center;margin-left:10px;padding:5px;transition:color .3s,transform .3s;display:flex}.theme-toggle:hover{color:var(--accent);transform:scale(1.1)}.mobile-menu-btn{color:var(--text-primary);cursor:none;z-index:1001;background:0 0;border:none;display:none}@media (width<=1215px){.navbar{padding:15px 5%}.mobile-menu-btn{display:block}.navbar-links{background-color:var(--navbar-mobile-bg);-webkit-backdrop-filter:blur(15px);z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100vw;height:100vh;transition:right .4s ease-in-out;position:fixed;top:0;right:-100%}.navbar-links.mobile-open{right:0}.navbar-links a{font-size:1.5rem}}.global-footer{background-color:var(--footer-bg);color:var(--text-primary);border-top:1px solid var(--border-color);z-index:10;flex-direction:column;padding:60px 5vw 20px;display:flex;position:relative}.footer-content{justify-content:space-between;align-items:flex-start;margin-bottom:60px;display:flex}.footer-logo h2{font-family:var(--font-serif);color:var(--text-primary);text-transform:uppercase;margin:0;font-size:2rem}.footer-links{gap:30px;display:flex}.footer-links a{color:var(--text-secondary);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1px;cursor:none;font-size:.9rem;transition:color .3s}.footer-links a:hover{color:var(--text-primary)}.footer-socials{gap:20px;display:flex}.footer-socials a{color:var(--text-secondary);cursor:none;transition:color .3s,transform .3s}.footer-socials a:hover{color:var(--text-primary);transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;padding-top:20px;display:flex}.footer-bottom p{color:var(--text-secondary);font-family:var(--font-sans);margin:0;font-size:.8rem}@media (width<=768px){.footer-content{text-align:center;flex-direction:column;align-items:center;gap:30px}}.cookie-banner-overlay{z-index:9999;box-sizing:border-box;justify-content:center;width:100%;padding:0 20px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:fixed;bottom:30px;left:0}@keyframes slideUp{0%{opacity:0;transform:translateY(150%)}to{opacity:1;transform:translateY(0)}}.cookie-banner{background-color:var(--panel-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);border-radius:0;justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:900px;padding:20px 30px;display:flex;box-shadow:0 20px 40px #00000080}.cookie-text{color:var(--text-primary);font-family:var(--font-sans);margin:0;font-size:.95rem;line-height:1.4}.cookie-actions{flex-shrink:0;gap:15px;display:flex}.cookie-btn{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1px;cursor:none;background:0 0;border-radius:0;padding:10px 20px;font-size:.85rem;transition:all .3s}.cookie-decline:hover{background-color:#ffffff0d}.cookie-accept{border-color:var(--text-primary);background-color:var(--text-primary);color:var(--bg-color);font-weight:600}.cookie-accept:hover{color:var(--text-primary);background-color:#0000}@media (width<=768px){.cookie-banner{text-align:center;flex-direction:column;gap:20px;padding:20px}.cookie-actions{justify-content:center;width:100%}}.galaxy-container{width:100%;height:100%;position:relative}.my-art-page{background-color:var(--bg-color);flex-direction:column;width:100%;min-height:100dvh;padding-top:80px;display:flex;position:relative}.accordion-container{width:100vw;height:calc(100dvh - 80px);display:flex;overflow:hidden}.accordion-panel{cursor:none;border-right:1px solid #ffffff0d;flex:1;transition:flex .6s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.accordion-panel:last-child{border-right:none}.accordion-panel:after{content:"";pointer-events:none;z-index:20;border:2px solid #0000;transition:border-color .6s;position:absolute;inset:0}.accordion-panel.active:after{border-color:var(--panel-color)}.accordion-panel.active{flex:5}.panel-bg{object-fit:cover;filter:grayscale(80%)brightness(.4);width:105%;height:105%;transition:transform .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.accordion-panel:hover .panel-bg{transform:translate(-50%,-50%)scale(1.02)}.accordion-panel.active .panel-bg{filter:grayscale(0%)brightness(.7)}.panel-overlay{background:linear-gradient(to top, var(--overlay-bg) 0%, transparent 50%, var(--overlay-bg) 100%);z-index:1;width:100%;height:100%;transition:background .4s;position:absolute;top:0;left:0}.accordion-panel:hover .panel-overlay,.accordion-panel.active .panel-overlay{background:linear-gradient(to top, var(--overlay-bg) 0%, transparent 50%, transparent 100%)}.panel-content{z-index:10;width:100%;height:100%;color:var(--text-primary);flex-direction:column;justify-content:flex-end;padding:40px;display:flex;position:absolute;bottom:0;left:0}.panel-header{align-items:center;gap:20px;margin-bottom:20px;transition:transform .4s;display:flex;transform:translateY(20px)}.piece-number{font-family:var(--font-sans);letter-spacing:2px;text-shadow:0 2px 10px #000c;writing-mode:vertical-rl;font-size:1.5rem;font-weight:700;transition:writing-mode .4s,transform .4s;transform:rotate(180deg)}.accordion-panel.active .piece-number{writing-mode:horizontal-tb;transform:none}.panel-title{font-size:2rem;font-family:var(--font-serif);white-space:nowrap;opacity:0;transition:opacity .4s,transform .4s;transform:translate(-20px)}.accordion-panel.active .panel-title{opacity:1;font-size:3rem;transform:translate(0)}.panel-details-wrapper{opacity:0;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.25,1,.5,1),opacity .4s;display:grid}.accordion-panel.active .panel-details-wrapper{opacity:1;pointer-events:auto;grid-template-rows:1fr}.panel-details{max-height:40vh;padding-top:10px;overflow-y:auto}.panel-details::-webkit-scrollbar{width:4px}.panel-details::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.info-grid{gap:40px;margin-bottom:20px;display:flex}.info-item{flex-direction:column;display:flex}.label{text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:5px;font-size:.8rem}.value{font-size:1rem;font-weight:500}.price{font-size:1.2rem;font-weight:700}.description{color:var(--text-secondary);max-width:600px;margin-bottom:20px;font-size:1.1rem;line-height:1.5}.action-row{gap:15px;margin-top:10px;padding-bottom:10px;display:flex}.btn-secondary{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);cursor:none;background:0 0;border:1px solid #fff3;padding:12px 30px;font-size:.9rem;transition:all .3s}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.art-grid-container{width:100%;min-height:calc(100dvh - 80px);padding:80px 40px}.art-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;display:grid}.art-tile{aspect-ratio:1;cursor:none;border:1px solid #ffffff1a;position:relative;overflow:hidden}.tile-bg{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .5s,filter .5s}.art-tile:hover .tile-bg{filter:grayscale(0%);transform:scale(1.05)}.tile-overlay{opacity:1;pointer-events:none;background:0 0;width:100%;padding:20px;transition:background .3s;position:absolute;bottom:0;left:0}.art-tile:hover .tile-overlay{background:linear-gradient(#0000,#000000e6)}.tile-title{font-size:1.2rem;font-family:var(--font-sans);opacity:0;margin-top:5px;transition:opacity .3s,transform .3s;transform:translateY(10px)}.art-tile:hover .tile-title{opacity:1;transform:translateY(0)}.modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(15px);z-index:1000;opacity:1;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--modal-bg);border:1px solid var(--border-color);flex-direction:column;align-items:center;width:90%;max-width:1000px;max-height:90vh;padding:40px;display:flex;position:relative;overflow-y:auto;box-shadow:0 0 30px #00000080}.modal-content.split-modal{background:#0a0a0a;flex-direction:row;width:95vw;max-width:1400px;padding:0;overflow:hidden}.modal-left{background:#000;flex-direction:column;flex:1;width:50%;height:90vh;display:flex;overflow-y:auto}.modal-left::-webkit-scrollbar{width:4px}.modal-left::-webkit-scrollbar-thumb{background:#fff3}.carousel-main-container{background:#050505;flex:1;justify-content:center;align-items:center;width:100%;min-height:50vh;display:flex;position:relative;overflow:hidden}.carousel-main-img{object-fit:contain;width:100%;height:100%}.carousel-btn{color:#fff;cursor:none;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:#fff3}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}.carousel-thumbnails{background:#0a0a0a;border-top:1px solid #ffffff1a;gap:10px;padding:15px;display:flex;overflow-x:auto}.carousel-thumbnails::-webkit-scrollbar{height:4px}.carousel-thumbnails::-webkit-scrollbar-thumb{background:#fff3}.carousel-thumb{object-fit:cover;cursor:none;opacity:.5;border:2px solid #0000;flex-shrink:0;width:80px;height:80px;transition:all .3s}.carousel-thumb:hover{opacity:.8}.carousel-thumb.active{opacity:1;border-color:#fff}.modal-right{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:50%;height:90vh;padding:60px 80px;display:flex;overflow-y:auto}.modal-close{color:var(--text-secondary);cursor:none;z-index:100;background:0 0;border:none;transition:color .3s;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--text-primary)}.modal-title{font-family:var(--font-serif);text-align:left;margin-bottom:40px;font-size:3.5rem;line-height:1.1}.modal-info-grid{justify-content:flex-start;width:100%;margin-bottom:40px}.modal-desc{text-align:left;max-width:100%;margin-bottom:40px;font-size:1.2rem}.modal-actions{margin-top:20px}@media (width<=992px){.modal-content.split-modal{flex-direction:column;overflow-y:auto}.modal-left,.modal-right{width:100%;height:auto;overflow-y:visible}.modal-right{padding:40px 20px}.modal-title{font-size:2.5rem}}@media (width<=768px){.my-art-page{height:auto;padding-top:70px;overflow-y:auto}.accordion-container{flex-direction:column;height:auto;min-height:100vh}.accordion-panel{border-bottom:1px solid #ffffff0d;border-right:none;flex:none;min-height:15vh;transition:min-height .6s}.accordion-panel.active{min-height:70vh}.piece-number{writing-mode:horizontal-tb;font-size:1.2rem;transform:none}.panel-title{opacity:1;font-size:1.5rem;transform:none}.accordion-panel.active .panel-title{font-size:2rem}.panel-content{padding:20px}.info-grid{flex-direction:column;gap:15px}.art-grid-container{padding:40px 20px}}body.light-mode .modal-content.split-modal{color:var(--text-primary);background:#f5f5f5}body.light-mode .modal-left{background:#ebebeb}body.light-mode .modal-left::-webkit-scrollbar-thumb{background:#0003}body.light-mode .carousel-main-container{background:#e0e0e0}body.light-mode .carousel-btn{color:#000;background:#ffffff80}body.light-mode .carousel-btn:hover{background:#fffc}body.light-mode .carousel-thumbnails{background:#f5f5f5;border-top:1px solid #0000001a}body.light-mode .carousel-thumbnails::-webkit-scrollbar-thumb{background:#0003}body.light-mode .carousel-thumb.active{border-color:#000}body.light-mode .modal-close{color:var(--text-secondary)}body.light-mode .modal-close:hover{color:var(--text-primary)}.home-container{background-color:var(--bg-color);box-sizing:border-box;width:100%;overflow-x:hidden}.hero-section{justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.hero-section:after{content:"";background:linear-gradient(to top, var(--bg-color) 0%, transparent 100%);z-index:5;pointer-events:none;width:100%;height:250px;position:absolute;bottom:0;left:0}.hero-content{text-align:center;z-index:10;pointer-events:none}.hero-title{color:#fff;margin-bottom:20px;font-size:8rem;line-height:.9}.text-stroke{color:#0000;-webkit-text-stroke:2px #fff}.hero-subtitle{color:#ffffffb3;font-size:1.5rem;font-family:var(--font-sans);letter-spacing:2px}.scroll-indicator{opacity:.6;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.mouse-icon{border:2px solid #fff;border-radius:20px;width:30px;height:50px;position:relative}.mouse-icon:before{content:"";background-color:#fff;border-radius:4px;width:4px;height:8px;animation:2s infinite scrollWheel;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes scrollWheel{0%{opacity:1;top:10px}to{opacity:0;top:30px}}.hero-bg-glow{z-index:1;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.vertical-scroll-section{min-height:100vh;padding:100px 5vw;position:relative}.vertical-container{max-width:1400px;margin:0 auto}.vertical-intro{text-align:center;margin-bottom:120px}.section-heading{margin-bottom:20px;font-size:5rem}.vertical-art-list{flex-direction:column;gap:150px;display:flex}.vertical-art-item{justify-content:space-between;align-items:center;gap:80px;display:flex}.layout-left{flex-direction:row}.layout-right{flex-direction:row-reverse}.art-card{background:var(--panel-bg);border:1px solid var(--border-color);width:50%;max-width:600px;height:70vh;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 30px 50px #00000080}.art-card:hover{box-shadow:0 40px 80px #fff3}.art-image{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.art-description{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;width:40%;display:flex}.piece-number{color:var(--accent);font-family:var(--font-sans);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:1.2rem;font-weight:700}.art-description h3{color:var(--text-primary);margin-bottom:20px;font-size:3.5rem;line-height:1.1}.art-description p{color:var(--text-secondary);margin-bottom:40px;font-size:1.2rem;line-height:1.6}@media (width<=1024px){.hero-title{font-size:4rem}.hero-subtitle{font-size:1rem}.vertical-scroll-section{padding:60px 5vw}.vertical-intro{margin-bottom:80px}.section-heading{font-size:3rem}.vertical-art-list{gap:80px}.vertical-art-item{gap:30px;flex-direction:column!important}.art-card{width:100%;max-width:100%;height:50vh}.art-description{text-align:center;align-items:center;width:100%}.art-description h3{font-size:2.5rem}}.scroll-reveal{margin:20px 0;padding:0}.scroll-reveal-text{color:var(--text-secondary);margin:0;font-size:1.1rem;font-weight:400;line-height:1.6}.word{display:inline-block}.about-page{min-height:100vh;padding-top:150px;padding-bottom:100px}.about-header{text-align:center;margin-bottom:100px}.about-header h1{letter-spacing:-2px;font-size:6rem;line-height:1}.about-content{max-width:1200px;margin:0 auto;padding:0 20px}.intro-section{text-align:center;margin-bottom:150px}.intro-section h2{color:var(--text-primary);font-size:clamp(2rem,5vw,4rem);font-weight:300;line-height:1.2}.encrypted-text{color:var(--accent);opacity:.5;font-family:monospace}.timeline-container{max-width:1000px;margin:0 auto 150px;padding:40px 0;position:relative}.timeline-line-bg{background-color:var(--border-color);z-index:0;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-line-active{z-index:1;background-color:#fff;width:2px;height:0;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px 2px #fffc,0 0 20px 5px #00e2ff80}.timeline-item{justify-content:flex-end;width:100%;margin-bottom:100px;padding-right:50%;display:flex;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item.right{justify-content:flex-start;padding-left:50%;padding-right:0}.timeline-dot{background-color:var(--bg-color);border:2px solid var(--text-primary);z-index:2;width:16px;height:16px;transition:background-color .3s;position:absolute;top:20px;right:calc(50% - 8px);box-shadow:0 0 10px #00e2ff80}.timeline-item.right .timeline-dot{left:calc(50% - 8px)}.timeline-item:hover .timeline-dot{background-color:#fff}.timeline-content{width:85%;padding:20px 40px;position:relative}.timeline-year{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:2px;margin-bottom:10px;font-size:1.5rem;font-weight:700}.timeline-content h2{color:var(--text-primary);margin-bottom:5px;font-size:2.5rem;line-height:1.1}.stats-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);justify-content:space-around;padding:50px 0;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat .number{font-family:var(--font-serif);color:var(--text-primary);font-size:5rem;line-height:1}.stat .label{text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-top:10px}@media (width<=900px){.about-header h1{font-size:4rem}.stats-section{flex-direction:column;gap:40px}.timeline-content{width:95%}}@media (width<=768px){.about-header h1{font-size:3rem}.stat .number{font-size:4rem}.timeline-line-bg,.timeline-line-active{left:20px}.timeline-item,.timeline-item.right{justify-content:flex-start;padding-left:50px;padding-right:0}.timeline-dot,.timeline-item.right .timeline-dot{left:12px;right:auto}.timeline-content{width:100%;padding:30px 20px}.timeline-content h2{font-size:2rem}}.contact-page{justify-content:center;min-height:100vh;padding-top:150px;display:flex}.contact-container{width:100%;max-width:1200px;padding:0 20px}.contact-title{text-align:center;margin-bottom:80px;font-size:5rem;line-height:1}.contact-content{justify-content:space-between;gap:100px;display:flex}.contact-info{flex:1}.contact-info .subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.2rem;line-height:1.6}.info-item{flex-direction:column;margin-bottom:30px;display:flex}.info-item .label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:2px;margin-bottom:10px;font-size:.8rem}.info-item a{font-size:1.5rem;font-family:var(--font-serif);margin-bottom:5px;transition:color .3s}.info-item a:hover{color:var(--accent)}.social-icons{gap:20px;margin-top:10px;display:flex}.social-icons a{color:var(--text-secondary);transition:color .3s,transform .3s;display:inline-flex}.social-icons a:hover{color:var(--accent);transform:translateY(-2px)}.contact-form{flex-direction:column;flex:1;gap:30px;display:flex}.input-group{position:relative}.input-group input,.input-group textarea{border:none;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:1.2rem;font-family:var(--font-sans);background:0 0;outline:none;padding:10px 0;transition:border-color .3s}.input-group input:focus,.input-group textarea:focus{border-bottom-color:var(--accent)}.input-group label{color:var(--text-secondary);pointer-events:none;transition:all .3s;position:absolute;top:10px;left:0}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label,.input-group textarea:focus~label,.input-group textarea:not(:placeholder-shown)~label{color:var(--accent);font-size:.8rem;top:-20px}.submit-btn{align-self:flex-start;margin-top:20px}@media (width<=900px){.contact-content{flex-direction:column;gap:50px}.contact-title{font-size:3.5rem}}@media (width<=768px){.contact-title{font-size:2.5rem}}.commission-page{background-color:var(--bg-color);width:100%;min-height:100vh;color:var(--text-primary);justify-content:center;align-items:flex-start;padding:120px 20px 80px;display:flex}.commission-container{background:var(--form-bg);border:1px solid var(--border-color);width:100%;max-width:800px;padding:50px;position:relative;overflow:hidden}.commission-container:before{content:"";background:linear-gradient(90deg, transparent, var(--text-primary), transparent);opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.commission-header{text-align:center;margin-bottom:40px}.title-glitch{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:3rem}.subtitle{color:var(--text-secondary);font-family:var(--font-sans);font-size:1.1rem}.commission-form{flex-direction:column;gap:25px;display:flex}.form-row>.form-group{flex:1}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:.9rem}.form-group input,.form-group textarea{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);outline:none;width:100%;padding:15px;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--text-primary);background:var(--input-focus-bg);box-shadow:0 0 15px #ffffff0d}.submit-btn{text-align:center;letter-spacing:2px;justify-content:center;align-self:flex-start;width:100%;margin-top:20px;padding:18px;font-size:1.1rem}.color-picker-section{gap:15px;margin-bottom:10px;position:relative}.color-picker-section .static-label{pointer-events:auto;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:10px;font-size:.9rem;display:block;position:static!important}.color-picker-controls{align-items:center;gap:20px;display:flex}.color-picker-wrapper{border:1px solid var(--border-color);background:var(--input-bg);cursor:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:relative;overflow:hidden}.color-picker-wrapper:hover{border-color:var(--text-primary);box-shadow:0 0 15px #ffffff0d}.color-picker-input{cursor:none;width:150%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.5);background:0 0!important;border:none!important;padding:0!important}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none}.add-color-btn{border:1px solid var(--border-color);color:var(--text-primary);height:50px;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:2px;cursor:none;background:0 0;justify-content:center;align-items:center;padding:0 25px;font-size:.85rem;transition:all .3s;display:flex}.add-color-btn:hover:not(:disabled){border-color:var(--text-primary);background:#ffffff0d}.add-color-btn:disabled{opacity:.3;cursor:not-allowed}.selected-colors-list{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.color-circle{border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;box-shadow:0 0 10px #00000080}.remove-color-btn{color:#fff;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:14px;line-height:1;transition:opacity .2s;display:flex}.color-circle:hover .remove-color-btn{opacity:1}@media (width<=768px){.commission-container{padding:30px 20px}.form-row{flex-direction:column;gap:25px}.title-glitch{font-size:2rem}}.inquiry-page{justify-content:center;align-items:flex-start;min-height:100vh;padding:120px 5% 60px;display:flex}.inquiry-container{background:var(--form-bg);border:1px solid var(--border-color);width:100%;max-width:800px;padding:50px;position:relative;overflow:hidden}.inquiry-title{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:2px;z-index:2;text-align:center;margin-bottom:40px;font-size:2.5rem;position:relative}.highlight{color:var(--accent);margin-top:10px;font-size:3rem;display:block}.inquiry-layout{align-items:flex-start;gap:40px;width:100%;display:flex}.inquiry-image-container{flex:0 0 40%;max-width:40%;position:sticky;top:120px}.inquiry-image{border:1px solid var(--border-color);object-fit:cover;width:100%;height:auto;box-shadow:0 10px 30px #00000080}.inquiry-form{z-index:2;flex-direction:column;flex:1;gap:30px;display:flex;position:relative}.form-row{gap:20px;display:flex}.form-row .form-group{flex:1}.form-group{flex-direction:column;display:flex;position:relative}.form-group input,.form-group textarea,.custom-select{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);outline:none;width:100%;padding:15px;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.custom-select:focus{border-color:var(--text-primary);background:var(--input-focus-bg);box-shadow:0 0 15px #ffffff0d}.form-group label:not(.static-label){color:var(--text-secondary);pointer-events:none;font-family:var(--font-sans);transition:all .3s;position:absolute;top:15px;left:15px}.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group textarea:focus~label,.form-group textarea:not(:placeholder-shown)~label{background:var(--form-bg);color:var(--text-primary);padding:0 5px;font-size:.8rem;top:-10px;left:10px}.static-label{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem}.select-group{flex-direction:column;display:flex}.custom-select{cursor:none;appearance:none}.custom-select option{background:var(--bg-color);color:var(--text-primary)}.submit-btn{text-align:center;align-self:flex-start;width:100%;margin-top:20px;padding:18px 40px}@media (width<=768px){.inquiry-layout{flex-direction:column}.inquiry-image-container{flex:100%;max-width:100%;position:relative;top:0}.form-row{flex-direction:column;gap:30px}.inquiry-container{padding:30px 20px}.inquiry-title{font-size:1.8rem}.highlight{font-size:2.2rem}}.impressum-page{justify-content:center;min-height:100vh;padding-top:150px;padding-bottom:50px;display:flex}.impressum-container{width:90%;max-width:800px;padding:50px}.impressum-container h1{color:var(--text-primary);margin-bottom:40px;font-size:3rem}.impressum-content section{margin-bottom:30px}.impressum-content h2{color:var(--text-secondary);margin-bottom:10px;font-size:1.5rem}.impressum-content p{color:var(--text-secondary);line-height:1.6}.artwork-form-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.artwork-form-modal{background:#0a0a0a;border:1px solid #333;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;box-shadow:0 20px 50px #00000080}.artwork-form-header{background:#111;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.artwork-form-header h2{margin:0;font-size:1.5rem}.btn-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:5px;transition:color .3s}.btn-close:hover{color:#f33}.artwork-form-body{flex-direction:column;gap:25px;padding:30px;display:flex;overflow-y:auto}.artwork-form-body .admin-form-group{flex-direction:column;gap:10px;display:flex}.artwork-form-body label{color:#888;text-transform:uppercase;font-family:Space Mono,monospace;font-size:.8rem}.artwork-form-body input[type=text],.artwork-form-body input[type=number],.artwork-form-body textarea{color:#fff;background:#111;border:1px solid #333;width:100%;padding:12px 15px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.artwork-form-body input:focus,.artwork-form-body textarea:focus{border-color:#fff;outline:none}.image-preview-container{width:100%;margin-bottom:10px}.img-preview{object-fit:cover;border:1px solid #333;width:100%;max-width:300px;height:300px}.img-placeholder{color:#666;background:#111;border:1px dashed #444;justify-content:center;align-items:center;width:100%;max-width:300px;height:300px;font-family:Space Mono,monospace;display:flex}.btn-outline{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;justify-content:center;align-items:center;gap:10px;width:fit-content;padding:12px 20px;font-family:Space Mono,monospace;font-size:.85rem;transition:all .3s;display:inline-flex}.btn-outline:hover{color:#000;background:#fff}.extra-images-row{gap:15px;margin-bottom:10px;padding-bottom:10px;display:flex;overflow-x:auto}.extra-img-wrap{flex-shrink:0;width:80px;height:80px;position:relative}.extra-img-preview{object-fit:cover;border:1px solid #333;width:100%;height:100%}.btn-remove-img{color:#fff;cursor:pointer;background:#f33;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-5px;right:-5px}.toggle-group{gap:10px;display:flex}.toggle-btn{color:#888;cursor:pointer;background:#111;border:1px solid #333;flex:1;padding:15px;font-family:Space Mono,monospace;font-size:.8rem;transition:all .3s}.toggle-btn.active{color:#000;background:#fff;border-color:#fff}.checkbox-group label{cursor:pointer;color:#fff;align-items:center;gap:10px;font-size:.9rem;display:flex}.color-picker-input-admin{cursor:pointer;background:0 0;border:none;width:50px;height:50px;padding:0}.status-toggles{background:#111;border:1px solid #333;gap:30px;margin-top:10px;padding:20px;display:flex}.artwork-form-footer{border-top:1px solid #222;padding:0}@media (width<=768px){.artwork-form-overlay{align-items:flex-end;padding:0}.artwork-form-modal{border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0;height:95vh;max-height:95vh}.artwork-form-header{border-radius:20px 20px 0 0;padding:15px 20px}.artwork-form-body{padding:20px 20px 80px}.status-toggles{flex-direction:column;gap:15px}}.admin-container{color:#fff;background-color:#050505;min-height:100vh;padding-top:80px}.admin-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-wrapper{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px;display:flex}.admin-login-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414cc;border:1px solid #333;width:100%;max-width:400px;padding:40px}.admin-login-card h2{margin-bottom:5px;font-size:1.8rem}.admin-login-card p{color:#888;letter-spacing:1px;margin-bottom:30px;font-family:Space Mono,monospace;font-size:.8rem}.admin-login-form{flex-direction:column;gap:20px;display:flex}.admin-login-form .admin-form-group{text-align:left}.admin-login-form label{color:#aaa;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-family:Space Mono,monospace;font-size:.8rem;display:block}.admin-login-form input{color:#fff;background:#00000080;border:1px solid #444;width:100%;padding:12px 15px;font-family:Inter,sans-serif;transition:all .3s}.admin-login-form input:focus{background:#141414cc;border-color:#fff;outline:none}.admin-error{color:#f33;background:#ff33331a;border:1px solid #f33;padding:10px;font-size:.85rem}.admin-dashboard{max-width:1200px;margin:0 auto;padding:40px 20px}.admin-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;display:flex}.admin-header h1{margin:0;font-size:2rem}.admin-header p{color:#888;margin:5px 0 0;font-family:Space Mono,monospace;font-size:.8rem}.btn-logout{color:#aaa;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #555;align-items:center;gap:8px;padding:8px 16px;font-family:Space Mono,monospace;font-size:.8rem;transition:all .3s;display:flex}.btn-logout:hover{color:#f33;border-color:#f33}.admin-tabs{gap:15px;margin-bottom:30px;display:flex}.tab-btn{color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:1px solid #333;align-items:center;gap:8px;padding:12px 24px;font-family:Space Mono,monospace;font-size:.9rem;transition:all .3s;display:flex}.tab-btn:hover{color:#ccc;border-color:#666}.tab-btn.active{color:#fff;background:#ffffff0d;border-color:#fff}.admin-content{min-height:500px}.data-empty{text-align:center;color:#666;border:1px dashed #333;padding:60px 20px;font-family:Space Mono,monospace}.inquiry-card{background:#111;border:1px solid #222;flex-direction:column;gap:15px;margin-bottom:15px;padding:20px;transition:all .3s;display:flex}.inquiry-card.unread{border-left:4px solid #fff}.inquiry-header{border-bottom:1px solid #222;justify-content:space-between;align-items:flex-start;padding-bottom:10px;display:flex}.inquiry-meta{color:#888;gap:15px;font-family:Space Mono,monospace;font-size:.8rem;display:flex}.inquiry-type{color:#fff;background:#222;border:1px solid #444;padding:2px 8px}.inquiry-type.commission{color:#fa0;border-color:#fa0}.inquiry-type.artwork{color:#00b2cc;border-color:#00b2cc}.inquiry-actions{gap:10px;display:flex}.btn-icon{color:#666;cursor:pointer;background:0 0;border:none;padding:5px;transition:color .3s}.btn-icon:hover{color:#fff}.btn-icon.delete:hover{color:#f33}.inquiry-body h3{margin:0 0 5px;font-size:1.2rem}.inquiry-body p{color:#aaa;margin:0;font-size:.95rem;line-height:1.5}.inquiry-details{color:#888;background:#0a0a0a;border:1px solid #222;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:15px;font-size:.9rem;display:grid}.detail-item strong{color:#ccc;text-transform:uppercase;font-family:Space Mono,monospace;font-size:.75rem;display:block}.admin-artwork-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.admin-art-card{background:#111;border:1px solid #333;position:relative;overflow:hidden}.admin-art-img{object-fit:cover;border-bottom:1px solid #333;width:100%;height:200px}.admin-art-info{padding:15px}.admin-art-info h3{margin:0 0 5px;font-size:1.1rem}.admin-art-info p{color:#888;margin:0;font-family:Space Mono,monospace;font-size:.8rem}.admin-art-actions{background:#0a0a0a;border-top:1px solid #222;justify-content:space-between;padding:10px 15px;display:flex}.btn-small{color:#ccc;cursor:pointer;background:0 0;border:1px solid #444;padding:4px 10px;font-family:Space Mono,monospace;font-size:.75rem;transition:all .2s}.btn-small:hover{color:#fff;background:#222}.btn-small.delete:hover{color:#f33;background:#ff33331a;border-color:#f33}.status-toggle{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;border:1px solid #fff;padding:2px 6px;font-family:Space Mono,monospace;font-size:.7rem;position:absolute;top:10px;right:10px}.status-toggle.sold{color:#f33;border-color:#f33}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.artwork-filters{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.filter-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #333;padding:8px 16px;font-family:Space Mono,monospace;font-size:.8rem;transition:all .2s}.filter-btn:hover{color:#ccc;border-color:#666}.filter-btn.active{color:#fff;background:#ffffff1a;border-color:#fff}@media (width<=768px){.admin-dashboard{padding:20px 10px}.admin-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:10px;overflow-x:auto}.tab-btn{white-space:nowrap;padding:10px 15px;font-size:.8rem}.admin-artwork-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.admin-art-img{height:150px}.inquiry-details{grid-template-columns:1fr}.admin-login-card{width:90%;padding:20px}}body.light-mode .admin-container{background-color:var(--bg-color);color:var(--text-primary)}body.light-mode .admin-login-card{background:var(--panel-bg);border-color:var(--border-color)}body.light-mode .admin-login-card p,body.light-mode .admin-login-form label{color:var(--text-secondary)}body.light-mode .admin-login-form input{background:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}body.light-mode .admin-login-form input:focus{border-color:var(--text-primary);background:var(--input-focus-bg)}body.light-mode .admin-header p{color:var(--text-secondary)}body.light-mode .btn-logout{border-color:var(--border-color);color:var(--text-secondary)}body.light-mode .btn-logout:hover{color:#f33;border-color:#f33}body.light-mode .tab-btn{border-color:var(--border-color);color:var(--text-secondary)}body.light-mode .tab-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}body.light-mode .tab-btn.active{border-color:var(--text-primary);color:var(--text-primary);background:#0000000d}body.light-mode .inquiry-card{background:var(--form-bg);border-color:var(--border-color)}body.light-mode .inquiry-card.unread{border-left-color:var(--text-primary)}body.light-mode .inquiry-header{border-bottom-color:var(--border-color)}body.light-mode .inquiry-type{color:var(--text-primary);border-color:var(--border-color);background:#0000000d}body.light-mode .inquiry-type.commission{color:#fa0;border-color:#fa0}body.light-mode .inquiry-type.artwork{color:#00b2cc;border-color:#00b2cc}body.light-mode .btn-icon{color:var(--text-secondary)}body.light-mode .btn-icon:hover{color:var(--text-primary)}body.light-mode .inquiry-body p{color:var(--text-secondary)}body.light-mode .inquiry-details{border-color:var(--border-color);color:var(--text-secondary);background:#00000005}body.light-mode .detail-item strong{color:var(--text-primary)}body.light-mode .admin-art-card{background:var(--form-bg);border-color:var(--border-color)}body.light-mode .admin-art-img{border-bottom-color:var(--border-color)}body.light-mode .admin-art-info p{color:var(--text-secondary)}body.light-mode .admin-art-actions{border-top-color:var(--border-color);background:#00000005}body.light-mode .btn-small{border-color:var(--border-color);color:var(--text-secondary)}body.light-mode .btn-small:hover{color:var(--text-primary);background:#0000000d}body.light-mode .status-toggle{border-color:var(--text-primary);color:var(--text-primary);background:#fffc}body.light-mode .status-toggle.sold{color:#f33;border-color:#f33}body.light-mode .filter-btn{border-color:var(--border-color);color:var(--text-secondary)}body.light-mode .filter-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}body.light-mode .filter-btn.active{border-color:var(--text-primary);color:var(--text-primary);background:#0000000d}body.light-mode .data-empty{color:var(--text-secondary);border-color:var(--border-color)}:root{--bg-color:#050505;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--accent:#fff;--accent-glow:#d8b4fe4d;--panel-bg:#141414d9;--border-color:#ffffff1a;--navbar-bg:#0f0f0ff2;--navbar-mobile-bg:#0a0a0af2;--footer-bg:#000;--overlay-bg:#000000b3;--modal-bg:#0a0a0acc;--input-bg:#ffffff08;--input-focus-bg:#ffffff0d;--form-bg:#0a0a0ab3;--font-sans:"Outfit", sans-serif;--font-serif:"LEMON MILK", "Playfair Display", serif}body.light-mode{--bg-color:#f5f5f5;--text-primary:#111;--text-secondary:#555;--accent:#000;--accent-glow:#64329633;--panel-bg:#e6e6e6d9;--border-color:#0000001a;--navbar-bg:#f5f5f5f2;--navbar-mobile-bg:#f0f0f0f2;--footer-bg:#e5e5e5;--overlay-bg:#ffffffb3;--modal-bg:#f0f0f0e6;--input-bg:#00000008;--input-focus-bg:#0000000d;--form-bg:#e6e6e6b3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;overflow-x:hidden}.glow-border{border-image:radial-gradient(circle at calc(var(--mouse-x,0) * 1px) calc(var(--mouse-y,0) * 1px), var(--text-primary) 0%, var(--border-color) 80px) 1;transition:border-image .2s}.custom-cursor{background-color:var(--accent);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:20px;height:20px;transition:width .3s,height .3s,background-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor.hover{border:2px solid var(--accent);background-color:#0000;width:50px;height:50px}body.light-mode .custom-cursor{mix-blend-mode:normal;background-color:#0000004d}body.light-mode .custom-cursor.hover{border-color:#00000080}a,button{cursor:none;color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500}.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:0}.btn-primary{border:1px solid var(--btn-color,var(--text-primary));color:var(--btn-color,var(--text-primary));text-transform:uppercase;letter-spacing:1.5px;background:0 0;border-radius:0;padding:12px 24px;font-size:1rem;transition:all .4s;display:inline-block;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--btn-color,var(--text-primary));border-radius:inherit;z-index:-1;transform-origin:bottom;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleY(0)}.btn-primary:hover{color:var(--bg-color)}.btn-primary:hover:before{transform:scaleY(1)}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transition:opacity .5s,transform .5s;transform:translateY(0)}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s}@media (hover:none) and (pointer:coarse){body,a,button{cursor:auto}a,button,.interactable{cursor:pointer}.custom-cursor{display:none!important}}
