@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;500;600;700;800&family=Cormorant+Garamond:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--primary-color: #2c1810;--secondary-color: #8b4513;--accent-color: #d4af37;--accent-light: #f4e4bc;--background-color: #fefcf8;--card-background: #ffffff;--text-primary: #2c1810;--text-secondary: #6b4423;--text-muted: #9ca3af;--border-color: #e8dcc6;--shadow-light: 0 1px 3px 0 rgba(44, 24, 16, .1), 0 1px 2px 0 rgba(44, 24, 16, .06);--shadow-medium: 0 4px 6px -1px rgba(44, 24, 16, .1), 0 2px 4px -1px rgba(44, 24, 16, .06);--shadow-large: 0 20px 25px -5px rgba(44, 24, 16, .1), 0 10px 10px -5px rgba(44, 24, 16, .04);--gradient-warm: linear-gradient(135deg, #fefcf8 0%, #f9f1e6 100%);--gradient-accent: linear-gradient(135deg, #d4af37 0%, #b8941f 100%)}*{box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--gradient-warm);margin:0;padding:0}.font-serif{font-family:Playfair Display,serif}.font-elegant{font-family:Cormorant Garamond,serif}.artist-name{font-family:Playfair Display,serif;font-weight:300;letter-spacing:.05em;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(212,175,55,.3)}.artist-name-large{font-size:clamp(2.5rem,8vw,6rem);line-height:.9;font-weight:300}.artist-name-medium{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.1}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.painting-card{background:var(--card-background);border-radius:12px;box-shadow:var(--shadow-light);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.painting-card:hover{box-shadow:var(--shadow-large);transform:translateY(-4px)}.painting-card img{transition:transform .3s cubic-bezier(.4,0,.2,1)}.painting-card:hover img{transform:scale(1.05)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#374151 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-medium)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-large)}.btn-primary:active{transform:translateY(0)}@media (max-width: 640px){.container{padding-left:1rem;padding-right:1rem}.painting-card{margin-bottom:1.5rem}}.header-gradient{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid var(--border-color)}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.focus-visible:focus{outline:2px solid var(--accent-color);outline-offset:2px}.footer-gradient{background:linear-gradient(135deg,#fff,#f8fafc);border-top:1px solid var(--border-color)}.nav-artistic{background:#fefcf8f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}.nav-link{position:relative;color:var(--text-secondary);font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:.5rem}.nav-link:hover,.nav-link.active{color:var(--primary-color);background:var(--accent-light)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--gradient-accent);transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:80%}.hero-artistic{background:linear-gradient(135deg,#fefcf8e6,#f9f1e6e6,#f4e4bce6);min-height:100vh;position:relative;overflow:hidden}.hero-artistic:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="paint" patternUnits="userSpaceOnUse" width="20" height="20"><circle cx="10" cy="10" r="1" fill="%23d4af37" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23paint)"/></svg>');opacity:.3}.btn-artistic{background:var(--gradient-accent);color:#fff;border:none;padding:1rem 2rem;border-radius:2rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-medium);position:relative;overflow:hidden}.btn-artistic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-artistic:hover:before{left:100%}.btn-artistic:hover{transform:translateY(-2px);box-shadow:var(--shadow-large)}.btn-outline-artistic{background:transparent;color:var(--secondary-color);border:2px solid var(--accent-color);padding:1rem 2rem;border-radius:2rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-outline-artistic:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.card-artistic{background:var(--card-background);border-radius:1rem;box-shadow:var(--shadow-light);overflow:hidden;transition:all .3s ease;border:1px solid var(--border-color)}.card-artistic:hover{box-shadow:var(--shadow-large);transform:translateY(-4px)}.section-textured{background:var(--card-background);position:relative}.section-textured:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="1" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter></defs><rect width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.03"/></svg>');pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-fade-in-left{animation:fadeInLeft .8s ease-out}.animate-fade-in-right{animation:fadeInRight .8s ease-out}@media (max-width: 768px){.artist-name-large{font-size:3rem}.hero-artistic{min-height:80vh}.nav-link{padding:.75rem;margin:.25rem}}
