:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a1a1a;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:400}.modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:#fff;width:100%;max-width:400px;padding:2.5rem;position:relative}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;line-height:1;padding:0}.modal-close:hover{color:#1a1a1a}.modal-title{font-size:1.25rem;font-weight:300;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;color:#1a1a1a}.modal-subtitle{font-size:.875rem;color:#999;margin:0 0 2rem;letter-spacing:.02em}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.modal-field{display:flex;flex-direction:column;gap:.375rem}.modal-field label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#999}.modal-field input,.modal-field textarea{border:none;border-bottom:1px solid #e0e0e0;outline:none;font-size:.9375rem;font-family:inherit;color:#1a1a1a;background:transparent;padding:.375rem 0;resize:none;transition:border-color .2s}.modal-field input:focus,.modal-field textarea:focus{border-bottom-color:#1a1a1a}.modal-btn{margin-top:.5rem;background:#1a1a1a;color:#fff;border:none;padding:.875rem;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:opacity .2s}.modal-btn:hover:not(:disabled){opacity:.8}.modal-btn:disabled{opacity:.5;cursor:default}.modal-error{font-size:.8125rem;color:#c0392b;margin:0}.modal-instagram{margin-top:1.5rem;text-align:center;font-size:.8125rem;color:#bbb}.modal-instagram a{color:#999;text-decoration:none;border-bottom:1px solid #e0e0e0;transition:color .2s,border-color .2s}.modal-instagram a:hover{color:#1a1a1a;border-bottom-color:#1a1a1a}.modal-success{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0;text-align:center}.modal-success p{font-size:1rem;font-weight:300;color:#1a1a1a;margin:0;letter-spacing:.02em}@media(max-width:480px){.modal-card{padding:2rem 1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;color:#1a1a1a;overflow-x:hidden}.app{min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(to bottom,#fffffffa,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;text-align:center;border-bottom:1px solid rgba(0,0,0,.05);transition:transform .3s ease,opacity .3s ease}.navbar.hidden{transform:translateY(-100%);opacity:0}.logo{font-size:2rem;font-weight:300;letter-spacing:.15em;margin-bottom:.5rem;color:#1a1a1a}.subtitle{font-size:.875rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#666}.gallery{padding-top:150px;padding-bottom:4rem}.painting-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.painting-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.painting-content.right{direction:rtl}.painting-content.right>*{direction:ltr}.painting-image{width:100%;overflow:hidden;border-radius:2px;box-shadow:0 20px 60px #00000026}.painting-image img{width:100%;height:auto;display:block;transition:transform .5s ease}.painting-image:hover img{transform:scale(1.04)}.painting-info{padding:2rem}.painting-title{font-size:2.5rem;font-weight:300;letter-spacing:.05em;margin-bottom:1rem;color:#1a1a1a}.painting-price{font-size:1.75rem;font-weight:500;margin-bottom:2rem;color:#1a1a1a}.painting-details{margin-bottom:2rem;padding:1.5rem;background:#00000005;border-left:3px solid #1a1a1a}.painting-details p{margin-bottom:.5rem;font-size:.95rem;color:#333}.painting-details p:last-child{margin-bottom:0}.painting-details strong{font-weight:600;margin-right:.5rem;color:#666}.painting-description{font-size:1.125rem;line-height:1.8;color:#333;margin-bottom:2rem;font-style:italic}.contact-btn{padding:1rem 3rem;font-size:1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:#1a1a1a;color:#fff;border:none;cursor:pointer;transition:all .3s ease;border-radius:2px}.contact-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.loading-state,.error-state,.empty-state{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state p,.error-state p,.empty-state p{font-size:1.125rem;color:#666}.error-state p{color:#d32f2f}.footer{padding:3rem 2rem;text-align:center;background:#1a1a1a;color:#ffffffb3}.footer p{font-size:.875rem;letter-spacing:.1em}@media(max-width:968px){.painting-content{grid-template-columns:1fr;gap:2rem}.painting-content.right{direction:ltr}.painting-title{font-size:2rem}.painting-price{font-size:1.5rem}.painting-info{padding:1rem}.navbar{padding:1.5rem}.logo{font-size:1.5rem}.gallery{padding-top:120px}}@media(max-width:640px){.painting-section{padding:2rem 1rem}.painting-title{font-size:1.5rem}.painting-description{font-size:1rem}.contact-btn{width:100%;padding:.875rem 2rem}}
