@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap";:root{color-scheme:dark;--background: #0d0d0d;--foreground: #f2f2f2;--primary: #8c1c1c;--muted-foreground: #8c8c8c;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-body)}body{margin:0;min-height:100vh;background:var(--background);color:var(--foreground);font-family:var(--font-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.hairline-rule{height:.5px;background:#4d4d4d}.text-display{font-family:var(--font-display);line-height:.95;letter-spacing:-.02em}.text-body{font-family:var(--font-body);line-height:1.6;font-size:1.125rem}.text-tech{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}:root{--background: #0d0d0d;--foreground: #f2f2f2;--primary: #8c1c1c;--muted: #8c8c8c;--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .12);--radius: 24px}body{margin:0;min-height:100vh;background:var(--background);color:var(--foreground);font-family:var(--font-body);line-height:1.6}#root{min-height:100vh}.landing-page{background:var(--background);color:var(--foreground)}.landing-header{position:fixed;inset:0 0 auto;z-index:50;width:100%;padding:1rem 1.5rem;transition:background .3s ease,border-bottom .3s ease,backdrop-filter .3s ease}.landing-header-scrolled{background:#0d0d0de0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.landing-header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.landing-brand{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.08em;color:var(--foreground);text-decoration:none}.landing-nav{display:flex;align-items:center;gap:1.5rem}.landing-link,.landing-mobile-link{color:var(--foreground);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;background:transparent;border:none;cursor:pointer}.landing-cta,.landing-mobile-cta,.landing-button,.landing-button-inline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.6rem;border-radius:999px;background:var(--primary);color:var(--foreground);border:1px solid transparent;text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.14em;transition:background .25s ease,color .25s ease,transform .25s ease}.landing-cta:hover,.landing-mobile-cta:hover,.landing-button:hover,.landing-button-inline:hover{background:var(--foreground);color:var(--background)}.landing-menu-button{border:none;background:transparent;color:var(--foreground);cursor:pointer;font-size:1.5rem}.landing-brand-button{border:none;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:0}.landing-mobile-menu{position:fixed;inset:0;z-index:40;background:#0d0d0df5;display:grid;place-items:center;gap:1.5rem}.landing-mobile-link,.landing-mobile-cta{font-size:2rem}.landing-hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:flex-end;padding:0 1.5rem 3.5rem}.landing-hero-bg{position:absolute;inset:0;overflow:hidden}.landing-hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.65)}.landing-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0d0d0d2e,#0d0d0df2)}.landing-hero-content{position:relative;z-index:1;max-width:880px}.landing-tech-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:var(--muted);margin-bottom:1.5rem}.landing-hero-title{margin:0;font-family:var(--font-display);font-size:clamp(3rem,8vw,8rem);line-height:.95;font-weight:700;color:var(--foreground)}.landing-hero-subtitle{color:var(--muted);display:inline-block;font-style:italic}.landing-body-text{margin:2rem 0;max-width:720px;font-size:1.05rem;color:var(--muted)}.landing-hero-button{display:inline-flex;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--foreground);padding:1rem 1.6rem;border-radius:999px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.bottom-rule{position:absolute;bottom:0;left:1.5rem;right:1.5rem}.landing-section{padding:8rem 1.5rem}.landing-section-intro{max-width:960px;margin:0 auto 3rem}.section-divider{width:5rem;margin-bottom:1.5rem}.landing-section-title{margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,4vw,5rem);max-width:760px;line-height:1.05}.landing-emphasis{font-style:italic;color:var(--muted)}.benefits-grid{display:grid;gap:5rem;max-width:1280px;margin:0 auto}.benefit-block{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.benefit-block.visible{opacity:1;transform:translateY(0)}.benefit-reverse{direction:rtl}.benefit-reverse .benefit-copy{text-align:right;direction:ltr}.benefit-image{border-radius:var(--radius);overflow:hidden;min-height:420px}.benefit-image img{width:100%;height:100%;object-fit:cover}.benefit-copy{display:grid;gap:1.5rem}.about-copy{max-width:840px;margin:0 auto;display:grid;gap:1.5rem;color:var(--muted);font-size:1rem;line-height:1.9}.benefit-title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,3vw,4rem);line-height:1.05}.benefit-description{color:var(--muted);max-width:620px}.benefit-metrics{display:grid;gap:1rem}.metric-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:1rem}.metric-key{color:var(--muted);font-family:var(--font-mono);font-size:.85rem}.metric-value{color:var(--foreground);font-family:var(--font-mono);font-size:.9rem}.landing-artist{padding-bottom:4rem}.artist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem;max-width:1280px;margin:0 auto}.artwork-card,.testimonial-card{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:grid;gap:1rem}.artwork-image-wrap{position:relative;overflow:hidden;border-radius:24px}.artist-details{display:grid;gap:.3rem;margin-top:1rem}.artist-name{margin:0;color:var(--foreground);font-family:var(--font-display);font-size:1.1rem}.artist-region{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.artwork-image-wrap img{width:100%;display:block;transition:transform .6s ease}.artwork-card:hover .artwork-image-wrap img{transform:scale(1.05)}.artwork-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0d0d0d59;opacity:0;transition:opacity .35s ease}.artwork-card:hover .artwork-overlay{opacity:1}.artwork-overlay span{color:var(--foreground);font-family:var(--font-mono);letter-spacing:.14em}.artwork-card h3{margin:0;font-family:var(--font-display);font-size:1.25rem}.artwork-meta{margin:0;color:var(--muted);font-size:.95rem}.artwork-labels{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--muted);font-family:var(--font-mono);font-size:.8rem}.testimonial-card{min-height:100%;display:flex;flex-direction:column;justify-content:space-between}.testimonial-card blockquote{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:1.8rem;text-transform:uppercase;letter-spacing:.1em}.testimonial-author{margin:0;color:var(--foreground);font-family:var(--font-display);font-size:1.1rem}.contact-form{display:grid;gap:1.5rem;max-width:640px;margin:0 auto}.contact-form label{display:block;margin-bottom:.5rem;color:var(--muted);font-family:var(--font-mono);font-size:.85rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:none;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;color:var(--foreground);padding:.9rem 0;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#f2f2f294}.contact-form textarea{min-height:160px;resize:vertical}.contact-success{text-align:center;padding:5rem 1.5rem}.contact-success h3{margin:0 0 1rem;font-family:var(--font-display);font-size:2rem}.contact-success p{margin:0;color:var(--muted)}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;border-top:1px solid rgba(255,255,255,.08);background:#0d0d0df2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sticky-cta-inner{max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.sticky-cta-inner p{margin:0;font-family:var(--font-display);font-size:.95rem;color:var(--foreground)}.desktop-only{display:none}@media(min-width:768px){.desktop-only{display:flex}.mobile-only{display:none}.landing-section{padding:10rem 4rem}.landing-hero{padding:0 4rem 5rem}.landing-section-intro{margin-bottom:4rem}.artist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.benefit-block{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-reverse{direction:ltr}.landing-hero-button{font-size:.9rem}}@media(max-width:767px){.landing-hero-title{font-size:clamp(2.5rem,12vw,5rem)}.landing-hero{padding:0 1.25rem 3rem}.landing-section,.sticky-cta-inner{padding-left:1.25rem;padding-right:1.25rem}.artist-grid{grid-template-columns:1fr}.benefits-grid{gap:3rem}.benefit-block{gap:2rem}.navbar{background:#0d0d0df2;color:#fff;box-shadow:0 2px 20px #0000002e;position:sticky;top:0;width:100%;z-index:100}.navbar-container{max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo h2,.navbar-logo a{color:inherit;font-size:1.8rem;font-weight:700;text-decoration:none}.nav-list{list-style:none;display:flex;gap:1.25rem;margin:0;padding:0;align-items:center}.nav-list a,.nav-link{color:inherit;text-decoration:none;font-weight:600;padding:.25rem .5rem}.nav-link.active{text-decoration:underline}.site-footer{background-color:#0d0d0df2;color:#fff;padding:1.5rem 0}.site-footer .container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.container{width:min(100% - 3rem,1280px);margin:0 auto}}.page-artist *{margin:0;padding:0;box-sizing:border-box;font-family:Jost,sans-serif}.page-artist .slider-container{width:100%;padding:3rem 0;background-image:url(Images/bg-img.png);background-repeat:no-repeat;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center}.page-artist .slider-images{display:flex;align-items:end;gap:16px;max-height:520px}.page-artist .slider-images img{width:100%;height:100%;object-fit:cover;border-radius:6px}.page-artist .slider-img{width:110px;border-radius:6px;cursor:pointer;position:relative;transition:.5s ease}.page-artist .slider-images .slider-img:first-child,.page-artist .slider-images .slider-img:last-child{height:220px}.page-artist .slider-images .slider-img:nth-child(2),.page-artist .slider-images .slider-img:nth-child(6){height:260px}.page-artist .slider-images .slider-img:nth-child(3),.page-artist .slider-images .slider-img:nth-child(4),.page-artist .slider-images .slider-img:nth-child(5){height:315px}.page-artist .slider-img h1{font-family:Jost,sans-serif;font-size:20px;font-weight:700;text-align:left;text-transform:uppercase;color:#fff;position:absolute;top:50%;left:-8%;transform:rotate(270deg);transition:.5s ease}.page-artist .details{position:absolute;bottom:43px;left:43px}.page-artist .details h2{font-family:Jost,sans-serif;font-size:18px;font-weight:700;text-align:left;line-height:26px;color:#fff;text-transform:uppercase;transition:.5s ease;display:none}.page-artist .details p{font-family:Jost,sans-serif;font-size:14px;font-weight:700;text-align:left;line-height:20px;color:#fff;text-transform:uppercase;transition:.5s ease;display:none}.page-artist .slider-img.active{width:420px!important;height:480px!important}.page-artist .slider-img.active h1{display:none}.page-artist .slider-img.active .details p,.page-artist .slider-img.active .details h2{display:block}@media(max-width:900px){.page-artist .slider-images{gap:12px;max-height:380px}.page-artist .slider-images .slider-img:first-child,.page-artist .slider-images .slider-img:last-child{height:160px}.page-artist .slider-images .slider-img:nth-child(2),.page-artist .slider-images .slider-img:nth-child(6){height:190px}.page-artist .slider-images .slider-img:nth-child(3),.page-artist .slider-images .slider-img:nth-child(4),.page-artist .slider-images .slider-img:nth-child(5){height:220px}.page-artist .slider-img.active{width:320px!important;height:360px!important}}@media(max-width:480px){.page-artist .slider-images{flex-direction:column;align-items:center;max-height:none}.page-artist .slider-img,.page-artist .slider-img.active{width:90%;height:auto}.page-artist .slider-img h1{display:none}}.artwork-detail{padding:2rem 1rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:980px;margin:0 auto;align-items:start}.detail-image img{width:100%;height:auto;border-radius:8px;object-fit:cover;border:1px solid #e6e6e6}.detail-meta h1{margin:0 0 .25rem}.artist{margin:0 0 .5rem;color:#555}.categories,.year{font-size:.95rem;color:#666;margin-bottom:.5rem}.story h4{margin-top:1rem;margin-bottom:.5rem}.story p{line-height:1.5}.actions{margin-top:1.25rem}.btn-secondary{display:inline-block;padding:.5rem .8rem;border-radius:6px;background:#f3f4f6;color:#111827;text-decoration:none}@media(max-width:700px){.detail-grid{grid-template-columns:1fr}}.upload-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb}.upload-page .page{max-width:1200px;margin:2rem auto;padding:0 1.5rem 3rem;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:2rem}.upload-page .upload-panel,.upload-page .gallery-panel{background:radial-gradient(circle at top left,#111827,#020617);border-radius:1rem;border:1px solid rgba(148,163,184,.25);box-shadow:0 20px 60px #0f172ae6;padding:1.5rem 1.75rem 1.75rem}.upload-page .upload-panel h2,.upload-page .gallery-panel h2{font-size:1.2rem;margin-bottom:1rem;color:#e5e7eb}.upload-page .upload-form{display:flex;flex-direction:column;gap:.9rem;margin-top:.5rem}.upload-page .form-label{display:flex;flex-direction:column;font-size:.85rem;color:#9ca3af;gap:.3rem}.upload-page input[type=text],.upload-page textarea,.upload-page input[type=file]{border-radius:.5rem;border:1px solid rgba(148,163,184,.5);background:#0f172acc;color:#e5e7eb;padding:.55rem .7rem;font-size:.9rem}.upload-page input[type=text]:focus,.upload-page textarea:focus,.upload-page input[type=file]:focus{outline:2px solid #6366f1;outline-offset:1px;border-color:transparent}.upload-page textarea{resize:vertical;min-height:80px}.upload-page .file-label input[type=file]{padding:.4rem .7rem}.upload-page .btn{margin-top:.4rem;align-self:flex-start;padding:.6rem 1.3rem;border-radius:999px;border:none;background:linear-gradient(135deg,#6366f1,#a855f7);color:#f9fafb;font-size:.9rem;font-weight:500;cursor:pointer;letter-spacing:.04em;box-shadow:0 12px 30px #4f46e573;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.upload-page .btn:hover{transform:translateY(-1px);box-shadow:0 18px 40px #4f46e599;filter:brightness(1.05)}.upload-page .btn:active{transform:translateY(0);box-shadow:0 10px 24px #4f46e566}.upload-page .hint{margin-top:.75rem;font-size:.75rem;color:#6b7280}.upload-page .status-message{margin-top:.8rem;padding:.65rem .85rem;border-radius:.6rem;font-size:.85rem;font-weight:600;border:1px solid transparent;animation:statusFadeIn .22s ease-out}.upload-page .status-message.success{color:#bbf7d0;background:#16a34a2e;border-color:#22c55e59}.upload-page .status-message.error{color:#fecaca;background:#dc262633;border-color:#f8717166}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.upload-page .status-message{animation:none}}.upload-page .upload-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;margin-top:.75rem}.upload-page .upload-gallery-item{border-radius:.9rem;overflow:hidden;border:1px solid rgba(148,163,184,.35);background:radial-gradient(circle at top left,#111827,#020617);box-shadow:0 14px 40px #0f172ad9;transform:translateY(0);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.upload-page .upload-gallery-item:hover{transform:translateY(-4px);border-color:#818cf8e6;box-shadow:0 20px 60px #0f172af2}.upload-page .upload-gallery-item img{width:100%;display:block;aspect-ratio:4 / 3;object-fit:cover}.upload-page .upload-gallery-item .meta{padding:.6rem .8rem .8rem}.upload-page .upload-gallery-item .meta h3{font-size:.95rem;margin-bottom:.2rem;color:#e5e7eb}.upload-page .upload-gallery-item .meta p{font-size:.78rem;color:#9ca3af}@media(max-width:860px){.upload-page .page{grid-template-columns:minmax(0,1fr)}.upload-page .upload-panel,.upload-page .gallery-panel{padding:1.25rem 1.3rem 1.5rem}}.page-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;z-index:2000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.page-loader.show{opacity:1;visibility:visible;pointer-events:auto}.loader{width:64px;height:64px;border:6px solid rgba(255,255,255,.95);border-bottom-color:#ff3d00;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
