*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f8f8f8;--bg-secondary: #ffffff;--text-primary: #333;--text-secondary: #666;--text-tertiary: #555;--accent: #0066cc;--accent-hover: #0052a3;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .2);--border: #e0e0e0}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-tertiary: #d0d0d0;--accent: #4d9fff;--accent-hover: #6bb0ff;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .5);--border: #404040}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);transition:background-color .3s ease,color .3s ease}header{background:var(--bg-secondary);padding:2rem;text-align:center;box-shadow:0 2px 10px var(--shadow);position:sticky;top:0;z-index:100;transition:background-color .3s ease}h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-primary)}.subtitle{color:var(--text-secondary);font-size:1.1rem}nav{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}nav a{margin:0 .5rem;color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .3s}nav a:hover,nav a.active{color:var(--accent)}.theme-toggle{background:transparent;border:2px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s ease;margin-left:.5rem}.theme-toggle:hover{background:var(--bg-primary);border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.spinner{animation:spin 1s linear infinite;color:var(--accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.artwork{background:var(--bg-secondary);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px var(--shadow);transition:transform .3s,box-shadow .3s;cursor:pointer}.artwork:hover{box-shadow:0 8px 15px var(--shadow-hover)}.artwork img{width:100%;height:300px;object-fit:cover;display:block}.artwork-info{padding:1.5rem}.artwork-title{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.artwork-desc{color:var(--text-secondary);font-size:.95rem}.lightbox{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000f2}.lightbox.active{display:flex;align-items:center;justify-content:center;flex-direction:column}.lightbox-content{max-width:90%;max-height:85vh;object-fit:contain}.lightbox-close{position:absolute;top:20px;right:40px;color:#fff;background:transparent;border:none;font-size:40px;font-weight:700;cursor:pointer;transition:color .3s,transform .3s;padding:.5rem;display:flex;align-items:center;justify-content:center}.lightbox-close:hover{color:#ccc;transform:scale(1.1)}.lightbox-caption{color:#fff;text-align:center;padding:1rem;font-size:1.1rem;max-width:80%}.about-section{background:var(--bg-secondary);border-radius:8px;padding:3rem;box-shadow:0 4px 6px var(--shadow);transition:background-color .3s ease}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}.about-image{position:sticky;top:120px}.about-image img{width:100%;border-radius:8px;box-shadow:0 4px 10px var(--shadow-hover)}.about-text h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.about-text h3{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:var(--text-primary)}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8;color:var(--text-tertiary)}.about-cta{margin-top:3rem;display:flex;gap:1rem}.btn{display:inline-block;padding:.75rem 2rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:5px;font-weight:500;transition:background .3s,transform .2s}.btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{background:var(--text-secondary)}.btn-secondary:hover{background:var(--text-tertiary)}.contact{background:var(--bg-secondary);padding:3rem;border-radius:8px;margin-top:3rem;box-shadow:0 4px 6px var(--shadow);transition:background-color .3s ease}.contact h2{margin-bottom:1.5rem;font-size:2rem;color:var(--text-primary)}.contact-info{display:flex;flex-direction:column;gap:1rem;font-size:1.1rem}.contact-item{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.contact-item svg{color:var(--accent);flex-shrink:0}.contact-item a{color:var(--accent);text-decoration:none;transition:color .3s}.contact-item a:hover{color:var(--accent-hover);text-decoration:underline}footer{text-align:center;padding:2rem;color:var(--text-secondary);margin-top:3rem}@media (max-width: 768px){h1{font-size:2rem}.gallery{grid-template-columns:1fr}nav{flex-direction:column;gap:.5rem}nav a{margin:.25rem 0}.about-content{grid-template-columns:1fr}.about-image{position:static}.about-cta{flex-direction:column}.lightbox-close{right:20px;font-size:30px}}