@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--font-serif:"Playfair Display", serif;--font-sans:"Inter", sans-serif;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--accent:#d4af37}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);letter-spacing:.05em;font-weight:400}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ad9;border-bottom:1px solid #ffffff0d;width:100%;padding:2rem 5%;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.navbar-logo{font-family:var(--font-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary);font-size:1.5rem;font-weight:700;transition:color .3s}.navbar-logo:hover{color:var(--accent)}.navbar-links{gap:2.5rem;display:flex}.nav-link{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);padding-bottom:5px;font-size:.9rem;transition:color .3s;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-underline{background-color:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.kofi-button{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--bg-primary);background-color:var(--accent);border-radius:20px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.kofi-button:hover{background-color:#fce186;transform:translateY(-2px);box-shadow:0 0 15px #d4af3766}@media (width<=768px){.navbar{padding:1.5rem 5%;position:relative}.navbar-container{flex-direction:column;gap:1.5rem}.navbar-links{flex-wrap:wrap;justify-content:center;gap:1.5rem}}.artwork-container{flex-direction:column;align-items:center;width:100%;margin-bottom:8rem;display:flex}.artwork-layout{flex-direction:row;justify-content:center;align-items:center;gap:4rem;width:100%;max-width:1100px;display:flex}.reference-container{opacity:.8;flex-direction:column;flex:0 0 250px;align-items:center;gap:1rem;transition:opacity .3s,transform .3s;display:flex}.reference-container:hover{opacity:1;transform:scale(1.02)}.reference-wrapper{aspect-ratio:3/4;border:4px solid #fff;border-radius:2px;width:100%;overflow:hidden;transform:rotate(-2deg);box-shadow:0 10px 20px #00000080}.reference-img{object-fit:cover;filter:grayscale(15%);width:100%;height:100%}.reference-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.8rem;font-style:italic}.artwork-main{flex-direction:column;flex:1;align-items:center;width:100%;max-width:600px;display:flex}.artwork-frame{background:0 0;border:30px solid #8f6b29;border-image:linear-gradient(135deg,#f4dfa1 0%,#c49c48 25%,#8f6b29 50%,#5c4314 75%,#30220a 100%) 1;width:100%;padding:0;position:relative;box-shadow:0 30px 60px #000c,0 10px 20px #00000080}.artwork-image-wrapper{aspect-ratio:3/4;background-color:#1a1a1a;width:100%;position:relative;overflow:hidden}.artwork-image-wrapper:after{content:"";pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 8px 30px #000c}.artwork-img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.artwork-details{text-align:left;width:100%;margin-top:2rem}.artwork-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.artwork-title{color:var(--text-primary);flex:1;margin-bottom:0;font-size:2rem;font-style:italic}.like-button{cursor:pointer;color:var(--text-secondary);font-family:var(--font-sans);background:0 0;border:none;outline:none;align-items:center;gap:.5rem;padding:.5rem;font-size:1.1rem;transition:color .3s;display:flex}.like-button:hover:not(.liked){color:#ffb6c1}.like-button.liked{color:var(--accent)}.heart-icon{width:24px;height:24px;transition:all .3s}.artwork-technique{font-family:var(--font-sans);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.85rem}.artwork-description{color:#ccc;font-size:1rem;font-weight:300;line-height:1.6}@media (width<=968px){.artwork-layout{flex-direction:column;gap:3rem}.reference-container{flex:auto;width:60%;max-width:250px}.artwork-frame{padding:1.5rem}}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem 5%}.page-title{text-align:center;color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-size:3rem}.page-subtitle{text-align:center;color:var(--text-secondary);font-size:1.2rem;font-family:var(--font-sans);margin-bottom:2rem;font-weight:300}.sort-select{background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 1rem top 50%;background-repeat:no-repeat;background-size:.65rem;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:.8rem 3rem .8rem 1.5rem;font-size:1rem;transition:all .3s}.sort-select:hover{border-color:var(--accent)}.sort-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d4af3733}.explore-section{text-align:center;border-top:1px solid #ffffff1a;margin:4rem 0 6rem;padding-top:3rem}.explore-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;font-style:italic}.cta-button{color:var(--accent);border:1px solid var(--accent);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;background-color:#0000;padding:1rem 2.5rem;font-size:1.1rem;text-decoration:none;transition:all .3s;display:inline-block}.cta-button:hover{background-color:var(--accent);color:#000;box-shadow:0 0 20px #d4af3766}