@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:3px}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #d4af3740;background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--color-bg: #121212;--color-text: #e0e0e0;--color-accent: #d4af37;--color-surface: #1e1e1e;--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif;--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#fff;font-weight:400}a{text-decoration:none;color:inherit;transition:color var(--transition-speed)}a:hover{color:var(--color-accent)}.navbar{position:fixed;top:0;width:100%;padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:#f9f4f1e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05)}.logo{display:flex;align-items:center}.logo-img{height:auto;max-width:30%;display:block;aspect-ratio:38 / 9;object-fit:cover}.nav-links{display:flex;list-style:none;gap:2rem;align-items:center}.nav-links li{margin:0;padding:0}.nav-links a{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:#4a4a4a}.hamburger{display:none;cursor:pointer;color:#2c2c2c;background:none;border:none;padding:.25rem;line-height:1;border-radius:4px}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center calc(50% + var(--hero-bg-offset, 0px));position:relative;background-image:url(/assets/hero-bg.webp)}.hero.hero--testimonials{background-image:linear-gradient(#0000002e,#0000002e),url(/assets/artist-testimonials.webp),url(/assets/ghazala-3.webp);background-position:center calc(35% + var(--hero-bg-offset, 0px))}.hero.hero--testimonials:after{background:#00000040}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000026}.hero-content{position:relative;z-index:1;max-width:800px;padding:0 1rem}.hero h1{font-size:4rem;margin-bottom:1rem;animation:fadeIn 1.5s ease-out;text-shadow:0 2px 16px rgba(0,0,0,.65)}.hero p{font-size:1.2rem;margin-bottom:2rem;font-weight:300;animation:fadeIn 1.5s ease-out .5s backwards;text-shadow:0 2px 14px rgba(0,0,0,.6)}.btn{display:inline-block;padding:1rem 2.5rem;border:1px solid #fff;color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;transition:all var(--transition-speed)}.btn:hover{background:#fff;color:#000}.section{padding:5rem 2rem;background:#f9f4f1;color:#2c2c2c}.section p{color:#2c2c2c;font-size:1.1rem;line-height:1.8;letter-spacing:.3px;font-weight:300}.section h2{color:#2c2c2c;font-family:var(--font-heading);font-size:2.5rem;font-weight:400;letter-spacing:1px;margin-bottom:1.5rem}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;position:relative;color:#2c2c2c}.section-title:after{content:"";display:block;width:60px;height:2px;background:var(--color-accent);margin:1rem auto 0}.testimonials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-width:1100px;margin:0 auto}@media(max-width:768px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:#fff;border:1px solid rgba(44,44,44,.12);border-radius:18px;padding:2rem;box-shadow:0 8px 26px #00000014}.testimonial-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.testimonial-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,175,55,.35)}.testimonial-avatar-placeholder{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-heading);font-size:1.35rem;color:#2c2c2cb3;background:#d4af371f;border:2px solid rgba(212,175,55,.25)}.testimonial-name{font-family:var(--font-heading);font-size:1.25rem;color:#2c2c2c;letter-spacing:.2px}.testimonial-subtitle{font-size:.82rem;text-transform:uppercase;letter-spacing:2px;color:#2c2c2ca6;margin-top:.2rem}.testimonial-quote{color:#2c2c2c;font-size:1.05rem;line-height:1.9;letter-spacing:.2px;white-space:pre-wrap}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.75rem;max-width:1400px;margin:0 auto}@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}}.gallery-item{position:relative;cursor:pointer;display:block;color:inherit}.gallery-item>img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}.gallery-image-container{position:relative;overflow:hidden;aspect-ratio:3/4}.gallery-image-container img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .25s ease}.gallery-image-container .gallery-image-primary{opacity:1}.gallery-image-container .gallery-image-hover,.gallery-image-container.has-hover:hover .gallery-image-primary{opacity:0}.gallery-image-container.has-hover:hover .gallery-image-hover{opacity:1}.gallery-image-container:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.gallery-image-container:hover .gallery-overlay{opacity:1}.gallery-overlay h3{font-size:1.5rem;font-style:italic;color:#fff}.sold-out-badge{position:absolute;top:0;right:0;background:#ffffffe6;color:#4a4a4a;padding:.5rem 1rem;font-family:var(--font-body);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;z-index:10}.artwork-info{text-align:center;margin-top:1.5rem;font-family:var(--font-heading)}.artwork-title{font-size:.9rem;text-transform:uppercase;letter-spacing:3px;margin-bottom:.5rem;color:#2c2c2c;line-height:1.4}.artwork-price{font-size:.85rem;color:var(--color-accent);font-family:var(--font-heading);letter-spacing:1px;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.15)}footer{background:var(--color-surface);padding:3rem 2rem;text-align:center;margin-top:auto}.social-links{margin-bottom:1.5rem}.social-links a{margin:0 .5rem;font-size:1.2rem;display:inline-flex;align-items:center;gap:.5rem}.social-links svg{width:20px;height:20px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1.5rem}.footer-links a{font-size:.95rem}@media(max-width:768px){.hamburger{display:block;font-size:1.5rem}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:70%;background:var(--color-surface);flex-direction:column;justify-content:center;align-items:center;transition:right var(--transition-speed)}.nav-links.active{right:0}.hero h1{font-size:2.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-container{min-height:calc(100vh - 200px);padding:8rem 2rem 4rem;background:#f9f4f1;color:#2c2c2c}.product-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.product-image-section{position:sticky;top:6rem}.product-media{display:flex;gap:1rem;align-items:flex-start}.product-image-container{position:relative;background:#fff;padding:2rem;box-shadow:0 4px 20px #0000001a;flex:1;min-width:0}.product-image{width:100%;height:auto;display:block;cursor:zoom-in;transition:transform .3s ease}.product-image:hover{transform:scale(1.02)}.zoom-hint{text-align:center;margin-top:1rem;font-size:.85rem;color:#666;font-style:italic}.product-thumbnails{display:flex;flex-direction:column;gap:.75rem;flex:0 0 auto}.product-thumbnail{background:transparent;border:1px solid rgba(44,44,44,.2);padding:0;cursor:pointer;width:78px;aspect-ratio:3/4;overflow:hidden}.product-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.product-thumbnail:hover{border-color:#2c2c2c73}.product-thumbnail.active{border-color:var(--color-accent)}.sold-out-badge-large{position:absolute;top:1rem;right:1rem;background:#fffffff2;color:#4a4a4a;padding:.75rem 1.5rem;font-family:var(--font-body);font-size:.9rem;text-transform:uppercase;letter-spacing:2px;z-index:10;box-shadow:0 2px 8px #0000001a}.product-details-section{display:flex;flex-direction:column;gap:2.5rem}.product-header{border-bottom:2px solid var(--color-accent);padding-bottom:1.5rem}.product-title{font-size:2.5rem;margin-bottom:1rem;color:#2c2c2c;font-weight:400;letter-spacing:2px;text-transform:uppercase}.product-price{font-size:2rem;color:var(--color-accent);font-family:var(--font-heading);letter-spacing:1px;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.15)}.product-info{display:flex;flex-direction:column;gap:1.5rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(44,44,44,.1)}.info-label{font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;color:#666}.info-value{font-size:1.1rem;color:#2c2c2c;font-family:var(--font-heading)}.product-story{padding:2rem 0}.story-title{font-size:1.5rem;margin-bottom:1.5rem;color:#2c2c2c;font-weight:400;text-transform:uppercase;letter-spacing:2px}.story-text{font-size:1.1rem;line-height:1.8;color:#4a4a4a;font-weight:300;letter-spacing:.5px}.product-actions{padding-top:1rem}.btn-primary{display:inline-block;padding:1.2rem 3rem;background:var(--color-accent);color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:.9rem;transition:all var(--transition-speed);border:2px solid var(--color-accent);text-align:center;font-family:var(--font-body);cursor:pointer}.btn-primary:hover{background:transparent;color:var(--color-accent)}.btn-secondary{display:inline-block;padding:1rem 2rem;border:2px solid #2c2c2c;color:#2c2c2c;text-transform:uppercase;letter-spacing:2px;font-size:.85rem;transition:all var(--transition-speed);text-align:center;font-family:var(--font-body)}.btn-secondary:hover{background:#2c2c2c;color:#fff}.product-navigation{padding-top:2rem;border-top:1px solid rgba(44,44,44,.1)}.product-not-found{text-align:center;padding:4rem 2rem;max-width:600px;margin:0 auto}.product-not-found h1{font-size:2.5rem;margin-bottom:1rem;color:#2c2c2c}.product-not-found p{font-size:1.2rem;margin-bottom:2rem;color:#666}.zoom-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:#000000f2;cursor:zoom-out;overflow:auto}.zoom-modal.active{display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.zoom-image{max-width:95%;max-height:95vh;object-fit:contain;cursor:zoom-out;animation:zoomIn .3s ease}.zoom-close{position:absolute;top:2rem;right:2rem;color:#fff;font-size:3rem;font-weight:300;cursor:pointer;z-index:2001;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);border-radius:50%;transition:all var(--transition-speed)}.zoom-close:hover{background:#ffffff1a;border-color:#fff9}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.product-content{grid-template-columns:1fr;gap:3rem}.product-image-section{position:static}.product-title{font-size:2rem}.product-price{font-size:1.75rem}}@media(max-width:768px){.product-container{padding:6rem 1.5rem 3rem}.product-media{flex-direction:column}.product-thumbnails{flex-direction:row;flex-wrap:wrap}.product-content{gap:2rem}.product-image-container{padding:1rem}.product-title{font-size:1.75rem}.product-price{font-size:1.5rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.zoom-close{top:1rem;right:1rem;font-size:2rem;width:40px;height:40px}.btn-primary,.btn-secondary{width:100%;text-align:center}}.hero--commission{background-image:linear-gradient(#00000059,#00000059),url(/assets/hero-bg.webp)}.commission-intro{max-width:800px;margin:0 auto 3rem;text-align:center}.commission-description{text-align:left}.commission-description p{margin-bottom:1.25rem}.commission-description p:last-child{margin-bottom:0}.commission-form-container{max-width:800px;margin:0 auto}.commission-form{display:flex;flex-direction:column;gap:2.5rem}.form-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000000f}.form-section h3{font-family:var(--font-heading);font-size:1.35rem;color:#2c2c2c;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(212,175,55,.3)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#2c2c2c;margin-bottom:.5rem;letter-spacing:.3px}.form-group .required{color:#c75050}.form-group .field-description{font-size:.85rem;color:#666;margin-bottom:.6rem;line-height:1.5}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.85rem 1rem;font-family:var(--font-body);font-size:1rem;color:#2c2c2c;background:#fafafa;border:1px solid rgba(44,44,44,.15);border-radius:6px;transition:all var(--transition-speed)}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c2c2c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group textarea{resize:vertical;min-height:80px}.form-submit{text-align:center;padding-top:1rem}.btn--commission{background:var(--color-accent);border-color:var(--color-accent);color:#000;font-weight:600;padding:1.1rem 3rem;font-size:.9rem;letter-spacing:1.5px;transition:all var(--transition-speed)}.btn--commission:hover{background:#c9a432;border-color:#c9a432;color:#000;transform:translateY(-2px);box-shadow:0 4px 15px #d4af3759}.btn--commission:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.form-note{margin-top:1.25rem;font-size:.85rem;color:#666;font-style:italic}.form-message{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem}.form-message--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media(max-width:768px){.form-section{padding:1.5rem}.form-section h3{font-size:1.2rem}.btn--commission{width:100%;padding:1rem 2rem}}
