{"title":"PENTHOUSES \u0026 LUXURY HOMES","description":"\u003cp\u003e\u003cspan\u003eSculptural, moody, refined.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA curated selection crafted specifically for modern luxury homes and sky-high penthouses.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThese pieces enhance stone, glass, metal, and shadow — adding emotional resonance and architectural balance.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ePerfect for statement entryways, double-height living rooms, gallery corridors, and collector dining spaces.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA world-class collection for those who live at the peak.\u003c\/span\u003e\u003c\/p\u003e","products":[{"product_id":"convergence-no-i","title":"Convergence No. I — Chromatic Tension","description":"\u003cbody\u003e\n\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eConvergence No. I — Luxury Abstract Wall Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A museum-grade abstract artwork exploring movement and balance—designed for luxury homes, galleries, and hospitality interiors. Limited edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --bg-dark: #0a0a0a;\n --bg-elevated: #141414;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --accent-gold: #d9a85f;\n --accent-blue: #1e5a7a;\n --accent-ember: #c8553d;\n --accent-bronze: #b8925a;\n --divider: rgba(255, 255, 255, 0.1);\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--divider);\n transition: all 0.3s ease;\n }\n \n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n \n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n \n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .nav-links a:hover {\n color: var(--accent-gold);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 2rem 4rem;\n overflow: hidden;\n }\n \n \/* Intersecting arcs *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 20%;\n left: -10%;\n width: 600px;\n height: 600px;\n border: 2px solid rgba(217, 168, 95, 0.15);\n border-radius: 40%;\n transform: rotate(-45deg);\n animation: arcIntersect1 18s ease-in-out infinite;\n }\n \n @keyframes arcIntersect1 {\n 0%, 100% { \n transform: rotate(-45deg) scale(1);\n opacity: 0.3;\n }\n 50% { \n transform: rotate(-30deg) scale(1.1);\n opacity: 0.5;\n }\n }\n \n .hero::after {\n content: '';\n position: absolute;\n bottom: 20%;\n right: -10%;\n width: 500px;\n height: 500px;\n border: 2px solid rgba(30, 90, 122, 0.15);\n border-radius: 40%;\n transform: rotate(45deg);\n animation: arcIntersect2 20s ease-in-out infinite reverse;\n }\n \n @keyframes arcIntersect2 {\n 0%, 100% { \n transform: rotate(45deg) scale(1);\n opacity: 0.3;\n }\n 50% { \n transform: rotate(60deg) scale(1.15);\n opacity: 0.5;\n }\n }\n \n \/* Color field glow *\/\n .color-field {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 800px;\n height: 800px;\n transform: translate(-50%, -50%);\n background: radial-gradient(\n circle,\n rgba(217, 168, 95, 0.08) 0%,\n rgba(30, 90, 122, 0.06) 50%,\n transparent 70%\n );\n animation: colorShift 25s ease-in-out infinite;\n pointer-events: none;\n }\n \n @keyframes colorShift {\n 0%, 100% { opacity: 0.4; transform: translate(-50%, -50%) scale(1); }\n 50% { opacity: 0.6; transform: translate(-45%, -55%) scale(1.2); }\n }\n \n .hero-content {\n text-align: center;\n max-width: 900px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 600;\n letter-spacing: 2px;\n margin-bottom: 1rem;\n line-height: 1.1;\n text-shadow: 2px 2px 20px rgba(217, 168, 95, 0.4);\n background: linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-bronze) 50%, var(--accent-ember) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .edition {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n letter-spacing: 3px;\n color: var(--accent-gold);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-style: italic;\n color: var(--text-primary);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-gold);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, var(--accent-gold), var(--accent-ember));\n transition: left 0.4s ease;\n z-index: -1;\n }\n \n .cta-button:hover::before {\n left: 0;\n }\n \n .cta-button:hover {\n border-color: var(--accent-bronze);\n color: var(--bg-dark);\n }\n \n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 600;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 1px;\n background: linear-gradient(135deg, var(--accent-gold), var(--accent-ember));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n margin: 3rem auto;\n }\n \n \/* Video Section *\/\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 0;\n box-shadow: 0 20px 60px rgba(217, 168, 95, 0.2);\n border: 1px solid rgba(217, 168, 95, 0.2);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n \n \/* Description Section *\/\n .description {\n background: var(--bg-elevated);\n border-radius: 0;\n }\n \n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .short-description {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n line-height: 1.6;\n color: var(--accent-gold);\n margin-bottom: 2rem;\n font-weight: 400;\n }\n \n .long-description {\n font-size: 1.1rem;\n line-height: 1.9;\n color: var(--text-secondary);\n text-align: left;\n }\n \n .long-description p {\n margin-bottom: 1.5rem;\n }\n \n .long-description strong {\n color: var(--accent-ember);\n }\n \n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-dark);\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n \n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n line-height: 1.9;\n color: var(--accent-blue);\n text-align: center;\n font-style: italic;\n font-weight: 500;\n }\n \n .backstory-text p {\n margin-bottom: 1.5rem;\n }\n \n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .feature-card {\n background: var(--bg-elevated);\n padding: 3rem 2rem;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid transparent;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n border-color: rgba(217, 168, 95, 0.3);\n box-shadow: 0 10px 30px rgba(217, 168, 95, 0.15);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n background: linear-gradient(135deg, var(--accent-gold), var(--accent-ember));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-gold);\n }\n \n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n }\n \n .stat-card {\n text-align: center;\n padding: 2rem;\n background: var(--bg-elevated);\n border: 1px solid rgba(217, 168, 95, 0.2);\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 600;\n background: linear-gradient(135deg, var(--accent-gold), var(--accent-bronze));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 0.5rem;\n }\n \n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n \n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-elevated);\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n \n .pairing-card {\n text-align: center;\n transition: transform 0.3s ease;\n padding: 2rem;\n }\n \n .pairing-card:hover {\n transform: translateY(-5px);\n }\n \n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-gold);\n }\n \n .pairing-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n background: var(--bg-dark);\n text-align: center;\n }\n \n .collection-link {\n display: inline-block;\n margin-top: 2rem;\n padding: 1.2rem 3rem;\n border: 2px solid var(--accent-gold);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n }\n \n .collection-link:hover {\n background: linear-gradient(90deg, var(--accent-gold), var(--accent-ember));\n border-color: var(--accent-bronze);\n color: var(--bg-dark);\n }\n \n \/* Investment Section *\/\n .investment {\n background: var(--bg-elevated);\n }\n \n .target-spaces {\n text-align: center;\n margin-top: 3rem;\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Luxury Brands *\/\n .luxury-brands {\n background: var(--bg-dark);\n text-align: center;\n padding: 4rem 2rem;\n }\n \n .brands-list {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 3px;\n background: linear-gradient(135deg, var(--accent-gold), var(--accent-bronze));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-top: 2rem;\n }\n \n \/* Final CTA *\/\n .final-cta {\n background: var(--bg-elevated);\n text-align: center;\n padding: 8rem 2rem;\n }\n \n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n background: linear-gradient(135deg, var(--accent-gold), var(--accent-ember));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .final-cta .cta-button {\n margin-top: 2rem;\n }\n \n \/* Footer *\/\n footer {\n background: var(--bg-dark);\n padding: 3rem 2rem;\n text-align: center;\n border-top: 1px solid var(--divider);\n }\n \n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n \n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent-gold);\n }\n \n .copyright {\n color: var(--text-secondary);\n font-size: 0.85rem;\n letter-spacing: 1px;\n }\n \n \/* Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n nav {\n padding: 1rem;\n }\n \n .nav-links {\n display: none;\n }\n \n .hero {\n padding: 6rem 1rem 3rem;\n }\n \n .hero::before,\n .hero::after {\n display: none;\n }\n \n section {\n padding: 4rem 1rem;\n }\n \n .features-grid,\n .stats-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#contact\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"color-field\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eConvergence No. I\u003c\/h1\u003e\n \u003cp class=\"edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Convergence%20No.%20I\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"about\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/tKAUJjJ79dI\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp class=\"short-description\"\u003eA museum-grade abstract capturing disciplined chaos, movement, and restrained power.\u003c\/p\u003e\n \u003cdiv class=\"long-description\"\u003e\n \u003cp\u003eConvergence No. I — Chromatic Tension is an exploration of balance held under pressure.\u003c\/p\u003e\n \n \u003cp\u003eBold arcs cut through layered fields of gold, blue, and ember-red—each intersection deliberate, each passage charged. The surface reads like weathered stone and pigment fused by time, evoking both modern abstraction and ancient mark-making. There is movement, but not disorder. Energy, but never excess.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis piece commands space quietly. It does not demand attention—it earns it.\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003eCreated for collectors who understand abstraction as language rather than decoration, Convergence No. I thrives in gallery settings, luxury hospitality environments, executive corridors, and modern penthouses where art must hold presence without narrative explanation.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis work is about tension resolved through restraint—a visual meditation on power held in check.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cdiv class=\"backstory-text\"\u003e\n \u003cp\u003eWhere opposing forces meet—\u003c\/p\u003e\n \u003cp\u003eand decide to coexist.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity and long-term collector value. No reproductions beyond this edition will be created.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure exceptional depth, clarity, and longevity exceeding 100 years. Printed with archival pigment inks on premium substrates, gallery-approved for luxury environments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eControlled Tension\u003c\/h3\u003e\n \u003cp\u003eAbstract works exploring balance and restraint maintain timeless appeal among sophisticated collectors. Designed for spaces valuing architectural abstraction and disciplined expression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Archival Rating\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Materials\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eAxis Drift\u003c\/h3\u003e\n \u003cp\u003eGold and charcoal minimalist abstract that echoes the structural tension of Convergence No. I\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eSilent Geometry\u003c\/h3\u003e\n \u003cp\u003eMonochrome form study that continues the narrative of balance and disciplined composition\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-top: 3rem; color: var(--text-secondary); font-size: 1.1rem;\"\u003e\n Together, these pieces create a sophisticated visual dialogue rooted in structure, tension, and material depth—ideal for curated, investment-level spaces.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 800px; margin: 0 auto;\"\u003e\n Convergence No. I is part of the Abstract Atmospheric Collection—a curated selection of works exploring movement, tension, and the poetry of controlled abstraction.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" class=\"collection-link\" target=\"_blank\"\u003eVIEW FULL COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cp\u003eGallery settings • Luxury hospitality environments • Executive corridors • Modern penthouses\u003cbr\u003e\n Corporate spaces • Collector residences • Architectural firms • Curated hotel lobbies\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003ch3 style=\"font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; letter-spacing: 2px; color: var(--text-secondary); text-transform: uppercase;\"\u003eCurated For\u003c\/h3\u003e\n \u003cdiv class=\"brands-list\"\u003e\n Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"contact\"\u003e\n \u003ch2\u003eAcquire Convergence No. I\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: 0 auto;\"\u003e\n Limited to 50 numbered pieces. Reserve yours before this edition closes.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Convergence%20No.%20I%20-%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFACEBOOK\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePINTEREST\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for fade-in animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header scroll effect\n let lastScroll = 0;\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n const currentScroll = window.pageYOffset;\n\n if (currentScroll \u003e 100) {\n header.style.padding = '0.8rem 0';\n } else {\n header.style.padding = '1.5rem 0';\n }\n\n lastScroll = currentScroll;\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076959883429,"sku":"2082390_16039","price":8694.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_4263.png?v=1764969716"},{"product_id":"suspended-grace","title":"Suspended Grace — The Weightless Moment","description":"\u003cbody\u003e\n\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eLuxury Ballet Wall Art | Suspended Grace — Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Museum-grade dance artwork designed for luxury hotels, wellness spaces, and refined modern interiors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg-dark: #0a0a0a;\n --bg-secondary: #1a1a1a;\n --bg-warm: #2a2624;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --accent: #b8a896;\n --accent-hover: #c9b8a6;\n --divider: rgba(184, 168, 150, 0.2);\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* HEADER *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(184, 168, 150, 0.1);\n padding: 1.5rem 5%;\n transition: all 0.3s ease;\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .logo:hover {\n color: var(--accent-hover);\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n text-transform: uppercase;\n }\n\n nav a:hover {\n color: var(--accent);\n }\n\n \/* HERO SECTION *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 8rem 5% 4rem;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, var(--bg-warm) 100%);\n }\n\n \/* Gentle floating particles - ethereal effect *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 20%;\n left: 10%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(184, 168, 150, 0.06) 0%, transparent 70%);\n border-radius: 50%;\n animation: floatUp 20s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes floatUp {\n 0%, 100% { \n transform: translateY(0) translateX(0);\n opacity: 0.3;\n }\n 50% { \n transform: translateY(-80px) translateX(20px);\n opacity: 0.6;\n }\n }\n\n \/* Secondary floating element *\/\n .hero::after {\n content: '';\n position: absolute;\n bottom: 15%;\n right: 15%;\n width: 400px;\n height: 400px;\n background: radial-gradient(ellipse, rgba(184, 168, 150, 0.04) 0%, transparent 70%);\n border-radius: 50%;\n animation: floatDown 25s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes floatDown {\n 0%, 100% { \n transform: translateY(0) translateX(0) scale(1);\n opacity: 0.4;\n }\n 50% { \n transform: translateY(60px) translateX(-30px) scale(1.1);\n opacity: 0.7;\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-size: 0.9rem;\n letter-spacing: 4px;\n color: var(--accent);\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n font-weight: 400;\n }\n\n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n color: var(--text-primary);\n letter-spacing: 1px;\n }\n\n .hero-tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n font-weight: 300;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n color: var(--accent);\n border: 1px solid var(--accent);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n font-weight: 400;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--bg-dark);\n }\n\n \/* SECTION STYLES *\/\n section {\n padding: 6rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 400;\n text-align: center;\n margin-bottom: 3rem;\n color: var(--text-primary);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.1rem;\n color: var(--text-secondary);\n max-width: 700px;\n margin: 0 auto 4rem;\n line-height: 1.8;\n }\n\n .divider {\n width: 100px;\n height: 1px;\n background: var(--accent);\n margin: 4rem auto;\n }\n\n \/* VIDEO SECTION *\/\n .video-section {\n background: var(--bg-warm);\n padding: 6rem 5%;\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--divider);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* DESCRIPTION SECTION *\/\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n }\n\n .description-content p {\n margin-bottom: 1.5rem;\n }\n\n .description-highlight {\n color: var(--text-primary);\n font-weight: 400;\n }\n\n \/* BACKSTORY SECTION *\/\n .backstory-section {\n background: var(--bg-warm);\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.6rem;\n line-height: 2.5;\n color: var(--accent);\n font-style: italic;\n text-align: center;\n }\n\n .backstory-content p {\n margin-bottom: 2rem;\n }\n\n \/* FEATURES GRID *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2.5rem;\n background: var(--bg-warm);\n border: 1px solid var(--divider);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(184, 168, 150, 0.1);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent);\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .feature-description {\n color: var(--text-secondary);\n font-size: 0.95rem;\n line-height: 1.8;\n }\n\n \/* EDITION DETAILS *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: var(--bg-warm);\n border: 1px solid var(--divider);\n }\n\n .stat {\n text-align: center;\n padding: 2rem 1rem;\n border-right: 1px solid var(--divider);\n }\n\n .stat:last-child {\n border-right: none;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent);\n margin-bottom: 0.5rem;\n font-weight: 400;\n }\n\n .stat-label {\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: var(--text-secondary);\n }\n\n \/* PAIRINGS SECTION *\/\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .pairing-card {\n padding: 2.5rem;\n background: var(--bg-warm);\n border: 1px solid var(--divider);\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n line-height: 1.8;\n font-size: 1rem;\n }\n\n \/* COLLECTION CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, var(--bg-warm) 0%, #0a0a0a 100%);\n text-align: center;\n padding: 6rem 5%;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 1.5rem;\n font-weight: 400;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* INVESTMENT SECTION *\/\n .investment-section {\n background: var(--bg-dark);\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 1rem 2rem;\n background: var(--bg-warm);\n border: 1px solid var(--divider);\n color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n border-color: var(--accent);\n color: var(--accent);\n }\n\n \/* LUXURY BRANDS *\/\n .luxury-brands {\n background: var(--bg-warm);\n padding: 4rem 5%;\n text-align: center;\n }\n\n .luxury-brands h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 2rem;\n color: var(--text-secondary);\n font-weight: 400;\n }\n\n .brand-list {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n color: var(--accent);\n letter-spacing: 3px;\n }\n\n \/* FINAL CTA *\/\n .final-cta {\n padding: 8rem 5%;\n text-align: center;\n background: linear-gradient(135deg, #0a0a0a 0%, var(--bg-warm) 100%);\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n margin-bottom: 2rem;\n font-weight: 400;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* FOOTER *\/\n footer {\n background: var(--bg-dark);\n padding: 4rem 5%;\n border-top: 1px solid var(--divider);\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n }\n\n .footer-section h4 {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n margin-bottom: 1.5rem;\n color: var(--accent);\n font-weight: 400;\n }\n\n .footer-section p,\n .footer-section a {\n color: var(--text-secondary);\n font-size: 0.9rem;\n line-height: 2;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .footer-section a:hover {\n color: var(--accent);\n }\n\n .social-links {\n display: flex;\n gap: 1.5rem;\n margin-top: 1rem;\n }\n\n .social-links a {\n font-size: 1.5rem;\n color: var(--text-secondary);\n transition: all 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent);\n transform: translateY(-3px);\n }\n\n .copyright {\n text-align: center;\n margin-top: 3rem;\n padding-top: 2rem;\n border-top: 1px solid var(--divider);\n color: var(--text-secondary);\n font-size: 0.85rem;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 768px) {\n .hero-title {\n font-size: 3rem;\n }\n\n .hero-tagline {\n font-size: 1.3rem;\n }\n\n .section-title {\n font-size: 2.5rem;\n }\n\n nav a {\n margin-left: 1.5rem;\n font-size: 0.8rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .stat {\n border-right: none;\n border-bottom: 1px solid var(--divider);\n }\n\n .stat:last-child {\n border-bottom: none;\n }\n }\n\n \/* SCROLL ANIMATIONS *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n\n```\n\u003c!-- HEADER --\u003e\n\u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\n \u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\n \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 25\u003c\/div\u003e\n \u003ch1 class=\"hero-title\"\u003eSuspended Grace\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Weightless Moment\u003c\/p\u003e\n \u003cp class=\"section-subtitle\"\u003eWhere strength disappears into elegance.\u003c\/p\u003e\n \u003ca href=\"#inquire\" class=\"cta-button\"\u003eInquire About This Piece\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- VIDEO SECTION --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/WEVaLIVbyW4?si=SPjZ-Fg_fCmnI8N3\" title=\"Suspended Grace\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DESCRIPTION SECTION --\u003e\n\u003csection id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Breath Between\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eSuspended Grace captures the rarest instant in movement\u003c\/span\u003e—the breath between ascent and release. The dancer rises not for applause, but for herself. Time pauses. Gravity listens.\u003c\/p\u003e\n \u003cp\u003eThis piece embodies Kasian Art Studio's philosophy of quiet power—discipline rendered invisible, strength softened into poetry. The elongated lines, lifted arm, and arched form create a composition that feels both celestial and grounded, a study of devotion rather than display.\u003c\/p\u003e\n \u003cp\u003eThe muted palette and softened atmosphere allow the form to float, making this work ideal for spaces that value serenity, refinement, and emotional resonance over spectacle.\u003c\/p\u003e\n \u003cp\u003eDesigned for \u003cspan class=\"description-highlight\"\u003eluxury hotels, wellness retreats, private galleries, spa corridors, penthouse interiors,\u003c\/span\u003e and collector homes where art is meant to slow the room.\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis is not performance.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis is devotion made visible.\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BACKSTORY SECTION --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eDevotion, Not Display\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cp\u003eShe rises not to be seen—\u003c\/p\u003e\n \u003cp\u003ebut to remember who she is.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MUSEUM-GRADE FEATURES --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eOnly 25 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity for collectors who value movement, grace, and emotional depth.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eMuseum-grade materials ensure 100+ year longevity. Ethereal soft depth and modern gallery finishes preserve the delicate tonal range essential for figurative work.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eWellness Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eMovement-inspired artwork maintains timeless appeal in hospitality and wellness environments. This piece is designed for spa corridors, yoga studios, boutique hotels, and meditative interiors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- EDITION DETAILS --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"edition-stats fade-in\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e25\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYears Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eCertificate Included\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CURATED PAIRINGS --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"section-subtitle\"\u003eTogether, these works form a Movement \u0026amp; Stillness Collection, curated for luxury hospitality, wellness destinations, and meditative interiors.\u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eEthereal Balance\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eThe Stillness Series — A companion study in poise and centered calm. Together with Suspended Grace, these pieces create a visual narrative of discipline becoming meditation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eQuiet Ascension\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eKasian Movement Collection — An exploration of the body in transcendent motion. Paired with Suspended Grace, these works celebrate the poetry of human form through restraint and atmosphere.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COLLECTION CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more works from the Emotional Figurative Collection—pieces that celebrate the human form through restraint, emotion, and timeless grace.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- INVESTMENT SECTION --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Contemplative Spaces\u003c\/h2\u003e\n \u003cdiv class=\"section-subtitle\"\u003eThis artwork is created for environments that value serenity, refinement, and emotional resonance over spectacle.\u003c\/div\u003e\n \u003cdiv class=\"target-spaces fade-in\"\u003e\n \u003cdiv class=\"space-tag\"\u003eHotel Spa Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eWellness Retreats\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eYoga Studios\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePenthouse Bedrooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Galleries\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eMeditation Spaces\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- LUXURY BRANDS --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003ch3\u003eTrusted by Leading Luxury Brands\u003c\/h3\u003e\n \u003cdiv class=\"brand-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n \u003ch2\u003eBegin Your Acquisition\u003c\/h2\u003e\n \u003cp\u003eFor pricing, framing consultations for wellness environments, or installation guidance for spa and hospitality spaces, contact our curatorial team.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- FOOTER --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eKasian Art Studio\u003c\/h4\u003e\n \u003cp\u003eMuseum-grade fine art for luxury interiors, private collectors, and hospitality brands.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eQuick Links\u003c\/h4\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eAll Collections\u003c\/a\u003e\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout the Artist\u003c\/a\u003e\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eConnect\u003c\/h4\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"copyright\"\u003e\n \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- SCROLL ANIMATIONS SCRIPT --\u003e\n\u003cscript\u003e\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10, 10, 10, 0.98)';\n } else {\n header.style.background = 'rgba(10, 10, 10, 0.95)';\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076960243877,"sku":"4956718_16039","price":8264.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_4253.png?v=1764971369"},{"product_id":"eclipse-en-pointe","title":"ECLIPSE EN POINTE Luxury Ballet Wall Art | Eclipse en Pointe by Kasian Art Studio","description":"\u003cbody\u003e\n\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eEclipse en Pointe — Luxury Ballet Wall Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A refined black-and-white ballet artwork capturing strength, balance, and motion—designed for luxury homes and hospitality interiors. Limited edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --bg-dark: #0a0a0a;\n --bg-elevated: #141414;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --accent-stone: #c4b5a0;\n --accent-silver: #9a9a9a;\n --accent-charcoal: #4a4a4a;\n --divider: rgba(255, 255, 255, 0.1);\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--divider);\n transition: all 0.3s ease;\n }\n \n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n \n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n \n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .nav-links a:hover {\n color: var(--accent-stone);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 2rem 4rem;\n overflow: hidden;\n }\n \n \/* Flowing arc animation *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 20%;\n right: -10%;\n width: 800px;\n height: 800px;\n border: 1px solid rgba(196, 181, 160, 0.15);\n border-radius: 50%;\n animation: arcFlow 20s ease-in-out infinite;\n }\n \n @keyframes arcFlow {\n 0%, 100% { \n transform: rotate(0deg) scale(1);\n opacity: 0.3;\n }\n 50% { \n transform: rotate(15deg) scale(1.1);\n opacity: 0.5;\n }\n }\n \n \/* Subtle motion blur effect *\/\n .hero::after {\n content: '';\n position: absolute;\n top: 30%;\n left: 20%;\n width: 600px;\n height: 600px;\n background: radial-gradient(ellipse at center, rgba(196, 181, 160, 0.08) 0%, transparent 60%);\n animation: breatheMotion 15s ease-in-out infinite;\n pointer-events: none;\n }\n \n @keyframes breatheMotion {\n 0%, 100% { \n transform: translateY(0) scale(1);\n opacity: 0.3;\n }\n 50% { \n transform: translateY(-30px) scale(1.15);\n opacity: 0.5;\n }\n }\n \n .hero-content {\n text-align: center;\n max-width: 900px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 400;\n letter-spacing: 2px;\n margin-bottom: 1rem;\n line-height: 1.1;\n text-shadow: 2px 2px 20px rgba(196, 181, 160, 0.3);\n color: var(--accent-stone);\n }\n \n .edition {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n letter-spacing: 3px;\n color: var(--accent-silver);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-style: italic;\n color: var(--text-primary);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-charcoal);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-charcoal);\n transition: left 0.4s ease;\n z-index: -1;\n }\n \n .cta-button:hover::before {\n left: 0;\n }\n \n .cta-button:hover {\n border-color: var(--accent-stone);\n color: var(--text-primary);\n }\n \n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 400;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 1px;\n color: var(--accent-stone);\n }\n \n .divider {\n width: 80px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--accent-silver), transparent);\n margin: 3rem auto;\n }\n \n \/* Video Section *\/\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 0;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);\n border: 1px solid rgba(196, 181, 160, 0.15);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n \n \/* Description Section *\/\n .description {\n background: var(--bg-elevated);\n border-radius: 0;\n }\n \n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .short-description {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n line-height: 1.6;\n color: var(--accent-stone);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n \n .long-description {\n font-size: 1.1rem;\n line-height: 1.9;\n color: var(--text-secondary);\n text-align: left;\n }\n \n .long-description p {\n margin-bottom: 1.5rem;\n }\n \n .long-description strong {\n color: var(--accent-stone);\n }\n \n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-dark);\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n \n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.6rem;\n line-height: 1.9;\n color: var(--accent-silver);\n text-align: center;\n font-style: italic;\n font-weight: 300;\n }\n \n .backstory-text p {\n margin-bottom: 1.5rem;\n }\n \n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .feature-card {\n background: var(--bg-elevated);\n padding: 3rem 2rem;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid transparent;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n border-color: rgba(196, 181, 160, 0.2);\n box-shadow: 0 10px 30px rgba(196, 181, 160, 0.1);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-silver);\n }\n \n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-stone);\n font-weight: 400;\n }\n \n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n }\n \n .stat-card {\n text-align: center;\n padding: 2rem;\n background: var(--bg-elevated);\n border: 1px solid rgba(196, 181, 160, 0.15);\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 400;\n color: var(--accent-stone);\n margin-bottom: 0.5rem;\n }\n \n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n \n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-elevated);\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n \n .pairing-card {\n text-align: center;\n transition: transform 0.3s ease;\n padding: 2rem;\n }\n \n .pairing-card:hover {\n transform: translateY(-5px);\n }\n \n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-stone);\n font-weight: 400;\n }\n \n .pairing-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n background: var(--bg-dark);\n text-align: center;\n }\n \n .collection-link {\n display: inline-block;\n margin-top: 2rem;\n padding: 1.2rem 3rem;\n border: 2px solid var(--accent-charcoal);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n }\n \n .collection-link:hover {\n background: var(--accent-charcoal);\n border-color: var(--accent-stone);\n color: var(--text-primary);\n }\n \n \/* Investment Section *\/\n .investment {\n background: var(--bg-elevated);\n }\n \n .target-spaces {\n text-align: center;\n margin-top: 3rem;\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Luxury Brands *\/\n .luxury-brands {\n background: var(--bg-dark);\n text-align: center;\n padding: 4rem 2rem;\n }\n \n .brands-list {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 3px;\n color: var(--accent-silver);\n margin-top: 2rem;\n }\n \n \/* Final CTA *\/\n .final-cta {\n background: var(--bg-elevated);\n text-align: center;\n padding: 8rem 2rem;\n }\n \n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n color: var(--accent-stone);\n font-weight: 400;\n }\n \n .final-cta .cta-button {\n margin-top: 2rem;\n }\n \n \/* Footer *\/\n footer {\n background: var(--bg-dark);\n padding: 3rem 2rem;\n text-align: center;\n border-top: 1px solid var(--divider);\n }\n \n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n \n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent-stone);\n }\n \n .copyright {\n color: var(--text-secondary);\n font-size: 0.85rem;\n letter-spacing: 1px;\n }\n \n \/* Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n nav {\n padding: 1rem;\n }\n \n .nav-links {\n display: none;\n }\n \n .hero {\n padding: 6rem 1rem 3rem;\n }\n \n .hero::before,\n .hero::after {\n display: none;\n }\n \n section {\n padding: 4rem 1rem;\n }\n \n .features-grid,\n .stats-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#contact\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eEclipse en Pointe\u003c\/h1\u003e\n \u003cp class=\"edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Eclipse%20en%20Pointe\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"about\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/cdnHGYH09qc\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp class=\"short-description\"\u003eA sculptural ballet study capturing power, control, and transcendence in motion.\u003c\/p\u003e\n \u003cdiv class=\"long-description\"\u003e\n \u003cp\u003eEclipse en Pointe is a commanding celebration of disciplined strength and elegant surrender.\u003c\/p\u003e\n \n \u003cp\u003eSuspended mid-arc, the dancer forms a near-mythic silhouette—body extended beyond gravity, balanced between restraint and release. A sweeping arc of texture curves around the figure like a cosmic wind, evoking time, breath, and momentum. The palette is restrained—soft stone, charcoal, and shadow—allowing form to dominate with quiet authority.\u003c\/p\u003e\n \n \u003cp\u003eThis work speaks to precision rather than performance. It honors mastery earned through repetition, silence, and devotion. There is no excess—only intent.\u003c\/p\u003e\n \n \u003cp\u003eDesigned for collectors, designers, and hospitality curators who understand the psychology of space, Eclipse en Pointe anchors modern interiors with calm confidence. It belongs in skyline penthouses, executive lounges, gallery walls, and luxury residences where art must communicate strength without noise.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis is not decorative movement. It is mastery captured in stillness.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cdiv class=\"backstory-text\"\u003e\n \u003cp\u003eWhere discipline becomes poetry—\u003c\/p\u003e\n \u003cp\u003eand motion becomes silence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e○\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity and long-term collector value. No reproductions beyond this edition will be created.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e○\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure exceptional tonal depth and longevity exceeding 100 years. Printed with archival pigment inks on premium substrates, gallery-approved for luxury environments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e○\u003c\/div\u003e\n \u003ch3\u003eSculptural Mastery\u003c\/h3\u003e\n \u003cp\u003eFigurative studies of movement and discipline maintain timeless appeal among sophisticated collectors. Designed for spaces valuing precision, restraint, and the poetry of human form.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Archival Rating\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Materials\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eNocturne Arc\u003c\/h3\u003e\n \u003cp\u003eBlack and white motion abstract that echoes the flowing movement and disciplined energy of Eclipse en Pointe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eSilent Radius\u003c\/h3\u003e\n \u003cp\u003eMinimal sculptural form study that continues the narrative of balance, restraint, and architectural harmony\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-top: 3rem; color: var(--text-secondary); font-size: 1.1rem;\"\u003e\n Together, these pieces create a refined narrative of movement, quiet discipline, and architectural harmony.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 800px; margin: 0 auto;\"\u003e\n Eclipse en Pointe is part of the Black \u0026amp; White Luxury Collection—a curated selection of monochrome works celebrating form, restraint, and timeless elegance.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"collection-link\" target=\"_blank\"\u003eVIEW FULL COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cp\u003eSkyline penthouses • Executive lounges • Gallery walls • Luxury residences\u003cbr\u003e\n Hospitality suites • Ballet studios • Architectural firms • Curated corporate spaces\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003ch3 style=\"font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; letter-spacing: 2px; color: var(--text-secondary); text-transform: uppercase;\"\u003eCurated For\u003c\/h3\u003e\n \u003cdiv class=\"brands-list\"\u003e\n Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"contact\"\u003e\n \u003ch2\u003eAcquire Eclipse en Pointe\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: 0 auto;\"\u003e\n Limited to 50 numbered pieces. Reserve yours before this edition closes.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Eclipse%20en%20Pointe%20-%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFACEBOOK\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePINTEREST\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for fade-in animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header scroll effect\n let lastScroll = 0;\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n const currentScroll = window.pageYOffset;\n\n if (currentScroll \u003e 100) {\n header.style.padding = '0.8rem 0';\n } else {\n header.style.padding = '1.5rem 0';\n }\n\n lastScroll = currentScroll;\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076960506021,"sku":"4510227_16039","price":6071.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_4238.png?v=1764968056"},{"product_id":"crimson-silence","title":"Crimson Silence — Power, Desire \u0026 Restraint","description":"\u003cbody\u003e\n\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eCrimson Silence — Provocative Luxury Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A bold, museum-grade statement artwork exploring power and restraint—crafted for luxury interiors and elite collectors. Limited edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --bg-dark: #0a0a0a;\n --bg-elevated: #141414;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --accent-crimson: #8B0000;\n --accent-red: #c41e3a;\n --accent-scarlet: #dc143c;\n --accent-gold: #d4a574;\n --divider: rgba(255, 255, 255, 0.1);\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--divider);\n transition: all 0.3s ease;\n }\n \n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n \n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n \n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .nav-links a:hover {\n color: var(--accent-scarlet);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 2rem 4rem;\n overflow: hidden;\n }\n \n \/* Pulsing crimson aura *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(139, 0, 0, 0.15) 0%, transparent 70%);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: crimsonPulse 8s ease-in-out infinite;\n }\n \n @keyframes crimsonPulse {\n 0%, 100% { \n opacity: 0.3; \n transform: translate(-50%, -50%) scale(1);\n }\n 50% { \n opacity: 0.5; \n transform: translate(-50%, -50%) scale(1.15);\n }\n }\n \n \/* Tension lines *\/\n .hero::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n linear-gradient(90deg, transparent 49.5%, rgba(139, 0, 0, 0.1) 50%, transparent 50.5%),\n linear-gradient(0deg, transparent 49.5%, rgba(139, 0, 0, 0.1) 50%, transparent 50.5%);\n opacity: 0.3;\n animation: tensionShift 10s ease-in-out infinite;\n }\n \n @keyframes tensionShift {\n 0%, 100% { opacity: 0.2; }\n 50% { opacity: 0.4; }\n }\n \n .hero-content {\n text-align: center;\n max-width: 900px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 700;\n letter-spacing: 3px;\n margin-bottom: 1rem;\n line-height: 1.1;\n text-shadow: 3px 3px 30px rgba(139, 0, 0, 0.6);\n color: var(--accent-scarlet);\n }\n \n .edition {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n letter-spacing: 3px;\n color: var(--accent-red);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-style: italic;\n color: var(--text-primary);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-crimson);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-crimson);\n transition: left 0.4s ease;\n z-index: -1;\n }\n \n .cta-button:hover::before {\n left: 0;\n }\n \n .cta-button:hover {\n border-color: var(--accent-scarlet);\n color: var(--text-primary);\n }\n \n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 600;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 1px;\n color: var(--accent-scarlet);\n }\n \n .divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-crimson), transparent);\n margin: 3rem auto;\n }\n \n \/* Video Section *\/\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 0;\n box-shadow: 0 20px 60px rgba(139, 0, 0, 0.3);\n border: 1px solid rgba(139, 0, 0, 0.2);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n \n \/* Description Section *\/\n .description {\n background: var(--bg-elevated);\n border-radius: 0;\n }\n \n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .short-description {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n line-height: 1.6;\n color: var(--accent-red);\n margin-bottom: 2rem;\n font-weight: 400;\n }\n \n .long-description {\n font-size: 1.1rem;\n line-height: 1.9;\n color: var(--text-secondary);\n text-align: left;\n }\n \n .long-description p {\n margin-bottom: 1.5rem;\n }\n \n .long-description strong {\n color: var(--accent-crimson);\n }\n \n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-dark);\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n \n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n line-height: 1.9;\n color: var(--accent-crimson);\n text-align: center;\n font-style: italic;\n font-weight: 600;\n }\n \n .backstory-text p {\n margin-bottom: 1.5rem;\n }\n \n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .feature-card {\n background: var(--bg-elevated);\n padding: 3rem 2rem;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid transparent;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n border-color: rgba(139, 0, 0, 0.3);\n box-shadow: 0 10px 30px rgba(139, 0, 0, 0.2);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-crimson);\n }\n \n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-red);\n }\n \n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n }\n \n .stat-card {\n text-align: center;\n padding: 2rem;\n background: var(--bg-elevated);\n border: 1px solid rgba(139, 0, 0, 0.2);\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 700;\n color: var(--accent-crimson);\n margin-bottom: 0.5rem;\n }\n \n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n \n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-elevated);\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n \n .pairing-card {\n text-align: center;\n transition: transform 0.3s ease;\n padding: 2rem;\n }\n \n .pairing-card:hover {\n transform: translateY(-5px);\n }\n \n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-red);\n }\n \n .pairing-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n background: var(--bg-dark);\n text-align: center;\n }\n \n .collection-link {\n display: inline-block;\n margin-top: 2rem;\n padding: 1.2rem 3rem;\n border: 2px solid var(--accent-crimson);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n }\n \n .collection-link:hover {\n background: var(--accent-crimson);\n border-color: var(--accent-scarlet);\n color: var(--text-primary);\n }\n \n \/* Investment Section *\/\n .investment {\n background: var(--bg-elevated);\n }\n \n .target-spaces {\n text-align: center;\n margin-top: 3rem;\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Luxury Brands *\/\n .luxury-brands {\n background: var(--bg-dark);\n text-align: center;\n padding: 4rem 2rem;\n }\n \n .brands-list {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 3px;\n color: var(--accent-red);\n margin-top: 2rem;\n }\n \n \/* Final CTA *\/\n .final-cta {\n background: var(--bg-elevated);\n text-align: center;\n padding: 8rem 2rem;\n }\n \n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n color: var(--accent-scarlet);\n }\n \n .final-cta .cta-button {\n margin-top: 2rem;\n }\n \n \/* Footer *\/\n footer {\n background: var(--bg-dark);\n padding: 3rem 2rem;\n text-align: center;\n border-top: 1px solid var(--divider);\n }\n \n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n \n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent-crimson);\n }\n \n .copyright {\n color: var(--text-secondary);\n font-size: 0.85rem;\n letter-spacing: 1px;\n }\n \n \/* Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n nav {\n padding: 1rem;\n }\n \n .nav-links {\n display: none;\n }\n \n .hero {\n padding: 6rem 1rem 3rem;\n }\n \n section {\n padding: 4rem 1rem;\n }\n \n .features-grid,\n .stats-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#contact\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eCrimson Silence\u003c\/h1\u003e\n \u003cp class=\"edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Crimson%20Silence\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"about\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/-VxbJMdkl_s\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp class=\"short-description\"\u003eA provocative study of control, temptation, and consequence—rendered in unapologetic contrast.\u003c\/p\u003e\n \u003cdiv class=\"long-description\"\u003e\n \u003cp\u003eCrimson Silence is not decorative. It is declarative.\u003c\/p\u003e\n \n \u003cp\u003eGlossed scarlet lips hover in a moment of suspended tension—desire sharpened, danger intimate, power held with deliberate restraint. The composition balances seduction and threat with razor precision, forcing the viewer into a quiet confrontation where beauty and authority coexist.\u003c\/p\u003e\n \n \u003cp\u003eThe gold-toned firearm is not an act of violence—it is a symbol. Control. Choice. Consequence. Paired against a void-black background, the image becomes iconic rather than narrative. The lips, immaculate and defiant, command the frame with cinematic authority.\u003c\/p\u003e\n \n \u003cp\u003eThis piece speaks to collectors who understand that luxury is not always gentle—it is confident, intentional, and unafraid of discomfort. Crimson Silence thrives in bold interiors: penthouse lounges, private offices, curated hotel suites, gallery-forward residences, and modern spaces where art is meant to lead, not follow.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis is control made visual. This is power, whispered.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cdiv class=\"backstory-text\"\u003e\n \u003cp\u003eEvery trigger is optional.\u003c\/p\u003e\n \u003cp\u003ePower lives in the pause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity and long-term collector value. No reproductions beyond this edition will be created.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure exceptional detail, depth, and longevity exceeding 100 years. Printed with archival pigment inks on premium substrates, gallery-approved for luxury environments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eBold Statement\u003c\/h3\u003e\n \u003cp\u003eProvocative artwork maintains strong appeal among confident collectors. Designed for spaces where art leads the conversation—penthouses, private offices, gallery-forward residences, and bold modern interiors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Archival Rating\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Materials\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eObsidian Command\u003c\/h3\u003e\n \u003cp\u003eMinimal black abstract that echoes the authority and void-like depth of Crimson Silence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eVelour Threat\u003c\/h3\u003e\n \u003cp\u003eRed on black study that continues the narrative of power and controlled tension\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-top: 3rem; color: var(--text-secondary); font-size: 1.1rem;\"\u003e\n Together, these works create a collector-grade triad exploring power, silence, and psychological control.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 800px; margin: 0 auto;\"\u003e\n Crimson Silence is part of the Grand Scale Statement Pieces Collection—a curated selection of bold, iconic works designed to command attention and lead the conversation.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/grand-scale-statement-pieces\" class=\"collection-link\" target=\"_blank\"\u003eVIEW FULL COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cp\u003ePenthouse lounges • Private offices • Curated hotel suites • Gallery-forward residences\u003cbr\u003e\n Bold modern spaces • Executive interiors • Collector homes • Art-led environments\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003ch3 style=\"font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; letter-spacing: 2px; color: var(--text-secondary); text-transform: uppercase;\"\u003eCurated For\u003c\/h3\u003e\n \u003cdiv class=\"brands-list\"\u003e\n Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"contact\"\u003e\n \u003ch2\u003eAcquire Crimson Silence\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: 0 auto;\"\u003e\n Limited to 50 numbered pieces. Reserve yours before this edition closes.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Crimson%20Silence%20-%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFACEBOOK\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePINTEREST\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for fade-in animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header scroll effect\n let lastScroll = 0;\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n const currentScroll = window.pageYOffset;\n\n if (currentScroll \u003e 100) {\n header.style.padding = '0.8rem 0';\n } else {\n header.style.padding = '1.5rem 0';\n }\n\n lastScroll = currentScroll;\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46076963291301,"sku":"2389541_16039","price":8264.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46076963324069,"sku":"2389541_16045","price":8264.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46076963356837,"sku":"2389541_15700","price":8264.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/33B4C3EA-E475-45C1-864D-31CD80FB62DD.png?v=1764885080"},{"product_id":"nocturne-muse","title":"Nocturne Muse — Sculptural Noir Figure Study","description":"\u003cbody\u003e\n\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eNocturne Muse — Luxury Noir Figure Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Museum-grade noir figurative artwork designed for penthouses, boutique hotels, and refined modern interiors. Limited edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --bg-dark: #0a0a0a;\n --bg-elevated: #141414;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --accent-noir: #2a2a2a;\n --accent-light: #e8e8e8;\n --divider: rgba(255, 255, 255, 0.1);\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--divider);\n transition: all 0.3s ease;\n }\n \n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n \n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n \n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .nav-links a:hover {\n color: var(--text-primary);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 2rem 4rem;\n overflow: hidden;\n }\n \n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center, rgba(42, 42, 42, 0.3) 0%, transparent 70%);\n animation: pulseNoir 8s ease-in-out infinite;\n }\n \n @keyframes pulseNoir {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.05); }\n }\n \n .hero-content {\n text-align: center;\n max-width: 900px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 600;\n letter-spacing: 2px;\n margin-bottom: 1rem;\n line-height: 1.1;\n text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);\n }\n \n .edition {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n letter-spacing: 3px;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-style: italic;\n color: var(--accent-light);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-noir);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-noir);\n transition: left 0.4s ease;\n z-index: -1;\n }\n \n .cta-button:hover::before {\n left: 0;\n }\n \n .cta-button:hover {\n border-color: var(--text-primary);\n }\n \n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 600;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n \n .divider {\n width: 80px;\n height: 2px;\n background: var(--accent-noir);\n margin: 3rem auto;\n }\n \n \/* Video Section *\/\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 0;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n \n \/* Description Section *\/\n .description {\n background: var(--bg-elevated);\n border-radius: 0;\n }\n \n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .short-description {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n line-height: 1.6;\n color: var(--accent-light);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n \n .long-description {\n font-size: 1.1rem;\n line-height: 1.9;\n color: var(--text-secondary);\n text-align: left;\n }\n \n .long-description p {\n margin-bottom: 1.5rem;\n }\n \n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-dark);\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n \n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n line-height: 1.9;\n color: var(--text-secondary);\n text-align: center;\n font-style: italic;\n }\n \n .backstory-text p {\n margin-bottom: 2rem;\n }\n \n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .feature-card {\n background: var(--bg-elevated);\n padding: 3rem 2rem;\n text-align: center;\n transition: transform 0.3s ease;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n }\n \n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n }\n \n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n }\n \n .stat-card {\n text-align: center;\n padding: 2rem;\n background: var(--bg-elevated);\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 600;\n color: var(--accent-light);\n margin-bottom: 0.5rem;\n }\n \n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n \n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-elevated);\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n \n .pairing-card {\n text-align: center;\n transition: transform 0.3s ease;\n }\n \n .pairing-card:hover {\n transform: translateY(-5px);\n }\n \n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n }\n \n .pairing-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n background: var(--bg-dark);\n text-align: center;\n }\n \n .collection-link {\n display: inline-block;\n margin-top: 2rem;\n padding: 1.2rem 3rem;\n border: 2px solid var(--accent-noir);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n }\n \n .collection-link:hover {\n background: var(--accent-noir);\n border-color: var(--text-primary);\n }\n \n \/* Investment Section *\/\n .investment {\n background: var(--bg-elevated);\n }\n \n .target-spaces {\n text-align: center;\n margin-top: 3rem;\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Luxury Brands *\/\n .luxury-brands {\n background: var(--bg-dark);\n text-align: center;\n padding: 4rem 2rem;\n }\n \n .brands-list {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 3px;\n color: var(--text-secondary);\n margin-top: 2rem;\n }\n \n \/* Final CTA *\/\n .final-cta {\n background: var(--bg-elevated);\n text-align: center;\n padding: 8rem 2rem;\n }\n \n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n }\n \n .final-cta .cta-button {\n margin-top: 2rem;\n }\n \n \/* Footer *\/\n footer {\n background: var(--bg-dark);\n padding: 3rem 2rem;\n text-align: center;\n border-top: 1px solid var(--divider);\n }\n \n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n \n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--text-primary);\n }\n \n .copyright {\n color: var(--text-secondary);\n font-size: 0.85rem;\n letter-spacing: 1px;\n }\n \n \/* Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n nav {\n padding: 1rem;\n }\n \n .nav-links {\n display: none;\n }\n \n .hero {\n padding: 6rem 1rem 3rem;\n }\n \n section {\n padding: 4rem 1rem;\n }\n \n .features-grid,\n .stats-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#contact\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eNocturne Muse\u003c\/h1\u003e\n \u003cp class=\"edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Nocturne%20Muse\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"about\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/M01lyJ944fE\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp class=\"short-description\"\u003eA masterful expression of control, elegance, and sensual restraint.\u003c\/p\u003e\n \u003cdiv class=\"long-description\"\u003e\n \u003cp\u003eNocturne Muse exists in the space between dominance and delicacy. Rendered in tonal noir, the figure is composed yet relaxed—one leg folded, the other grounded, hands poised with intention. The wide-brim hat obscures identity, inviting the viewer into mystery rather than recognition. This anonymity is deliberate. The subject is not a woman—she is a presence.\u003c\/p\u003e\n \n \u003cp\u003eThe sculptural shadows carve the body like marble, evoking atelier studies from Parisian studios while maintaining a modern, editorial confidence. The black bodysuit reads architectural; the skin, luminous. Every line is quiet. Every curve intentional.\u003c\/p\u003e\n \n \u003cp\u003eDesigned for elevated interiors—executive offices, designer lofts, penthouse studies, boutique hotel suites—this piece commands authority without excess. It speaks to collectors who understand that true power is never rushed, never loud.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis artwork does not decorate a room. It commands it.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cdiv class=\"backstory-text\"\u003e\n \u003cp\u003eShe does not ask to be seen.\u003c\/p\u003e\n \u003cp\u003eShe allows it.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity and long-term collector value. No reproductions beyond this edition will ever be created.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure exceptional tonal depth and longevity exceeding 100 years. Printed with archival pigment inks on premium cotton substrates, gallery-approved for luxury environments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eFigurative noir artwork maintains strong demand among sophisticated collectors. Designed for spaces that understand luxury beyond trend—penthouses, boutique hotels, executive offices, and private galleries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Archival Rating\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Materials\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eSilent Line\u003c\/h3\u003e\n \u003cp\u003eMinimal black abstract that echoes the architectural restraint and sculptural simplicity of Nocturne Muse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eVeiled Gaze\u003c\/h3\u003e\n \u003cp\u003eNoir portrait study that continues the theme of concealed identity and quiet confidence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-top: 3rem; color: var(--text-secondary); font-size: 1.1rem;\"\u003e\n Together they create a gallery-level narrative ideal for luxury offices, private salons, and hospitality corridors.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 800px; margin: 0 auto;\"\u003e\n Nocturne Muse is part of the Black \u0026amp; White Luxury Collection—a curated selection of timeless figurative and abstract works designed for sophisticated modern interiors.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"collection-link\" target=\"_blank\"\u003eVIEW FULL COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cp\u003eExecutive offices • Designer lofts • Penthouse studies • Boutique hotel suites\u003cbr\u003e\n Private salons • Gallery walls • Hospitality corridors • Luxury residential spaces\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003ch3 style=\"font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; letter-spacing: 2px; color: var(--text-secondary); text-transform: uppercase;\"\u003eCurated For\u003c\/h3\u003e\n \u003cdiv class=\"brands-list\"\u003e\n Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"contact\"\u003e\n \u003ch2\u003eAcquire Nocturne Muse\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: 0 auto;\"\u003e\n Limited to 50 numbered pieces. Reserve yours before this edition closes.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Nocturne%20Muse%20-%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFACEBOOK\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePINTEREST\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for fade-in animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header scroll effect\n let lastScroll = 0;\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n const currentScroll = window.pageYOffset;\n\n if (currentScroll \u003e 100) {\n header.style.padding = '0.8rem 0';\n } else {\n header.style.padding = '1.5rem 0';\n }\n\n lastScroll = currentScroll;\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076990914725,"sku":"1905047_16039","price":8964.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/B03370E2-9AA7-4F5E-A366-3671D377D450.png?v=1764880320"},{"product_id":"framed-canvas-6","title":"Gilded Silence — Black \u0026 Gold Abstract Noire","description":"\u003cbody\u003e\n\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGilded Silence — Black and Gold Abstract Wall Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Luxury black and gold abstract artwork for high-end interiors, boutique hotels, and refined modern living spaces. Limited edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --bg-dark: #0a0a0a;\n --bg-elevated: #141414;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --accent-gold: #c9a227;\n --accent-antique: #b8975a;\n --accent-shimmer: #d4a574;\n --divider: rgba(255, 255, 255, 0.1);\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--divider);\n transition: all 0.3s ease;\n }\n \n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n \n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n \n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .nav-links a:hover {\n color: var(--accent-gold);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 2rem 4rem;\n overflow: hidden;\n }\n \n \/* Subtle gold fracture lines *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n linear-gradient(135deg, transparent 45%, rgba(201, 162, 39, 0.03) 50%, transparent 55%),\n linear-gradient(45deg, transparent 60%, rgba(184, 151, 90, 0.05) 65%, transparent 70%);\n animation: slowShift 20s ease-in-out infinite;\n }\n \n @keyframes slowShift {\n 0%, 100% { \n opacity: 0.4;\n transform: translateX(0) translateY(0);\n }\n 50% { \n opacity: 0.6;\n transform: translateX(50px) translateY(-30px);\n }\n }\n \n \/* Floating gold particles *\/\n .hero::after {\n content: '';\n position: absolute;\n top: 30%;\n right: 20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(201, 162, 39, 0.08) 0%, transparent 70%);\n border-radius: 50%;\n animation: floatGold 15s ease-in-out infinite;\n pointer-events: none;\n }\n \n @keyframes floatGold {\n 0%, 100% { \n transform: translate(0, 0) scale(1);\n opacity: 0.3;\n }\n 50% { \n transform: translate(-50px, -50px) scale(1.2);\n opacity: 0.5;\n }\n }\n \n .hero-content {\n text-align: center;\n max-width: 900px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 600;\n letter-spacing: 2px;\n margin-bottom: 1rem;\n line-height: 1.1;\n text-shadow: 2px 2px 20px rgba(201, 162, 39, 0.4);\n background: linear-gradient(135deg, #f5f5f5 0%, #c9a227 50%, #d4a574 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .edition {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n letter-spacing: 3px;\n color: var(--accent-gold);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-style: italic;\n color: var(--text-primary);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-gold);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, var(--accent-gold), var(--accent-shimmer));\n transition: left 0.4s ease;\n z-index: -1;\n }\n \n .cta-button:hover::before {\n left: 0;\n }\n \n .cta-button:hover {\n border-color: var(--accent-shimmer);\n color: var(--bg-dark);\n }\n \n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 600;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 1px;\n background: linear-gradient(135deg, var(--text-primary) 0%, var(--accent-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n margin: 3rem auto;\n }\n \n \/* Video Section *\/\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 0;\n box-shadow: 0 20px 60px rgba(201, 162, 39, 0.2);\n border: 1px solid rgba(201, 162, 39, 0.1);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n \n \/* Description Section *\/\n .description {\n background: var(--bg-elevated);\n border-radius: 0;\n }\n \n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .short-description {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n line-height: 1.6;\n color: var(--accent-shimmer);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n \n .long-description {\n font-size: 1.1rem;\n line-height: 1.9;\n color: var(--text-secondary);\n text-align: left;\n }\n \n .long-description p {\n margin-bottom: 1.5rem;\n }\n \n .long-description strong {\n color: var(--accent-gold);\n }\n \n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-dark);\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n \n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n line-height: 1.9;\n color: var(--accent-gold);\n text-align: center;\n font-style: italic;\n }\n \n .backstory-text p {\n margin-bottom: 1.5rem;\n }\n \n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .feature-card {\n background: var(--bg-elevated);\n padding: 3rem 2rem;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid transparent;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n border-color: rgba(201, 162, 39, 0.3);\n box-shadow: 0 10px 30px rgba(201, 162, 39, 0.15);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n background: linear-gradient(135deg, var(--accent-gold), var(--accent-shimmer));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-shimmer);\n }\n \n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n }\n \n .stat-card {\n text-align: center;\n padding: 2rem;\n background: var(--bg-elevated);\n border: 1px solid rgba(201, 162, 39, 0.2);\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 600;\n background: linear-gradient(135deg, var(--accent-gold), var(--accent-shimmer));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 0.5rem;\n }\n \n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n \n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-elevated);\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n \n .pairing-card {\n text-align: center;\n transition: transform 0.3s ease;\n padding: 2rem;\n }\n \n .pairing-card:hover {\n transform: translateY(-5px);\n }\n \n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-shimmer);\n }\n \n .pairing-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n background: var(--bg-dark);\n text-align: center;\n }\n \n .collection-link {\n display: inline-block;\n margin-top: 2rem;\n padding: 1.2rem 3rem;\n border: 2px solid var(--accent-gold);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n }\n \n .collection-link:hover {\n background: linear-gradient(90deg, var(--accent-gold), var(--accent-shimmer));\n border-color: var(--accent-shimmer);\n color: var(--bg-dark);\n }\n \n \/* Investment Section *\/\n .investment {\n background: var(--bg-elevated);\n }\n \n .target-spaces {\n text-align: center;\n margin-top: 3rem;\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Luxury Brands *\/\n .luxury-brands {\n background: var(--bg-dark);\n text-align: center;\n padding: 4rem 2rem;\n }\n \n .brands-list {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 3px;\n background: linear-gradient(135deg, var(--accent-gold), var(--accent-shimmer));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-top: 2rem;\n }\n \n \/* Final CTA *\/\n .final-cta {\n background: var(--bg-elevated);\n text-align: center;\n padding: 8rem 2rem;\n }\n \n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n background: linear-gradient(135deg, var(--text-primary), var(--accent-gold));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .final-cta .cta-button {\n margin-top: 2rem;\n }\n \n \/* Footer *\/\n footer {\n background: var(--bg-dark);\n padding: 3rem 2rem;\n text-align: center;\n border-top: 1px solid var(--divider);\n }\n \n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n \n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent-gold);\n }\n \n .copyright {\n color: var(--text-secondary);\n font-size: 0.85rem;\n letter-spacing: 1px;\n }\n \n \/* Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n nav {\n padding: 1rem;\n }\n \n .nav-links {\n display: none;\n }\n \n .hero {\n padding: 6rem 1rem 3rem;\n }\n \n section {\n padding: 4rem 1rem;\n }\n \n .features-grid,\n .stats-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#contact\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eGilded Silence\u003c\/h1\u003e\n \u003cp class=\"edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Gilded%20Silence\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"about\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/8PI8XSy7zWM\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp class=\"short-description\"\u003eA study in restraint, depth, and quiet opulence finished in gold.\u003c\/p\u003e\n \u003cdiv class=\"long-description\"\u003e\n \u003cp\u003eGilded Silence is not loud luxury. It is confidence held in stillness.\u003c\/p\u003e\n \n \u003cp\u003eVeins of molten gold move slowly through a field of deep black, like light traveling through stone. The composition feels geological—formed over time, through pressure, patience, and intention. Nothing here rushes. Nothing asks for permission.\u003c\/p\u003e\n \n \u003cp\u003eThe black ground absorbs the room while the gold fractures catch light softly, revealing themselves only when the viewer moves closer. This intimacy is deliberate. It rewards attention rather than spectacle.\u003c\/p\u003e\n \n \u003cp\u003eDesigned for refined interiors—penthouse living rooms, boutique hotel suites, executive offices, private lounges—this piece anchors a space with authority while remaining timeless and calm. It pairs effortlessly with architectural lighting, dark woods, warm neutrals, stone, and brass finishes.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis is not decoration. It is presence.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cdiv class=\"backstory-text\"\u003e\n \u003cp\u003eGold doesn't shout.\u003c\/p\u003e\n \u003cp\u003eIt waits to be noticed.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity and long-term collector value. No reproductions beyond this edition will be created.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure exceptional detail, depth, and longevity exceeding 100 years. Printed with archival pigment inks on premium cotton substrates, gallery-approved for luxury environments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eQuiet Luxury\u003c\/h3\u003e\n \u003cp\u003eBlack and gold abstracts maintain timeless appeal among discerning collectors. Designed for interiors that value restraint, architectural harmony, and confidence held in stillness.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Archival Rating\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Materials\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eArchitect's Pause\u003c\/h3\u003e\n \u003cp\u003eMinimal black field that echoes the depth and restraint of Gilded Silence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eMolten Line\u003c\/h3\u003e\n \u003cp\u003eGold accent abstract that continues the narrative of molten light through darkness\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-top: 3rem; color: var(--text-secondary); font-size: 1.1rem;\"\u003e\n Together they create an editorial-level triptych ideal for luxury hospitality corridors, lobbies, or collector residences.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 800px; margin: 0 auto;\"\u003e\n Gilded Silence is part of the Gold Noir Luxe Collection—a curated selection of sophisticated black and gold works designed for quiet luxury interiors.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"collection-link\" target=\"_blank\"\u003eVIEW FULL COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cp\u003ePenthouse living rooms • Boutique hotel suites • Executive offices • Private lounges\u003cbr\u003e\n Architectural interiors • Gallery walls • Collector residences • Luxury hospitality corridors\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003ch3 style=\"font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; letter-spacing: 2px; color: var(--text-secondary); text-transform: uppercase;\"\u003eCurated For\u003c\/h3\u003e\n \u003cdiv class=\"brands-list\"\u003e\n Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"contact\"\u003e\n \u003ch2\u003eAcquire Gilded Silence\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: 0 auto;\"\u003e\n Limited to 50 numbered pieces. Reserve yours before this edition closes.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Gilded%20Silence%20-%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFACEBOOK\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePINTEREST\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for fade-in animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header scroll effect\n let lastScroll = 0;\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n const currentScroll = window.pageYOffset;\n\n if (currentScroll \u003e 100) {\n header.style.padding = '0.8rem 0';\n } else {\n header.style.padding = '1.5rem 0';\n }\n\n lastScroll = currentScroll;\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076992389285,"sku":"3533251_16039","price":8282.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/E10550D9-813E-448A-B5E2-838551A441D8.png?v=1764882175"},{"product_id":"midnight-vice","title":"Midnight Vice — Noir Desire in Silence","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eMidnight Vice — Luxury Black \u0026amp; White Noir Fine Art Print\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A bold black-and-white artwork exploring desire, secrecy, and power for luxury interiors and collectors. Museum-grade, limited edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #141414;\n --accent-color: #ffffff;\n --text-primary: #e8e8e8;\n --text-secondary: #a0a0a0;\n --border-color: #2a2a2a;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 6rem 2rem 4rem;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 70%);\n animation: pulse 8s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.6; }\n }\n\n .hero-content {\n text-align: center;\n max-width: 900px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1.2s ease;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 6vw, 5rem);\n font-weight: 600;\n margin-bottom: 1.5rem;\n letter-spacing: 2px;\n line-height: 1.2;\n }\n\n .hero-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.2rem, 2.5vw, 1.8rem);\n color: var(--text-secondary);\n margin-bottom: 1rem;\n font-weight: 300;\n letter-spacing: 3px;\n }\n\n .edition-badge {\n display: inline-block;\n border: 1px solid var(--accent-color);\n padding: 0.75rem 2rem;\n margin: 2rem 0;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n\n .cta-button {\n display: inline-block;\n background: var(--accent-color);\n color: var(--primary-bg);\n padding: 1.2rem 3rem;\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n border: 2px solid var(--accent-color);\n font-weight: 500;\n }\n\n .cta-button:hover {\n background: transparent;\n color: var(--accent-color);\n transform: translateY(-2px);\n }\n\n \/* Section Styling *\/\n section {\n padding: 6rem 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 4vw, 3rem);\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n\n .divider {\n width: 100px;\n height: 1px;\n background: var(--accent-color);\n margin: 3rem auto;\n }\n\n \/* Video Section *\/\n .video-section {\n background: var(--secondary-bg);\n padding: 6rem 2rem;\n }\n\n .video-container {\n max-width: 1000px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--border-color);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-content {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .short-description {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n line-height: 1.8;\n color: var(--text-primary);\n margin-bottom: 2rem;\n }\n\n .long-description {\n font-size: 1.05rem;\n line-height: 1.9;\n color: var(--text-secondary);\n text-align: left;\n }\n\n .long-description p {\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory-section {\n background: var(--secondary-bg);\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n font-size: 1.1rem;\n line-height: 1.9;\n color: var(--text-secondary);\n }\n\n .backstory-intro {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.6rem;\n font-style: italic;\n text-align: center;\n margin-bottom: 3rem;\n color: var(--text-primary);\n }\n\n .backstory-content p {\n margin-bottom: 1.8rem;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid var(--border-color);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.4rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-description {\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: var(--secondary-bg);\n border: 1px solid var(--border-color);\n }\n\n .stat-item {\n text-align: center;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Pairings Section *\/\n .pairings-section {\n background: var(--secondary-bg);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n border: 1px solid var(--border-color);\n padding: 2rem;\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .pairing-description {\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 6rem 2rem;\n background: linear-gradient(135deg, var(--secondary-bg) 0%, var(--primary-bg) 100%);\n }\n\n .collection-cta-title {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n\n .collection-cta-text {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\n background: var(--secondary-bg);\n }\n\n .spaces-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 0.75rem 1.5rem;\n border: 1px solid var(--border-color);\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n border-color: var(--accent-color);\n color: var(--accent-color);\n }\n\n \/* Luxury Brands Strip *\/\n .luxury-brands {\n padding: 4rem 2rem;\n text-align: center;\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .brands-title {\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n .brands-list {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n color: var(--text-primary);\n letter-spacing: 2px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 2rem;\n background: linear-gradient(to bottom, var(--primary-bg), var(--secondary-bg));\n }\n\n .final-cta-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n\n .final-cta-subtitle {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Footer *\/\n footer {\n background: var(--secondary-bg);\n padding: 3rem 2rem;\n border-top: 1px solid var(--border-color);\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .footer-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n letter-spacing: 2px;\n }\n\n .social-links {\n display: flex;\n gap: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n .copyright {\n width: 100%;\n text-align: center;\n margin-top: 2rem;\n font-size: 0.85rem;\n color: var(--text-secondary);\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n\n .hero {\n padding: 5rem 1.5rem 3rem;\n }\n\n section {\n padding: 4rem 1.5rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .footer-content {\n flex-direction: column;\n text-align: center;\n }\n }\n\n \/* Smooth Scroll *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Fade-in Animation *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"hero-title\"\u003eMidnight Vice\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eNoir Desire in Silence\u003c\/p\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\" id=\"artwork\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/KwvgmevpE3o\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection id=\"details\"\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp class=\"short-description\"\u003eA provocative study of indulgence, secrecy, and quiet power.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"long-description\"\u003e\n \u003cp\u003eMidnight Vice exists in the space between confession and concealment.\u003c\/p\u003e\n \u003cp\u003eA single element—lips suspended in darkness—becomes the entire story. Matte black surrounds a sculptural mouth holding a cigarette, frozen in the moment before exhale. There is no face. No identity. Only implication. Control. Appetite. Choice.\u003c\/p\u003e\n \u003cp\u003eThe negative space is deliberate. Black is not absence here—it is authority. The monochrome palette heightens tension, transforming a minimal composition into an emotionally charged statement about desire, rebellion, and autonomy.\u003c\/p\u003e\n \u003cp\u003eThis piece is curated for interiors that reject the ordinary: private penthouses, after-hours lounges, collector offices, luxury hotel suites, and bold editorial spaces. It anchors a room with confidence and speaks quietly—but unmistakably.\u003c\/p\u003e\n \u003cp\u003eThis is not decorative art.\u003cbr\u003eThis is intent on the wall.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cp class=\"backstory-intro\"\u003eNothing is louder than what isn't said.\u003cbr\u003eThis piece lives there.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eIn a world saturated with noise and excess, Midnight Vice offers something far more powerful: restraint. This artwork was conceived not as decoration, but as a statement—a visual punctuation mark for spaces that understand the difference between luxury and ostentation.\u003c\/p\u003e\n \u003cp\u003eThe inspiration emerged from the tension between public persona and private indulgence. What we choose to reveal. What we keep concealed. The cigarette becomes metaphor—for vice, for choice, for the quiet rebellion that happens behind closed doors. The stark black-and-white palette strips away distraction, leaving only essence.\u003c\/p\u003e\n \u003cp\u003eThis piece challenges the viewer to confront their own relationship with desire, control, and the masks we wear. It doesn't shout. It doesn't explain. It simply is—confident in its own authority, unapologetic in its presentation.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eOnly 50 prints will ever exist. Each piece is numbered, authenticated, and accompanied by a Certificate of Authenticity—ensuring true scarcity and collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eMuseum-grade materials ensure your investment retains its visual impact for over 100 years. Printed with archival pigment inks on premium cotton substrates for exceptional tonal depth.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eNoir minimalist photography maintains strong demand among collectors who value restraint, power, and bold expression. Limited editions ensure provenance and long-term value retention.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stats Grid --\u003e\n \u003cdiv class=\"stats-grid fade-in\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEdition Size\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Archival\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1:1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArtist Support\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eCollector Grade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: var(--text-secondary); max-width: 700px; margin: 0 auto 3rem;\"\u003eMidnight Vice pairs beautifully with other bold, minimalist works that share its noir sensibility and atmospheric restraint.\u003c\/p\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSilent Femme\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA monochrome power portrait that explores identity, presence, and the strength found in silence. Together, these pieces create a narrative of quiet rebellion and controlled intensity.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eAfter Dark\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA black-on-black minimal abstract that plays with shadow, texture, and depth. Paired with Midnight Vice, they form a cohesive study in restraint and atmospheric mood.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"collection-cta-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp class=\"collection-cta-text\"\u003eMidnight Vice belongs to our Black \u0026amp; White Luxury Collection—a curated series of noir abstracts, moody portraits, and cinematic studies designed for collectors who value bold expression and timeless elegance.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: var(--text-secondary); max-width: 800px; margin: 0 auto 3rem;\"\u003eMidnight Vice is curated for discerning collectors and luxury spaces that understand the power of restraint. This piece commands attention in environments where mood is intentional and every detail matters.\u003c\/p\u003e\n \u003cdiv class=\"spaces-list fade-in\"\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Galleries\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Penthouses\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotels\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Offices\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eAfter-Hours Lounges\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eCollector Residences\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eEditorial Spaces\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003cp class=\"brands-title\"\u003eCurated for Luxury Hospitality\u003c\/p\u003e\n \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n \u003ch2 class=\"final-cta-title\"\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp class=\"final-cta-subtitle\"\u003eLimited Edition of 50 • Museum-Grade • Investment Ready\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eContact Kristina\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" target=\"_blank\"\u003eGallery\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Fade-in on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header scroll effect\n let lastScroll = 0;\n const header = document.querySelector('header');\n\n window.addEventListener('scroll', () =\u003e {\n const currentScroll = window.pageYOffset;\n \n if (currentScroll \u003e 100) {\n header.style.padding = '1rem 0';\n } else {\n header.style.padding = '1.5rem 0';\n }\n \n lastScroll = currentScroll;\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076992651429,"sku":"1306416_16039","price":439.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/ED482780-619F-40B0-B2BB-CB5BA061D220.png?v=1764805492"},{"product_id":"aurelia-in-suspension","title":"Aurelia in Suspension — Sculptural Figure in Gold","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eAurelia in Suspension — Luxury Sculptural Figure Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Museum-grade figurative artwork in warm gold tones, designed for penthouses, boutique hotels, wellness suites, and modern interiors. Limited edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --bg-dark: #0a0a0a;\n --bg-elevated: #141414;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --accent-gold: #c9a227;\n --accent-warm: #d4a574;\n --accent-mineral: #b8925a;\n --divider: rgba(255, 255, 255, 0.1);\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--divider);\n transition: all 0.3s ease;\n }\n \n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n \n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n \n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .nav-links a:hover {\n color: var(--accent-gold);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 2rem 4rem;\n overflow: hidden;\n }\n \n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center, rgba(201, 162, 39, 0.12) 0%, transparent 70%);\n animation: sculptedLight 12s ease-in-out infinite;\n }\n \n @keyframes sculptedLight {\n 0%, 100% { \n opacity: 0.25; \n transform: scale(1) translateY(0);\n }\n 50% { \n opacity: 0.4; \n transform: scale(1.1) translateY(-20px);\n }\n }\n \n \/* Vertical line accent - like a ballet barre *\/\n .hero::after {\n content: '';\n position: absolute;\n left: 15%;\n top: 20%;\n width: 1px;\n height: 60%;\n background: linear-gradient(to bottom, transparent, var(--accent-gold), transparent);\n opacity: 0.3;\n animation: extendLine 8s ease-in-out infinite;\n }\n \n @keyframes extendLine {\n 0%, 100% { height: 60%; opacity: 0.3; }\n 50% { height: 70%; opacity: 0.5; }\n }\n \n .hero-content {\n text-align: center;\n max-width: 900px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 600;\n letter-spacing: 2px;\n margin-bottom: 1rem;\n line-height: 1.1;\n text-shadow: 2px 2px 20px rgba(201, 162, 39, 0.3);\n color: var(--accent-warm);\n }\n \n .edition {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n letter-spacing: 3px;\n color: var(--accent-gold);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-style: italic;\n color: var(--text-primary);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-gold);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-gold);\n transition: left 0.4s ease;\n z-index: -1;\n }\n \n .cta-button:hover::before {\n left: 0;\n }\n \n .cta-button:hover {\n border-color: var(--accent-warm);\n color: var(--bg-dark);\n }\n \n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 600;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 1px;\n color: var(--accent-warm);\n }\n \n .divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n margin: 3rem auto;\n }\n \n \/* Video Section *\/\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 0;\n box-shadow: 0 20px 60px rgba(201, 162, 39, 0.15);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n \n \/* Description Section *\/\n .description {\n background: var(--bg-elevated);\n border-radius: 0;\n }\n \n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .short-description {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n line-height: 1.6;\n color: var(--accent-warm);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n \n .long-description {\n font-size: 1.1rem;\n line-height: 1.9;\n color: var(--text-secondary);\n text-align: left;\n }\n \n .long-description p {\n margin-bottom: 1.5rem;\n }\n \n .long-description strong {\n color: var(--accent-gold);\n }\n \n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-dark);\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n \n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.6rem;\n line-height: 1.9;\n color: var(--accent-gold);\n text-align: center;\n font-style: italic;\n }\n \n .backstory-text p {\n margin-bottom: 1.5rem;\n }\n \n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .feature-card {\n background: var(--bg-elevated);\n padding: 3rem 2rem;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid transparent;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n border-color: rgba(201, 162, 39, 0.3);\n box-shadow: 0 10px 30px rgba(201, 162, 39, 0.1);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-gold);\n }\n \n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-warm);\n }\n \n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n }\n \n .stat-card {\n text-align: center;\n padding: 2rem;\n background: var(--bg-elevated);\n border: 1px solid rgba(201, 162, 39, 0.2);\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 600;\n color: var(--accent-gold);\n margin-bottom: 0.5rem;\n }\n \n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n \n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-elevated);\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n \n .pairing-card {\n text-align: center;\n transition: transform 0.3s ease;\n padding: 2rem;\n }\n \n .pairing-card:hover {\n transform: translateY(-5px);\n }\n \n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-warm);\n }\n \n .pairing-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n background: var(--bg-dark);\n text-align: center;\n }\n \n .collection-link {\n display: inline-block;\n margin-top: 2rem;\n padding: 1.2rem 3rem;\n border: 2px solid var(--accent-gold);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n }\n \n .collection-link:hover {\n background: var(--accent-gold);\n border-color: var(--accent-warm);\n color: var(--bg-dark);\n }\n \n \/* Investment Section *\/\n .investment {\n background: var(--bg-elevated);\n }\n \n .target-spaces {\n text-align: center;\n margin-top: 3rem;\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Luxury Brands *\/\n .luxury-brands {\n background: var(--bg-dark);\n text-align: center;\n padding: 4rem 2rem;\n }\n \n .brands-list {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 3px;\n color: var(--accent-gold);\n margin-top: 2rem;\n }\n \n \/* Final CTA *\/\n .final-cta {\n background: var(--bg-elevated);\n text-align: center;\n padding: 8rem 2rem;\n }\n \n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n color: var(--accent-warm);\n }\n \n .final-cta .cta-button {\n margin-top: 2rem;\n }\n \n \/* Footer *\/\n footer {\n background: var(--bg-dark);\n padding: 3rem 2rem;\n text-align: center;\n border-top: 1px solid var(--divider);\n }\n \n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n \n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent-gold);\n }\n \n .copyright {\n color: var(--text-secondary);\n font-size: 0.85rem;\n letter-spacing: 1px;\n }\n \n \/* Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n nav {\n padding: 1rem;\n }\n \n .nav-links {\n display: none;\n }\n \n .hero {\n padding: 6rem 1rem 3rem;\n }\n \n .hero::after {\n display: none;\n }\n \n section {\n padding: 4rem 1rem;\n }\n \n .features-grid,\n .stats-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#contact\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eAurelia in Suspension\u003c\/h1\u003e\n \u003cp class=\"edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Aurelia%20in%20Suspension\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"about\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/cfvVYqOZ-Zo\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp class=\"short-description\"\u003eA study in discipline, grace, and restrained power—rendered in warm, architectural tones.\u003c\/p\u003e\n \u003cdiv class=\"long-description\"\u003e\n \u003cp\u003eAurelia in Suspension captures the exact moment where strength becomes poetry.\u003c\/p\u003e\n \n \u003cp\u003eThe figure pauses mid-motion—arms lifted, spine elongated, weight suspended as if time has softened its grip. Her form is both grounded and ascending, echoing classical ballet training while transcending performance into presence. There is no audience. There is no stage. Only control.\u003c\/p\u003e\n \n \u003cp\u003eBathed in a warm, mineral-gold palette, the composition reads as sculptural rather than illustrative. Muscle becomes line. Shadow becomes architecture. The negative space is as intentional as the body itself.\u003c\/p\u003e\n \n \u003cp\u003eThis artwork was created for interiors where patience, craftsmanship, and discipline are understood as luxury. It is equally at home in refined penthouses, wellness-forward hotel suites, gallery walls, executive residences, and architectural living spaces curated with restraint.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis is not movement for spectacle. This is movement perfected.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cdiv class=\"backstory-text\"\u003e\n \u003cp\u003eShe is not performing.\u003c\/p\u003e\n \u003cp\u003eShe is holding the world exactly where she wants it.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity and long-term collector value. No reproductions beyond this edition will be created.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure exceptional tonal depth and longevity exceeding 100 years. Printed with archival pigment inks on premium cotton substrates, gallery-approved for luxury environments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n \u003ch3\u003eSculptural Refinement\u003c\/h3\u003e\n \u003cp\u003eFigurative works emphasizing discipline and restraint maintain strong appeal among sophisticated collectors. Designed for spaces valuing patience, craftsmanship, and quiet power.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Archival Rating\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Materials\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eQuiet Discipline\u003c\/h3\u003e\n \u003cp\u003eMinimal gold abstract that echoes the architectural restraint and linear precision of Aurelia in Suspension\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003ePoise Studies I\u003c\/h3\u003e\n \u003cp\u003eMonochrome figure work that continues the narrative of controlled movement and sculptural form\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-top: 3rem; color: var(--text-secondary); font-size: 1.1rem;\"\u003e\n These pairings create a full visual narrative of restraint, balance, and elevated strength.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 800px; margin: 0 auto;\"\u003e\n Aurelia in Suspension is part of the Emotional Figurative Collection—a curated selection of contemplative works that explore grace, discipline, and the poetry of human form.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"collection-link\" target=\"_blank\"\u003eVIEW FULL COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cp\u003eRefined penthouses • Wellness-forward hotel suites • Gallery walls • Executive residences\u003cbr\u003e\n Architectural living spaces • Ballet studios • Private collections • Design-forward interiors\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003ch3 style=\"font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; letter-spacing: 2px; color: var(--text-secondary); text-transform: uppercase;\"\u003eCurated For\u003c\/h3\u003e\n \u003cdiv class=\"brands-list\"\u003e\n Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"contact\"\u003e\n \u003ch2\u003eAcquire Aurelia in Suspension\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: 0 auto;\"\u003e\n Limited to 50 numbered pieces. Reserve yours before this edition closes.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Aurelia%20in%20Suspension%20-%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFACEBOOK\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePINTEREST\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for fade-in animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header scroll effect\n let lastScroll = 0;\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n const currentScroll = window.pageYOffset;\n\n if (currentScroll \u003e 100) {\n header.style.padding = '0.8rem 0';\n } else {\n header.style.padding = '1.5rem 0';\n }\n\n lastScroll = currentScroll;\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076993208485,"sku":"4822127_16039","price":8274.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/BB5EBE5B-924C-46F8-9F0E-A6A74C7A194F.png?v=1764881663"},{"product_id":"golden-hour-reverie","title":"Golden Hour Reverie — Coastal Stillness in Light","description":"\u003cbody\u003e\n\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGolden Hour Reverie — Luxury Coastal Wall Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A warm, tranquil coastal artwork for luxury homes, retreats, boutique hotels, and serene modern interiors. Limited edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --bg-dark: #0a0a0a;\n --bg-elevated: #141414;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --accent-gold: #d4a574;\n --accent-warm: #c9a227;\n --accent-sunset: #e8b573;\n --divider: rgba(255, 255, 255, 0.1);\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--divider);\n transition: all 0.3s ease;\n }\n \n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n \n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n \n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .nav-links a:hover {\n color: var(--accent-gold);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 2rem 4rem;\n overflow: hidden;\n }\n \n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center, rgba(212, 165, 116, 0.15) 0%, transparent 70%);\n animation: gentleGlow 10s ease-in-out infinite;\n }\n \n @keyframes gentleGlow {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.08); }\n }\n \n \/* Floating light particles *\/\n .hero::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(232, 181, 115, 0.2) 0%, transparent 70%);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: floatSunlight 15s ease-in-out infinite;\n pointer-events: none;\n }\n \n @keyframes floatSunlight {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1);\n opacity: 0.3;\n }\n 50% { \n transform: translate(-45%, -55%) scale(1.2);\n opacity: 0.5;\n }\n }\n \n .hero-content {\n text-align: center;\n max-width: 900px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 600;\n letter-spacing: 2px;\n margin-bottom: 1rem;\n line-height: 1.1;\n text-shadow: 2px 2px 20px rgba(212, 165, 116, 0.3);\n color: var(--accent-sunset);\n }\n \n .edition {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.1rem;\n letter-spacing: 3px;\n color: var(--accent-gold);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-style: italic;\n color: var(--text-primary);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-gold);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-gold);\n transition: left 0.4s ease;\n z-index: -1;\n }\n \n .cta-button:hover::before {\n left: 0;\n }\n \n .cta-button:hover {\n border-color: var(--accent-sunset);\n color: var(--bg-dark);\n }\n \n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 600;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 1px;\n color: var(--accent-sunset);\n }\n \n .divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n margin: 3rem auto;\n }\n \n \/* Video Section *\/\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 0;\n box-shadow: 0 20px 60px rgba(212, 165, 116, 0.2);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n \n \/* Description Section *\/\n .description {\n background: var(--bg-elevated);\n border-radius: 0;\n }\n \n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .short-description {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n line-height: 1.6;\n color: var(--accent-sunset);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n \n .long-description {\n font-size: 1.1rem;\n line-height: 1.9;\n color: var(--text-secondary);\n text-align: left;\n }\n \n .long-description p {\n margin-bottom: 1.5rem;\n }\n \n .long-description strong {\n color: var(--accent-gold);\n }\n \n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-dark);\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n \n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.6rem;\n line-height: 1.9;\n color: var(--accent-gold);\n text-align: center;\n font-style: italic;\n }\n \n .backstory-text p {\n margin-bottom: 1.5rem;\n }\n \n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .feature-card {\n background: var(--bg-elevated);\n padding: 3rem 2rem;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid transparent;\n }\n \n .feature-card:hover {\n transform: translateY(-5px);\n border-color: rgba(212, 165, 116, 0.3);\n box-shadow: 0 10px 30px rgba(212, 165, 116, 0.1);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-gold);\n }\n \n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-sunset);\n }\n \n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n }\n \n .stat-card {\n text-align: center;\n padding: 2rem;\n background: var(--bg-elevated);\n border: 1px solid rgba(212, 165, 116, 0.2);\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 600;\n color: var(--accent-gold);\n margin-bottom: 0.5rem;\n }\n \n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n \n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-elevated);\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n \n .pairing-card {\n text-align: center;\n transition: transform 0.3s ease;\n padding: 2rem;\n }\n \n .pairing-card:hover {\n transform: translateY(-5px);\n }\n \n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n color: var(--accent-sunset);\n }\n \n .pairing-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n background: var(--bg-dark);\n text-align: center;\n }\n \n .collection-link {\n display: inline-block;\n margin-top: 2rem;\n padding: 1.2rem 3rem;\n border: 2px solid var(--accent-gold);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n }\n \n .collection-link:hover {\n background: var(--accent-gold);\n border-color: var(--accent-sunset);\n color: var(--bg-dark);\n }\n \n \/* Investment Section *\/\n .investment {\n background: var(--bg-elevated);\n }\n \n .target-spaces {\n text-align: center;\n margin-top: 3rem;\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Luxury Brands *\/\n .luxury-brands {\n background: var(--bg-dark);\n text-align: center;\n padding: 4rem 2rem;\n }\n \n .brands-list {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 3px;\n color: var(--accent-gold);\n margin-top: 2rem;\n }\n \n \/* Final CTA *\/\n .final-cta {\n background: var(--bg-elevated);\n text-align: center;\n padding: 8rem 2rem;\n }\n \n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n color: var(--accent-sunset);\n }\n \n .final-cta .cta-button {\n margin-top: 2rem;\n }\n \n \/* Footer *\/\n footer {\n background: var(--bg-dark);\n padding: 3rem 2rem;\n text-align: center;\n border-top: 1px solid var(--divider);\n }\n \n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n \n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent-gold);\n }\n \n .copyright {\n color: var(--text-secondary);\n font-size: 0.85rem;\n letter-spacing: 1px;\n }\n \n \/* Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n nav {\n padding: 1rem;\n }\n \n .nav-links {\n display: none;\n }\n \n .hero {\n padding: 6rem 1rem 3rem;\n }\n \n section {\n padding: 4rem 1rem;\n }\n \n .features-grid,\n .stats-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#contact\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eGolden Hour Reverie\u003c\/h1\u003e\n \u003cp class=\"edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Golden%20Hour%20Reverie\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"about\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/eCfSd_5SJko\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp class=\"short-description\"\u003eA sun-drenched meditation on solitude, warmth, and emotional calm.\u003c\/p\u003e\n \u003cdiv class=\"long-description\"\u003e\n \u003cp\u003eGolden Hour Reverie captures the quiet poetry of stillness at day's end—when the world softens, shadows stretch, and the soul exhales.\u003c\/p\u003e\n \n \u003cp\u003eSeated in gentle contemplation, the figure gazes toward a glowing horizon where sun meets sea. Wrapped in amber light, her posture suggests peace rather than anticipation. There is no urgency here—only presence. The surrounding palette of honeyed golds, sand neutrals, and sun-warmed linen transforms the space into an immersive moment of serenity.\u003c\/p\u003e\n \n \u003cp\u003eThis work is designed for interiors that value emotional wellness as luxury: coastal retreats, spa-like residences, boutique hotel suites, and oceanside penthouses. Its warmth invites calm while its composition anchors the room with soulful restraint.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis piece does not demand attention. It rewards it.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cdiv class=\"backstory-text\"\u003e\n \u003cp\u003eThere is a moment at sunset when the world asks nothing of you.\u003c\/p\u003e\n \u003cp\u003eThis artwork lives there.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e☀\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity and long-term collector value. No reproductions beyond this edition will be created.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e☀\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure exceptional color depth and longevity exceeding 100 years. Printed with archival pigment inks on premium cotton substrates, gallery-approved for luxury environments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e☀\u003c\/div\u003e\n \u003ch3\u003eWellness Luxury\u003c\/h3\u003e\n \u003cp\u003eCoastal artwork maintains strong appeal among wellness-focused collectors. Designed for spaces that embrace emotional grounding—spa retreats, oceanside residences, boutique hotels, and serene living spaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Archival Rating\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Materials\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eSunlit Silence\u003c\/h3\u003e\n \u003cp\u003eMinimal coastal abstract that echoes the warmth and horizontal calm of Golden Hour Reverie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eStill Waters\u003c\/h3\u003e\n \u003cp\u003eMonochrome horizon study that continues the contemplative coastal narrative\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-top: 3rem; color: var(--text-secondary); font-size: 1.1rem;\"\u003e\n Curated together, they evoke a refined coastal narrative of calm and emotional expansiveness.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 800px; margin: 0 auto;\"\u003e\n Golden Hour Reverie is part of the Emotional Figurative Collection—a curated selection of contemplative works designed for spaces that value serenity and emotional wellness.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"collection-link\" target=\"_blank\"\u003eVIEW FULL COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cp\u003eCoastal retreats • Spa-like residences • Boutique hotel suites • Oceanside penthouses\u003cbr\u003e\n Wellness centers • Meditation spaces • Luxury living rooms • Beachfront homes\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003ch3 style=\"font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; letter-spacing: 2px; color: var(--text-secondary); text-transform: uppercase;\"\u003eCurated For\u003c\/h3\u003e\n \u003cdiv class=\"brands-list\"\u003e\n Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"contact\"\u003e\n \u003ch2\u003eAcquire Golden Hour Reverie\u003c\/h2\u003e\n \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: 0 auto;\"\u003e\n Limited to 50 numbered pieces. Reserve yours before this edition closes.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Golden%20Hour%20Reverie%20-%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFACEBOOK\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePINTEREST\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for fade-in animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header scroll effect\n let lastScroll = 0;\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n const currentScroll = window.pageYOffset;\n\n if (currentScroll \u003e 100) {\n header.style.padding = '0.8rem 0';\n } else {\n header.style.padding = '1.5rem 0';\n }\n\n lastScroll = currentScroll;\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076993798309,"sku":"3270962_16039","price":9364.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/69C1AD9E-6BC4-4AAB-862C-5F310745E89B_88889308-2a8f-4a6a-add2-4d828a899ef4.png?v=1764801807"},{"product_id":"elan-suspendu","title":"Élan Suspendu — Study in Poise \u0026 Ascension","description":"\u003cbody\u003e\n\n\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eLuxury Ballet Wall Art | Élan Suspendu by Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A refined monochrome ballet artwork for luxury homes, galleries, wellness spaces, and boutique hotels. Museum-grade limited edition.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --accent-color: #c0c0c0;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --border-color: rgba(192, 192, 192, 0.2);\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n h1, h2, h3 {\n font-family: 'Playfair Display', serif;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n .serif-accent {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 300;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n border-bottom: 1px solid var(--border-color);\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 400;\n letter-spacing: 2px;\n color: var(--accent-color);\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n overflow: hidden;\n padding-top: 80px;\n }\n\n .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(ellipse at center, rgba(192, 192, 192, 0.08) 0%, rgba(10, 10, 10, 1) 70%);\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 0.8; }\n }\n\n \/* Graceful floating elements - like ballet movements *\/\n .grace-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n .floating-element {\n position: absolute;\n width: 3px;\n height: 3px;\n background: var(--accent-color);\n border-radius: 50%;\n opacity: 0;\n }\n\n .floating-element:nth-child(1) {\n top: 20%;\n left: 15%;\n animation: gracefulFloat 15s ease-in-out infinite;\n }\n\n .floating-element:nth-child(2) {\n top: 40%;\n right: 20%;\n animation: gracefulFloat 18s ease-in-out infinite 3s;\n }\n\n .floating-element:nth-child(3) {\n top: 60%;\n left: 25%;\n animation: gracefulFloat 20s ease-in-out infinite 6s;\n }\n\n .floating-element:nth-child(4) {\n top: 30%;\n right: 30%;\n animation: gracefulFloat 16s ease-in-out infinite 9s;\n }\n\n .floating-element:nth-child(5) {\n bottom: 30%;\n left: 35%;\n animation: gracefulFloat 19s ease-in-out infinite 12s;\n }\n\n @keyframes gracefulFloat {\n 0%, 100% {\n opacity: 0;\n transform: translateY(0) scale(1);\n }\n 10%, 90% {\n opacity: 0.4;\n }\n 50% {\n opacity: 0.7;\n transform: translateY(-60px) scale(1.5);\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n padding: 0 2rem;\n animation: fadeInUp 1.5s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.75rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n animation: fadeIn 2s ease-out 0.5s both;\n }\n\n .hero h1 {\n font-size: 5rem;\n margin-bottom: 0.5rem;\n color: var(--text-primary);\n letter-spacing: 2px;\n animation: fadeIn 2s ease-out 0.8s both;\n }\n\n .hero-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2rem;\n color: var(--accent-color);\n font-style: italic;\n margin-bottom: 1.5rem;\n animation: fadeIn 2s ease-out 1s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n animation: fadeIn 2s ease-out 1.1s both;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n animation: fadeIn 2s ease-out 1.4s both;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-color);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--primary-bg);\n }\n\n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n text-align: center;\n margin-bottom: 3rem;\n color: var(--text-primary);\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: var(--accent-color);\n margin: 0 auto 4rem;\n }\n\n \/* Video Section *\/\n .video-section {\n background: rgba(192, 192, 192, 0.03);\n padding: 6rem 2rem;\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--border-color);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .description p {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: linear-gradient(135deg, rgba(192, 192, 192, 0.05) 0%, rgba(10, 10, 10, 1) 100%);\n padding: 8rem 2rem;\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .backstory p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .backstory-highlight {\n font-size: 2rem;\n color: var(--accent-color);\n text-align: center;\n margin: 3rem 0;\n font-style: italic;\n }\n\n .backstory-verse {\n font-size: 1.5rem;\n line-height: 2.5;\n color: var(--accent-color);\n text-align: center;\n margin: 3rem 0;\n }\n\n .backstory-verse p {\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid var(--border-color);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(192, 192, 192, 0.1);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Edition Stats *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: rgba(192, 192, 192, 0.03);\n border: 1px solid var(--border-color);\n }\n\n .stat {\n text-align: center;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Pairings Section *\/\n .pairings {\n background: rgba(10, 10, 10, 0.8);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n padding: 2rem;\n border: 1px solid var(--border-color);\n text-align: center;\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent-color);\n transform: scale(1.02);\n }\n\n .pairing-card h3 {\n font-size: 1.3rem;\n margin-bottom: 1rem;\n color: var(--accent-color);\n }\n\n .pairing-card p {\n color: var(--text-secondary);\n font-size: 0.95rem;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 6rem 2rem;\n background: linear-gradient(135deg, rgba(192, 192, 192, 0.08) 0%, rgba(10, 10, 10, 1) 100%);\n }\n\n .collection-cta h2 {\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Investment Section *\/\n .investment {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .investment p {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 0.7rem 1.5rem;\n border: 1px solid var(--border-color);\n color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n border-color: var(--accent-color);\n color: var(--accent-color);\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 2rem;\n background: rgba(192, 192, 192, 0.03);\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .brand-strip h3 {\n text-align: center;\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n }\n\n .brand-logos {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 3rem;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--accent-color);\n }\n\n .brand-separator {\n color: var(--border-color);\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 2rem;\n background: radial-gradient(ellipse at center, rgba(192, 192, 192, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n }\n\n .final-cta h2 {\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 2rem;\n border-top: 1px solid var(--border-color);\n text-align: center;\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n footer p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n\n .hero-subtitle {\n font-size: 1.5rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .nav-links {\n display: none;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* Scroll Fade In *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 1s ease, transform 1s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"grace-animation\"\u003e\n \u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"floating-element\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003ch1\u003eÉlan Suspendu\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eStudy in Poise \u0026amp; Ascension\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20%C3%89lan%20Suspendu\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/kmIYFA544E8?si=rm1ou_M_tb5ofLkQ\" title=\"Élan Suspendu - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description fade-in\"\u003e\n \u003cp\u003eA sculptural study of balance, grace, and disciplined freedom.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eThe dancer's body arcs upward in perfect equilibrium—arms lifted, spine elongated, one leg suspended in controlled ascent. This is not movement for spectacle. This is mastery through restraint.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-highlight\"\u003eÉlan Suspendu captures the precise moment where strength and surrender coexist.\u003c\/p\u003e\n \n \u003cp\u003eThe dancer's body arcs upward in perfect equilibrium—arms lifted, spine elongated, one leg suspended in controlled ascent. This is not movement for spectacle. This is mastery through restraint. The monochrome palette strips away distraction, allowing form, posture, and intention to command the gaze.\u003c\/p\u003e\n \n \u003cp\u003eRendered in soft charcoal, stone ivory, and shadowed graphite, the piece evokes classical ballet filtered through a modern lens. It feels architectural, meditative, and quietly powerful—designed for spaces where calm authority and discipline define the atmosphere.\u003c\/p\u003e\n \n \u003cdiv class=\"backstory-verse\"\u003e\n \u003cp\u003eThere is a moment in every discipline\u003c\/p\u003e\n \u003cp\u003ewhere effort vanishes—\u003c\/p\u003e\n \u003cp\u003eand only form remains.\u003c\/p\u003e\n \u003cp\u003eThis is that moment.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp\u003eThis artwork belongs in curated interiors: private wellness sanctuaries, boutique hotel corridors, gallery alcoves, and minimalist residences where presence is felt before it is spoken.\u003c\/p\u003e\n \n \u003cp class=\"backstory-highlight\"\u003eÉlan Suspendu does not decorate a wall. It elevates it.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring exclusivity and long-term collector value for refined interiors.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003ePrinted with museum-grade archival pigment inks on premium cotton rag fine art paper to ensure exceptional tonal depth, longevity, and preservation exceeding 100 years.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eMonochrome figurative studies maintain strong demand in wellness spaces, luxury hospitality, and private collections valuing discipline and grace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Edition Stats --\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Permanence\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eFrame Options\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eObsidian Pulse\u003c\/h3\u003e\n \u003cp\u003eMonochrome Power Abstract. Together with Élan Suspendu, they create a narrative of discipline, motion, and controlled elegance.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eSilent Balance\u003c\/h3\u003e\n \u003cp\u003eMinimalist Figurative Study. Paired, they form an intimate dialogue about poise, restraint, and the quiet authority of perfected form.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta fade-in\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp class=\"serif-accent\"\u003eDiscover more refined pieces from the Black \u0026amp; White Luxury Collection\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cp\u003eÉlan Suspendu belongs in curated environments where calm authority and discipline define the atmosphere. Spaces where presence is felt before it is spoken.\u003c\/p\u003e\n \n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"space-tag\"\u003ePrivate Wellness Sanctuaries\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eBoutique Hotel Corridors\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eGallery Alcoves\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eMinimalist Residences\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eYoga Studios\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eLuxury Spas\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003ch3\u003eTrusted by the World's Most Prestigious Brands\u003c\/h3\u003e\n \u003cdiv class=\"brand-logos\"\u003e\n \u003cspan\u003eAman\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eFour Seasons\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eSt. Regis\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta fade-in\"\u003e\n \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n \u003cp\u003eWhere discipline becomes grace. Make it yours.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20%C3%89lan%20Suspendu%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact the Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 0.8rem;\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n \/\/ Fade in on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076994027685,"sku":"3254199_16039","price":8964.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/0C939F14-8390-48D0-A2E0-555E355E5438.png?v=1764800392"},{"product_id":"obsidian-pulse","title":"Obsidian Pulse — Monochrome Power Abstract","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eLuxury Black \u0026amp; White Abstract Art | Obsidian Pulse by Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A powerful monochrome abstract artwork designed for luxury interiors, penthouses, boutique hotels, and executive spaces. Museum-grade limited edition.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --accent-color: #c0c0c0;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --border-color: rgba(192, 192, 192, 0.2);\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n h1, h2, h3 {\n font-family: 'Playfair Display', serif;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n .serif-accent {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 300;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n border-bottom: 1px solid var(--border-color);\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 400;\n letter-spacing: 2px;\n color: var(--accent-color);\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n overflow: hidden;\n padding-top: 80px;\n }\n\n .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(ellipse at center, rgba(192, 192, 192, 0.08) 0%, rgba(10, 10, 10, 1) 70%);\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.7; }\n }\n\n \/* Dynamic brushstroke animations *\/\n .stroke-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n .brush-stroke {\n position: absolute;\n background: linear-gradient(135deg, transparent, rgba(192, 192, 192, 0.15), transparent);\n opacity: 0;\n transform-origin: center;\n }\n\n .brush-stroke:nth-child(1) {\n width: 3px;\n height: 200px;\n top: 10%;\n left: 15%;\n animation: strokeSlash 8s ease-in-out infinite;\n }\n\n .brush-stroke:nth-child(2) {\n width: 4px;\n height: 250px;\n top: 30%;\n right: 20%;\n animation: strokeSlash 10s ease-in-out infinite 2s;\n }\n\n .brush-stroke:nth-child(3) {\n width: 3px;\n height: 180px;\n bottom: 20%;\n left: 25%;\n animation: strokeSlash 12s ease-in-out infinite 4s;\n }\n\n .brush-stroke:nth-child(4) {\n width: 5px;\n height: 220px;\n top: 50%;\n right: 15%;\n animation: strokeSlash 9s ease-in-out infinite 6s;\n }\n\n @keyframes strokeSlash {\n 0%, 100% {\n opacity: 0;\n transform: translateY(0) rotate(0deg) scaleY(0);\n }\n 10% {\n opacity: 0.4;\n transform: translateY(-20px) rotate(45deg) scaleY(1);\n }\n 50% {\n opacity: 0.6;\n transform: translateY(-30px) rotate(50deg) scaleY(1.1);\n }\n 90% {\n opacity: 0.3;\n transform: translateY(-40px) rotate(55deg) scaleY(0.9);\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n padding: 0 2rem;\n animation: fadeInUp 1.5s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.75rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n animation: fadeIn 2s ease-out 0.5s both;\n }\n\n .hero h1 {\n font-size: 5rem;\n margin-bottom: 0.5rem;\n color: var(--text-primary);\n letter-spacing: 2px;\n animation: fadeIn 2s ease-out 0.8s both;\n }\n\n .hero-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2rem;\n color: var(--accent-color);\n font-style: italic;\n margin-bottom: 1.5rem;\n animation: fadeIn 2s ease-out 1s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n animation: fadeIn 2s ease-out 1.1s both;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n animation: fadeIn 2s ease-out 1.4s both;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-color);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--primary-bg);\n }\n\n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n text-align: center;\n margin-bottom: 3rem;\n color: var(--text-primary);\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: var(--accent-color);\n margin: 0 auto 4rem;\n }\n\n \/* Video Section *\/\n .video-section {\n background: rgba(192, 192, 192, 0.03);\n padding: 6rem 2rem;\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--border-color);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .description p {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: linear-gradient(135deg, rgba(192, 192, 192, 0.05) 0%, rgba(10, 10, 10, 1) 100%);\n padding: 8rem 2rem;\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .backstory p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .backstory-highlight {\n font-size: 2rem;\n color: var(--accent-color);\n text-align: center;\n margin: 3rem 0;\n font-style: italic;\n }\n\n .backstory-verse {\n font-size: 1.5rem;\n line-height: 2.5;\n color: var(--accent-color);\n text-align: center;\n margin: 3rem 0;\n }\n\n .backstory-verse p {\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid var(--border-color);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(192, 192, 192, 0.1);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Edition Stats *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: rgba(192, 192, 192, 0.03);\n border: 1px solid var(--border-color);\n }\n\n .stat {\n text-align: center;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Pairings Section *\/\n .pairings {\n background: rgba(10, 10, 10, 0.8);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n padding: 2rem;\n border: 1px solid var(--border-color);\n text-align: center;\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent-color);\n transform: scale(1.02);\n }\n\n .pairing-card h3 {\n font-size: 1.3rem;\n margin-bottom: 1rem;\n color: var(--accent-color);\n }\n\n .pairing-card p {\n color: var(--text-secondary);\n font-size: 0.95rem;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 6rem 2rem;\n background: linear-gradient(135deg, rgba(192, 192, 192, 0.08) 0%, rgba(10, 10, 10, 1) 100%);\n }\n\n .collection-cta h2 {\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Investment Section *\/\n .investment {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .investment p {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 0.7rem 1.5rem;\n border: 1px solid var(--border-color);\n color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n border-color: var(--accent-color);\n color: var(--accent-color);\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 2rem;\n background: rgba(192, 192, 192, 0.03);\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .brand-strip h3 {\n text-align: center;\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n }\n\n .brand-logos {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 3rem;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--accent-color);\n }\n\n .brand-separator {\n color: var(--border-color);\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 2rem;\n background: radial-gradient(ellipse at center, rgba(192, 192, 192, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n }\n\n .final-cta h2 {\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 2rem;\n border-top: 1px solid var(--border-color);\n text-align: center;\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n footer p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n\n .hero-subtitle {\n font-size: 1.5rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .nav-links {\n display: none;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* Scroll Fade In *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 1s ease, transform 1s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"stroke-animation\"\u003e\n \u003cdiv class=\"brush-stroke\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brush-stroke\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brush-stroke\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brush-stroke\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003ch1\u003eObsidian Pulse\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eMonochrome Power Abstract\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Obsidian%20Pulse\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/n_BbNf3Uzy0?si=p1mCtL4MvPIlHyFf\" title=\"Obsidian Pulse - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description fade-in\"\u003e\n \u003cp\u003eA raw, architectural abstraction where motion, tension, and restraint collide.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eBold charcoal arcs, fractured geometry, and gestural strokes that feel both deliberate and instinctive. The contrast between soft erosion and sharp interruption evokes power under control: a visual heartbeat restrained by design.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-highlight\"\u003eObsidian Pulse is not meant to comfort. It is meant to anchor.\u003c\/p\u003e\n \n \u003cp\u003eThis monochrome abstract commands space through force and balance—bold charcoal arcs, fractured geometry, and gestural strokes that feel both deliberate and instinctive. The contrast between soft erosion and sharp interruption evokes power under control: a visual heartbeat restrained by design.\u003c\/p\u003e\n \n \u003cp\u003eRendered in deep black, stone ivory, and textured graphite, the composition feels architectural and emotional at once. It belongs in spaces where clarity, authority, and quiet dominance matter—executive lounges, penthouse living rooms, boutique hotel libraries, gallery stairwells.\u003c\/p\u003e\n \n \u003cdiv class=\"backstory-verse\"\u003e\n \u003cp\u003eMovement without chaos.\u003c\/p\u003e\n \u003cp\u003eForce without noise.\u003c\/p\u003e\n \u003cp\u003eThis is restraint made visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"backstory-highlight\"\u003eThis piece does not follow trends. It establishes presence.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring architectural-level exclusivity and long-term collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003ePrinted using museum-grade archival pigment inks on premium cotton rag paper to preserve tonal depth, texture, and longevity exceeding 100 years.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eMonochrome abstractions maintain exceptional demand in executive and hospitality environments. Power and restraint that transcends trends.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Edition Stats --\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Permanence\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eFrame Options\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eSilent Grid\u003c\/h3\u003e\n \u003cp\u003eMinimalist Noir Abstract. Together with Obsidian Pulse, they form a gallery wall rooted in structure, power, and architectural restraint.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eGilded Horizon\u003c\/h3\u003e\n \u003cp\u003eBlack \u0026amp; Gold Balance Series. Paired, they create a sophisticated dialogue about force under control and the authority of intentional design.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta fade-in\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp class=\"serif-accent\"\u003eDiscover more powerful pieces from the Abstract Atmospheric Collection\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cp\u003eObsidian Pulse commands space through force and balance. This piece belongs in environments where clarity, authority, and quiet dominance matter—spaces that establish presence, not follow trends.\u003c\/p\u003e\n \n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"space-tag\"\u003eExecutive Lounges\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePenthouse Living Rooms\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eBoutique Hotel Libraries\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eGallery Stairwells\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eCorporate Boardrooms\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eArchitectural Foyers\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003ch3\u003eTrusted by the World's Most Prestigious Brands\u003c\/h3\u003e\n \u003cdiv class=\"brand-logos\"\u003e\n \u003cspan\u003eAman\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eFour Seasons\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eSt. Regis\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta fade-in\"\u003e\n \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n \u003cp\u003eStrength doesn't shout. Make it yours.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Obsidian%20Pulse%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact the Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 0.8rem;\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n \/\/ Fade in on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076994191525,"sku":"8431439_16039","price":10764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/29DC46D6-A19D-47E7-80B1-21B84FCF1DCD.png?v=1764799613"},{"product_id":"silent-vow","title":"Silent Vow — Gilded Noir Portrait","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eLuxury Noir Portrait Wall Art | Silent Vow by Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A luxury noir portrait in gold and shadow, designed for penthouses, boutique hotels, and refined private collections. Museum-grade limited edition.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --accent-color: #d4a574;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --border-color: rgba(212, 165, 116, 0.2);\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n h1, h2, h3 {\n font-family: 'Playfair Display', serif;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n .serif-accent {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 300;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n border-bottom: 1px solid var(--border-color);\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 400;\n letter-spacing: 2px;\n color: var(--accent-color);\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n overflow: hidden;\n padding-top: 80px;\n }\n\n .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(ellipse at center, rgba(212, 165, 116, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 0.8; }\n }\n\n \/* Golden candlelight glow animation *\/\n .candlelight-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n .golden-glow {\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(212, 165, 116, 0.2) 0%, transparent 70%);\n opacity: 0;\n animation: candleGlow 10s ease-in-out infinite;\n filter: blur(40px);\n }\n\n .golden-glow:nth-child(1) { \n top: 20%; \n left: 15%; \n animation-delay: 0s; \n }\n .golden-glow:nth-child(2) { \n top: 40%; \n right: 20%; \n animation-delay: 3s; \n }\n .golden-glow:nth-child(3) { \n bottom: 30%; \n left: 25%; \n animation-delay: 6s; \n }\n\n @keyframes candleGlow {\n 0%, 100% { \n opacity: 0;\n transform: scale(0.8);\n }\n 50% { \n opacity: 0.6;\n transform: scale(1.2);\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n padding: 0 2rem;\n animation: fadeInUp 1.5s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.75rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n animation: fadeIn 2s ease-out 0.5s both;\n }\n\n .hero h1 {\n font-size: 5rem;\n margin-bottom: 0.5rem;\n color: var(--text-primary);\n letter-spacing: 2px;\n animation: fadeIn 2s ease-out 0.8s both;\n }\n\n .hero-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2rem;\n color: var(--accent-color);\n font-style: italic;\n margin-bottom: 1.5rem;\n animation: fadeIn 2s ease-out 1s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n animation: fadeIn 2s ease-out 1.1s both;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n animation: fadeIn 2s ease-out 1.4s both;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-color);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--primary-bg);\n }\n\n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n text-align: center;\n margin-bottom: 3rem;\n color: var(--text-primary);\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: var(--accent-color);\n margin: 0 auto 4rem;\n }\n\n \/* Video Section *\/\n .video-section {\n background: rgba(212, 165, 116, 0.03);\n padding: 6rem 2rem;\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--border-color);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .description p {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: linear-gradient(135deg, rgba(212, 165, 116, 0.05) 0%, rgba(10, 10, 10, 1) 100%);\n padding: 8rem 2rem;\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .backstory p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .backstory-highlight {\n font-size: 2rem;\n color: var(--accent-color);\n text-align: center;\n margin: 3rem 0;\n font-style: italic;\n }\n\n .backstory-verse {\n font-size: 1.5rem;\n line-height: 2.5;\n color: var(--accent-color);\n text-align: center;\n margin: 3rem 0;\n }\n\n .backstory-verse p {\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid var(--border-color);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(212, 165, 116, 0.1);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Edition Stats *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: rgba(212, 165, 116, 0.03);\n border: 1px solid var(--border-color);\n }\n\n .stat {\n text-align: center;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Pairings Section *\/\n .pairings {\n background: rgba(10, 10, 10, 0.8);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n padding: 2rem;\n border: 1px solid var(--border-color);\n text-align: center;\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent-color);\n transform: scale(1.02);\n }\n\n .pairing-card h3 {\n font-size: 1.3rem;\n margin-bottom: 1rem;\n color: var(--accent-color);\n }\n\n .pairing-card p {\n color: var(--text-secondary);\n font-size: 0.95rem;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 6rem 2rem;\n background: linear-gradient(135deg, rgba(212, 165, 116, 0.08) 0%, rgba(10, 10, 10, 1) 100%);\n }\n\n .collection-cta h2 {\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Investment Section *\/\n .investment {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .investment p {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 0.7rem 1.5rem;\n border: 1px solid var(--border-color);\n color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n border-color: var(--accent-color);\n color: var(--accent-color);\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 2rem;\n background: rgba(212, 165, 116, 0.03);\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .brand-strip h3 {\n text-align: center;\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n }\n\n .brand-logos {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 3rem;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--accent-color);\n }\n\n .brand-separator {\n color: var(--border-color);\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 2rem;\n background: radial-gradient(ellipse at center, rgba(212, 165, 116, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n }\n\n .final-cta h2 {\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 2rem;\n border-top: 1px solid var(--border-color);\n text-align: center;\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n footer p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n\n .hero-subtitle {\n font-size: 1.5rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .nav-links {\n display: none;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* Scroll Fade In *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 1s ease, transform 1s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"candlelight-animation\"\u003e\n \u003cdiv class=\"golden-glow\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"golden-glow\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"golden-glow\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003ch1\u003eSilent Vow\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eGilded Noir Portrait\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Silent%20Vow\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/hIkD07Ncy5o?si=cdELEPJqpTKvWI3S\" title=\"Silent Vow - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description fade-in\"\u003e\n \u003cp\u003eA whisper of power, intimacy, and restraint—captured in gold-shadowed silence.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eDraped in shadow, crowned by a wide-brimmed hat, her finger rests gently against her lips, sealing a moment meant only for those who understand discretion. The palette is restrained yet profound: burnished gold, smoky umber, and deep noir.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-highlight\"\u003eSome art commands attention. Others command silence.\u003c\/p\u003e\n \n \u003cp\u003eSilent Vow is a portrait of controlled mystery—an ode to the unsaid. Draped in shadow, crowned by a wide-brimmed hat, her finger rests gently against her lips, sealing a moment meant only for those who understand discretion.\u003c\/p\u003e\n \n \u003cp\u003eThe palette is restrained yet profound: burnished gold, smoky umber, and deep noir. Her skin glows like candlelight against dusk. The texture evokes oil pigment and vellum—soft, tactile, and timeless. This is intimacy rendered as power.\u003c\/p\u003e\n \n \u003cdiv class=\"backstory-verse\"\u003e\n \u003cp\u003eShe does not explain.\u003c\/p\u003e\n \u003cp\u003eShe does not reveal.\u003c\/p\u003e\n \u003cp\u003eSome truths are protected by silence.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp\u003eDesigned for penthouse living rooms, private lounges, boutique hotel suites, and collector interiors, this piece creates a cinematic pause. It doesn't decorate the space—it curates silence within it.\u003c\/p\u003e\n \n \u003cp class=\"backstory-highlight\"\u003eThis is not fashion art. This is presence.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring exclusivity and long-term collector value for discerning collectors.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade archival pigment ink on cotton rag paper ensures 100+ year longevity. Soft, tactile texture that evokes oil pigment and vellum for timeless collector appeal.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eCinematic noir portraits maintain exceptional demand in luxury hospitality and private collections. Intimate power that transcends trends and commands presence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Edition Stats --\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Permanence\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eFrame Options\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eGilded Geometry\u003c\/h3\u003e\n \u003cp\u003eQuiet Power Series. Together with Silent Vow, they create a narrative wall of luxury restraint and feminine authority rooted in gold and shadow.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eNocturne Silhouette I\u003c\/h3\u003e\n \u003cp\u003eMinimalist feminine form. Paired, they form an intimate collector's dialogue about discretion, presence, and the power of what remains unsaid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta fade-in\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp class=\"serif-accent\"\u003eDiscover more emotionally resonant pieces from the Emotional Figurative Collection\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cp\u003eSilent Vow creates a cinematic pause in any environment. This piece doesn't decorate—it curates silence, intimacy, and controlled mystery for collectors who value discretion over display.\u003c\/p\u003e\n \n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"space-tag\"\u003ePenthouse Living Rooms\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePrivate Lounges\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eBoutique Hotel Suites\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eCollector Interiors\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eExecutive Residences\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eGallery Installations\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003ch3\u003eTrusted by the World's Most Prestigious Brands\u003c\/h3\u003e\n \u003cdiv class=\"brand-logos\"\u003e\n \u003cspan\u003eAman\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eFour Seasons\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eSt. Regis\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta fade-in\"\u003e\n \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n \u003cp\u003eLuxury doesn't speak. It listens. Make it yours.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Silent%20Vow%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact the Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 0.8rem;\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n \/\/ Fade in on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076995240101,"sku":"7969878_16039","price":9414.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/C0D7BD64-AA3A-4D89-A3E8-FA141D3A2200.png?v=1764778508"},{"product_id":"maison-noir-reverie","title":"Maison Noir Reverie — Couture Silence","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eMaison Noir Reverie — Couture-Inspired Luxury Wall Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A couture-inspired noir artwork for luxury interiors, boutique hotels, and high-end collectors seeking timeless sophistication. Museum-grade limited edition.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --accent-color: #d4af7a;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --border-color: rgba(212, 175, 122, 0.2);\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n h1, h2, h3 {\n font-family: 'Playfair Display', serif;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n .serif-accent {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 300;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n border-bottom: 1px solid var(--border-color);\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 400;\n letter-spacing: 2px;\n color: var(--accent-color);\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n overflow: hidden;\n padding-top: 80px;\n }\n\n .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(ellipse at center, rgba(212, 175, 122, 0.08) 0%, rgba(10, 10, 10, 1) 70%);\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.7; }\n }\n\n \/* Couture animation - elegant fabric shimmer *\/\n .couture-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n .silk-shimmer {\n position: absolute;\n width: 1px;\n height: 100%;\n background: linear-gradient(180deg, \n transparent 0%, \n rgba(212, 175, 122, 0.15) 50%, \n transparent 100%);\n opacity: 0;\n animation: silkWave 12s ease-in-out infinite;\n }\n\n .silk-shimmer:nth-child(1) { left: 10%; animation-delay: 0s; }\n .silk-shimmer:nth-child(2) { left: 30%; animation-delay: 3s; }\n .silk-shimmer:nth-child(3) { left: 50%; animation-delay: 6s; }\n .silk-shimmer:nth-child(4) { left: 70%; animation-delay: 9s; }\n .silk-shimmer:nth-child(5) { left: 90%; animation-delay: 2s; }\n\n @keyframes silkWave {\n 0%, 100% { opacity: 0; transform: translateY(0) scaleY(1); }\n 50% { opacity: 0.4; transform: translateY(-20px) scaleY(1.1); }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n padding: 0 2rem;\n animation: fadeInUp 1.5s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.75rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n animation: fadeIn 2s ease-out 0.5s both;\n }\n\n .hero h1 {\n font-size: 5rem;\n margin-bottom: 0.5rem;\n color: var(--text-primary);\n letter-spacing: 2px;\n animation: fadeIn 2s ease-out 0.8s both;\n }\n\n .hero-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2rem;\n color: var(--accent-color);\n font-style: italic;\n margin-bottom: 1.5rem;\n animation: fadeIn 2s ease-out 1s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n animation: fadeIn 2s ease-out 1.1s both;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n animation: fadeIn 2s ease-out 1.4s both;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-color);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--primary-bg);\n }\n\n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n text-align: center;\n margin-bottom: 3rem;\n color: var(--text-primary);\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: var(--accent-color);\n margin: 0 auto 4rem;\n }\n\n \/* Video Section *\/\n .video-section {\n background: rgba(212, 175, 122, 0.03);\n padding: 6rem 2rem;\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--border-color);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .description p {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: linear-gradient(135deg, rgba(212, 175, 122, 0.05) 0%, rgba(10, 10, 10, 1) 100%);\n padding: 8rem 2rem;\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .backstory p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .backstory-highlight {\n font-size: 2rem;\n color: var(--accent-color);\n text-align: center;\n margin: 3rem 0;\n font-style: italic;\n }\n\n .backstory-verse {\n font-size: 1.5rem;\n line-height: 2.5;\n color: var(--accent-color);\n text-align: center;\n margin: 3rem 0;\n font-style: italic;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid var(--border-color);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(212, 175, 122, 0.1);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Edition Stats *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: rgba(212, 175, 122, 0.03);\n border: 1px solid var(--border-color);\n }\n\n .stat {\n text-align: center;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Pairings Section *\/\n .pairings {\n background: rgba(10, 10, 10, 0.8);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n padding: 2rem;\n border: 1px solid var(--border-color);\n text-align: center;\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent-color);\n transform: scale(1.02);\n }\n\n .pairing-card h3 {\n font-size: 1.3rem;\n margin-bottom: 1rem;\n color: var(--accent-color);\n }\n\n .pairing-card p {\n color: var(--text-secondary);\n font-size: 0.95rem;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 6rem 2rem;\n background: linear-gradient(135deg, rgba(212, 175, 122, 0.08) 0%, rgba(10, 10, 10, 1) 100%);\n }\n\n .collection-cta h2 {\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Investment Section *\/\n .investment {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .investment p {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 0.7rem 1.5rem;\n border: 1px solid var(--border-color);\n color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n border-color: var(--accent-color);\n color: var(--accent-color);\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 2rem;\n background: rgba(212, 175, 122, 0.03);\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .brand-strip h3 {\n text-align: center;\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n }\n\n .brand-logos {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 3rem;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--accent-color);\n }\n\n .brand-separator {\n color: var(--border-color);\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 2rem;\n background: radial-gradient(ellipse at center, rgba(212, 175, 122, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n }\n\n .final-cta h2 {\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 2rem;\n border-top: 1px solid var(--border-color);\n text-align: center;\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n footer p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n\n .hero-subtitle {\n font-size: 1.5rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .nav-links {\n display: none;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* Scroll Fade In *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 1s ease, transform 1s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"couture-animation\"\u003e\n \u003cdiv class=\"silk-shimmer\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"silk-shimmer\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"silk-shimmer\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"silk-shimmer\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"silk-shimmer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003ch1\u003eMaison Noir Reverie\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eCouture Silence\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Maison%20Noir%20Reverie\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/BsvFRV74R6A\" title=\"Maison Noir Reverie - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description fade-in\"\u003e\n \u003cp\u003eAn icon of restraint, fashion, and feminine intelligence—rendered in noir.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eMaison Noir Reverie captures the poise of a woman who does not perform—she knows. Cloaked in sculptural black, crowned by a wide-brim hat that conceals more than it reveals, she becomes an emblem of timeless sophistication and cultivated power.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-highlight\"\u003eSilence can be couture.\u003c\/p\u003e\n \n \u003cp\u003eMaison Noir Reverie captures the poise of a woman who does not perform—she knows. Cloaked in sculptural black, crowned by a wide-brim hat that conceals more than it reveals, she becomes an emblem of timeless sophistication and cultivated power.\u003c\/p\u003e\n \n \u003cp\u003eThe composition is deliberately restrained: monochrome tones, architectural stillness, and a fashion-editorial posture that calls to mind Parisian ateliers, private salons, and grand hôtel suites after dusk. Every line is intention. Every shadow is confidence.\u003c\/p\u003e\n \n \u003cp\u003eThis work belongs in spaces where luxury whispers—executive penthouses, five-star residences, luxury cruise suites, boutique hotel lounges, and private collector galleries. It elevates interiors without asking permission.\u003c\/p\u003e\n \n \u003cdiv class=\"backstory-verse\"\u003e\n \u003cp\u003eShe does not speak first.\u003c\/p\u003e\n \u003cp\u003eThe room listens anyway.\u003c\/p\u003e\n \u003cp\u003eA passing glance.\u003c\/p\u003e\n \u003cp\u003eA gloved hand.\u003c\/p\u003e\n \u003cp\u003eA quiet reign.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"backstory-highlight\"\u003eA piece for collectors who recognize that presence is louder than display.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring exclusivity and investment-grade collector value for discerning collectors.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eCrafted using acid-free, museum-grade materials rated for 100+ years of permanence. Printed with archival pigment inks on fine-art cotton paper for exceptional longevity and tonal depth.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eCouture-inspired noir portraits maintain strong demand in luxury hospitality and private collections. Timeless aesthetic that transcends fleeting design trends.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Edition Stats --\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Permanence\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eFrame Options\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eEternal Silhouette\u003c\/h3\u003e\n \u003cp\u003eArchitectural noir femininity. Together with Maison Noir Reverie, they form a collector-grade narrative of modern elegance and quiet power.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eVeiled Authority\u003c\/h3\u003e\n \u003cp\u003eMinimal power portrait. Paired, they create a sophisticated dialogue about presence, restraint, and the eloquence of silence in luxury spaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta fade-in\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp class=\"serif-accent\"\u003eDiscover more timeless pieces from the Emotional Figurative Collection\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cp\u003eMaison Noir Reverie is created for environments where luxury whispers. This piece finds its home in spaces that understand the power of restraint and the eloquence of cultivated presence.\u003c\/p\u003e\n \n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"space-tag\"\u003eExecutive Penthouses\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eFive-Star Residences\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eLuxury Cruise Suites\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eBoutique Hotel Lounges\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePrivate Collector Galleries\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eGrand Hôtel Suites\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003ch3\u003eTrusted by the World's Most Prestigious Brands\u003c\/h3\u003e\n \u003cdiv class=\"brand-logos\"\u003e\n \u003cspan\u003eAman\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eFour Seasons\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eSt. Regis\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta fade-in\"\u003e\n \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n \u003cp\u003eElegance never announces itself. Make it yours.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Maison%20Noir%20Reverie%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact the Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 0.8rem;\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n \/\/ Fade in on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46077014311077,"sku":"2518107_16039","price":9164.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46077014343845,"sku":"2518107_16045","price":9164.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46077014376613,"sku":"2518107_15700","price":9164.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/511FEF21-E4B5-485F-9C87-862CC54AFAD6.png?v=1764776869"},{"product_id":"veiled-allure","title":"Eternal Silhouette — Noir Elegance in Motion","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eVeiled Allure — Luxury Black \u0026amp; White Feminine Wall Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A refined black and white portrait artwork created for luxury interiors, yachts, boutique hotels, and collectors. Museum-grade limited edition.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --accent-color: #d4af7a;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --border-color: rgba(212, 175, 122, 0.2);\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n h1, h2, h3 {\n font-family: 'Playfair Display', serif;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n .serif-accent {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 300;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n border-bottom: 1px solid var(--border-color);\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 400;\n letter-spacing: 2px;\n color: var(--accent-color);\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n overflow: hidden;\n padding-top: 80px;\n }\n\n .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(ellipse at center, rgba(212, 175, 122, 0.08) 0%, rgba(10, 10, 10, 1) 70%);\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.7; }\n }\n\n .veil-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n .veil-particle {\n position: absolute;\n width: 2px;\n height: 2px;\n background: var(--accent-color);\n border-radius: 50%;\n opacity: 0;\n animation: veilFloat 15s ease-in-out infinite;\n }\n\n .veil-particle:nth-child(1) { left: 15%; animation-delay: 0s; }\n .veil-particle:nth-child(2) { left: 35%; animation-delay: 3s; }\n .veil-particle:nth-child(3) { left: 55%; animation-delay: 6s; }\n .veil-particle:nth-child(4) { left: 75%; animation-delay: 9s; }\n .veil-particle:nth-child(5) { left: 85%; animation-delay: 12s; }\n\n @keyframes veilFloat {\n 0% { top: 100%; opacity: 0; }\n 10% { opacity: 0.3; }\n 50% { opacity: 0.6; }\n 90% { opacity: 0.2; }\n 100% { top: -10%; opacity: 0; }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n padding: 0 2rem;\n animation: fadeInUp 1.5s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.75rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n animation: fadeIn 2s ease-out 0.5s both;\n }\n\n .hero h1 {\n font-size: 5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n letter-spacing: 2px;\n animation: fadeIn 2s ease-out 0.8s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n animation: fadeIn 2s ease-out 1.1s both;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n animation: fadeIn 2s ease-out 1.4s both;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-color);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--primary-bg);\n }\n\n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n text-align: center;\n margin-bottom: 3rem;\n color: var(--text-primary);\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: var(--accent-color);\n margin: 0 auto 4rem;\n }\n\n \/* Video Section *\/\n .video-section {\n background: rgba(212, 175, 122, 0.03);\n padding: 6rem 2rem;\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--border-color);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .description p {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: linear-gradient(135deg, rgba(212, 175, 122, 0.05) 0%, rgba(10, 10, 10, 1) 100%);\n padding: 8rem 2rem;\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .backstory p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .backstory-highlight {\n font-size: 2rem;\n color: var(--accent-color);\n text-align: center;\n margin: 3rem 0;\n font-style: italic;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid var(--border-color);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(212, 175, 122, 0.1);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Edition Stats *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: rgba(212, 175, 122, 0.03);\n border: 1px solid var(--border-color);\n }\n\n .stat {\n text-align: center;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Pairings Section *\/\n .pairings {\n background: rgba(10, 10, 10, 0.8);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n padding: 2rem;\n border: 1px solid var(--border-color);\n text-align: center;\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent-color);\n transform: scale(1.02);\n }\n\n .pairing-card h3 {\n font-size: 1.3rem;\n margin-bottom: 1rem;\n color: var(--accent-color);\n }\n\n .pairing-card p {\n color: var(--text-secondary);\n font-size: 0.95rem;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 6rem 2rem;\n background: linear-gradient(135deg, rgba(212, 175, 122, 0.08) 0%, rgba(10, 10, 10, 1) 100%);\n }\n\n .collection-cta h2 {\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Investment Section *\/\n .investment {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .investment p {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 0.7rem 1.5rem;\n border: 1px solid var(--border-color);\n color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n border-color: var(--accent-color);\n color: var(--accent-color);\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 2rem;\n background: rgba(212, 175, 122, 0.03);\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .brand-strip h3 {\n text-align: center;\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n }\n\n .brand-logos {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 3rem;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--accent-color);\n }\n\n .brand-separator {\n color: var(--border-color);\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 2rem;\n background: radial-gradient(ellipse at center, rgba(212, 175, 122, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n }\n\n .final-cta h2 {\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 2rem;\n border-top: 1px solid var(--border-color);\n text-align: center;\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n footer p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .nav-links {\n display: none;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* Scroll Fade In *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 1s ease, transform 1s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"veil-animation\"\u003e\n \u003cdiv class=\"veil-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"veil-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"veil-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"veil-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"veil-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003ch1\u003eVeiled Allure\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Veiled%20Allure\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/vENBRPL-Ke0?si=RXA2bbMhUJ-A-8tB\" title=\"Veiled Allure - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description fade-in\"\u003e\n \u003cp\u003eSeduction through restraint. A portrait of quiet power and timeless femininity.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eAn homage to classic noir glamour—where mystery is currency and elegance is armor. Rendered in rich monochrome, the sweeping brim of the hat obscures the eyes, directing attention to gesture, posture, and intention.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-highlight\"\u003eSome women command a room without ever revealing their face.\u003c\/p\u003e\n \n \u003cp\u003eVeiled Allure is an homage to classic noir glamour—where mystery is currency and elegance is armor. Rendered in rich monochrome, the sweeping brim of the hat obscures the eyes, directing attention to gesture, posture, and intention.\u003c\/p\u003e\n \n \u003cp\u003eThe sculptural black silhouette contrasts against soft light, creating tension between concealment and confidence.\u003c\/p\u003e\n \n \u003cp\u003eThis piece evokes Old Hollywood, Riviera nights, and private moments aboard superyachts and luxury hotel suites. It speaks to the collector who understands that power need not announce itself.\u003c\/p\u003e\n \n \u003cp\u003eDesigned for refined interiors—boutique hotel lounges, penthouse salons, private yachts, and executive residences—Veiled Allure is not an image.\u003c\/p\u003e\n \n \u003cp class=\"backstory-highlight\"\u003eIt is a presence.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring exclusivity and long-term collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure 100+ years of permanence. Printed with acid-free archival pigment inks on premium fine art paper for exceptional longevity and tonal depth.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eClassic noir portraits maintain strong demand in luxury hospitality and private collections. Timeless aesthetic that transcends trends.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Edition Stats --\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Permanence\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1:1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArtist Consultation\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eCrimson Whisper\u003c\/h3\u003e\n \u003cp\u003eBlack \u0026amp; white portrait with red accent. Together with Veiled Allure, they explore the language of restraint and selective revelation.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eMidnight Poise\u003c\/h3\u003e\n \u003cp\u003eMinimalist feminine silhouette. Paired, they form a collector's trio rooted in mystery, control, and elegant power.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta fade-in\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp class=\"serif-accent\"\u003eDiscover more timeless pieces from the Black \u0026amp; White Luxury Collection\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cp\u003eVeiled Allure is created for environments where silence is intentional and mood is curated with precision. This piece finds its home in spaces that understand the power of restraint.\u003c\/p\u003e\n \n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"space-tag\"\u003eBoutique Hotel Lounges\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePenthouse Salons\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePrivate Yachts\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eExecutive Residences\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eLuxury Galleries\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eSt. Regis Suites\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003ch3\u003eTrusted by the World's Most Prestigious Brands\u003c\/h3\u003e\n \u003cdiv class=\"brand-logos\"\u003e\n \u003cspan\u003eAman\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eFour Seasons\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eSt. Regis\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta fade-in\"\u003e\n \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n \u003cp\u003eMystery is her signature. Make it yours.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Veiled%20Allure%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact the Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 0.8rem;\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n \/\/ Fade in on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46077016703141,"sku":"3667961_16039","price":8274.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46077016735909,"sku":"3667961_16045","price":8274.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46077016768677,"sku":"3667961_15700","price":8274.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/103BD373-B144-4B0B-A729-A7D3066AF7EB.png?v=1764775768"},{"product_id":"framed-canvas-17","title":"Veiled Allure — Noir Elegance in Black \u0026 White","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eVeiled Allure | Luxury Black \u0026amp; White Feminine Wall Art\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A refined black and white portrait artwork created for luxury interiors, yachts, boutique hotels, and collectors. Museum-grade limited edition fine art.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700;800;900\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #141414;\n --accent-ivory: #e8dfd0;\n --soft-shadow: #3a3a3a;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --border-color: #2a2a2a;\n }\n\n body {\n font-family: 'Cormorant Garamond', serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 700;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 1rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-ivory);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1614 100%);\n }\n\n .hero-content {\n text-align: center;\n z-index: 2;\n max-width: 900px;\n padding: 2rem;\n animation: fadeInUp 1.2s ease-out;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-ivory);\n color: var(--accent-ivory);\n font-size: 0.9rem;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n animation: fadeIn 1.5s ease-out;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: 5.5rem;\n font-weight: 400;\n color: var(--accent-ivory);\n margin-bottom: 1rem;\n line-height: 1.1;\n text-shadow: 2px 2px 30px rgba(232, 223, 208, 0.3);\n letter-spacing: 5px;\n }\n\n .hero-tagline {\n font-size: 1.5rem;\n color: var(--text-secondary);\n letter-spacing: 3px;\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .hero-description {\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n line-height: 1.8;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background-color: transparent;\n border: 2px solid var(--accent-ivory);\n color: var(--accent-ivory);\n text-decoration: none;\n font-size: 1.1rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n cursor: pointer;\n font-family: 'Montserrat', sans-serif;\n font-weight: 500;\n }\n\n .cta-button:hover {\n background-color: var(--accent-ivory);\n color: var(--primary-bg);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(232, 223, 208, 0.3);\n }\n\n \/* Noir shadow animations *\/\n .shadow-veil {\n position: absolute;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n .shadow-sweep {\n position: absolute;\n width: 200%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-ivory), transparent);\n opacity: 0.1;\n animation: shadowSweep 15s linear infinite;\n }\n\n .shadow-sweep:nth-child(1) { top: 20%; animation-delay: 0s; }\n .shadow-sweep:nth-child(2) { top: 40%; animation-delay: 5s; }\n .shadow-sweep:nth-child(3) { top: 60%; animation-delay: 10s; }\n .shadow-sweep:nth-child(4) { top: 80%; animation-delay: 7s; }\n\n \/* Spotlight effect *\/\n .spotlight {\n position: absolute;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(232, 223, 208, 0.08), transparent 70%);\n border-radius: 50%;\n animation: spotlightMove 20s ease-in-out infinite;\n pointer-events: none;\n }\n\n .spotlight:nth-child(1) { \n top: -10%; \n right: 10%; \n animation-delay: 0s; \n }\n \n .spotlight:nth-child(2) { \n bottom: -10%; \n left: 10%; \n animation-delay: 10s; \n }\n\n @keyframes shadowSweep {\n 0% { \n transform: translateX(-100%);\n opacity: 0;\n }\n 50% { \n opacity: 0.15;\n }\n 100% { \n transform: translateX(100%);\n opacity: 0;\n }\n }\n\n @keyframes spotlightMove {\n 0%, 100% { \n transform: translate(0, 0) scale(1);\n opacity: 0.4;\n }\n 50% { \n transform: translate(50px, -50px) scale(1.1);\n opacity: 0.6;\n }\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 3rem;\n text-align: center;\n color: var(--accent-ivory);\n font-weight: 400;\n letter-spacing: 2px;\n }\n\n .divider {\n width: 100px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--accent-ivory), transparent);\n margin: 3rem auto;\n }\n\n \/* Video Section *\/\n .video-section {\n background-color: var(--secondary-bg);\n padding: 6rem 2rem;\n }\n\n .video-container {\n max-width: 1000px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--border-color);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-text {\n font-size: 1.3rem;\n line-height: 2;\n color: var(--text-secondary);\n max-width: 800px;\n margin: 0 auto 2rem;\n text-align: center;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: linear-gradient(180deg, var(--primary-bg) 0%, var(--secondary-bg) 100%);\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .backstory-content p {\n font-size: 1.25rem;\n line-height: 2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: left;\n }\n\n .backstory-content p:first-of-type {\n font-size: 1.4rem;\n color: var(--accent-ivory);\n font-style: italic;\n }\n\n .backstory-closing {\n margin-top: 3rem;\n text-align: center;\n font-size: 1.5rem;\n color: var(--text-primary);\n font-weight: 400;\n line-height: 1.8;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid var(--border-color);\n background: rgba(20, 20, 20, 0.5);\n transition: all 0.3s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-ivory);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(232, 223, 208, 0.15);\n }\n\n .feature-icon {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n color: var(--accent-ivory);\n }\n\n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 500;\n }\n\n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n font-size: 1.1rem;\n }\n\n \/* Edition Stats *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: var(--secondary-bg);\n border: 1px solid var(--border-color);\n }\n\n .stat {\n text-align: center;\n padding: 1.5rem;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent-ivory);\n font-weight: 400;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n color: var(--text-secondary);\n font-size: 1rem;\n letter-spacing: 1px;\n }\n\n \/* Pairings Section *\/\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n padding: 2rem;\n border: 1px solid var(--border-color);\n background: var(--secondary-bg);\n transition: all 0.3s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent-ivory);\n transform: translateY(-5px);\n }\n\n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n color: var(--accent-ivory);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n\n .pairing-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n font-size: 1.1rem;\n }\n\n \/* Investment Section *\/\n .investment-section {\n background: linear-gradient(135deg, var(--secondary-bg) 0%, var(--primary-bg) 100%);\n text-align: center;\n }\n\n .target-spaces {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-top: 2rem;\n line-height: 2;\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 2rem;\n background-color: var(--secondary-bg);\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .brand-strip-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .brand-strip h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n letter-spacing: 2px;\n font-weight: 400;\n }\n\n .luxury-brands {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.5rem;\n color: var(--accent-ivory);\n letter-spacing: 3px;\n font-weight: 300;\n }\n\n .luxury-brands span {\n display: inline-block;\n margin: 0 1.5rem;\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 2rem;\n background: var(--primary-bg);\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n margin-bottom: 2rem;\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .final-cta p {\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 2rem;\n background-color: var(--secondary-bg);\n border-top: 1px solid var(--border-color);\n text-align: center;\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n font-size: 1.5rem;\n transition: color 0.3s ease;\n text-decoration: none;\n }\n\n .social-links a:hover {\n color: var(--accent-ivory);\n }\n\n .footer-text {\n color: var(--text-secondary);\n font-size: 1rem;\n letter-spacing: 1px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n\n .hero h1 {\n font-size: 3rem;\n }\n\n .hero-tagline {\n font-size: 1.2rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .luxury-brands span {\n display: block;\n margin: 1rem 0;\n }\n\n .edition-stats {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Smooth scroll *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Parallax effect *\/\n .parallax {\n transform: translateZ(0);\n will-change: transform;\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCOLLECTIONS\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"spotlight\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"spotlight\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"shadow-veil\"\u003e\n \u003cdiv class=\"shadow-sweep\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"shadow-sweep\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"shadow-sweep\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"shadow-sweep\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n \u003ch1\u003eVEILED ALLURE\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003cp class=\"hero-description\"\u003eSeduction through restraint. A portrait of quiet power and timeless femininity.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eExperience the Mystery\u003c\/h2\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/vENBRPL-Ke0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection\u003e\n \u003cp class=\"description-text\"\u003e\n An homage to classic noir glamour—where mystery is currency and elegance is armor. The sweeping brim obscures, the gesture commands, and presence becomes power.\n \u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Story Behind the Art\u003c\/h2\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eSome women command a room without ever revealing their face.\u003c\/p\u003e\n \n \u003cp\u003eVeiled Allure is an homage to classic noir glamour—where mystery is currency and elegance is armor. Rendered in rich monochrome, the sweeping brim of the hat obscures the eyes, directing attention to gesture, posture, and intention. The sculptural black silhouette contrasts against soft light, creating tension between concealment and confidence.\u003c\/p\u003e\n \n \u003cp\u003eThis piece evokes Old Hollywood, Riviera nights, and private moments aboard superyachts and luxury hotel suites. It speaks to the collector who understands that power need not announce itself.\u003c\/p\u003e\n \n \u003cp\u003eDesigned for refined interiors—boutique hotel lounges, penthouse salons, private yachts, and executive residences—Veiled Allure is not an image.\u003c\/p\u003e\n \n \u003cdiv class=\"backstory-closing\"\u003e\n It is a presence.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Features\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring lasting exclusivity and collector value for contemporary noir portraiture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade pigment inks on premium fine art paper ensure exceptional tonal depth, rich blacks, and 100+ year permanence—gallery-ready elegance that endures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◈\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eContemporary noir portraiture maintains strong collector demand, particularly pieces that capture timeless femininity and mystery with cinematic sophistication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEDITION SIZE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYEAR LONGEVITY\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRELEASE YEAR\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eCERTIFIED AUTHENTIC\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eCrimson Whisper\u003c\/h3\u003e\n \u003cp\u003eBlack and white portrait with a single red accent—together they create a powerful dialogue of restraint and passion, perfect for collector walls.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eMidnight Poise\u003c\/h3\u003e\n \u003cp\u003eMinimalist feminine silhouette exploring elegance through shadow—these works form a collector's trio rooted in mystery, control, and timeless sophistication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 3rem;\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eEXPLORE COLLECTION\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n \u003cp class=\"target-spaces\"\u003e\n Boutique Hotel Lounges • Penthouse Salons • Private Yachts • Executive Residences\u003cbr\u003e\n Luxury Gallery Walls • Corporate Executive Suites • High-End Spas • Collector Interiors\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brand Strip --\u003e\n\u003cdiv class=\"brand-strip\"\u003e\n \u003cdiv class=\"brand-strip-content\"\u003e\n \u003ch3\u003eTRUSTED BY PRESTIGIOUS HOSPITALITY BRANDS\u003c\/h3\u003e\n \u003cdiv class=\"luxury-brands\"\u003e\n \u003cspan\u003eAman\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eFour Seasons\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eSt. Regis\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n \u003cp\u003eLimited to 50 editions worldwide. Inquire now to secure this portrait of quiet power and timeless femininity.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.feature-card, .pairing-card, .stat').forEach(el =\u003e {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.8s ease-out';\n observer.observe(el);\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10, 10, 10, 0.98)';\n } else {\n header.style.background = 'rgba(10, 10, 10, 0.95)';\n }\n });\n\n \/\/ Parallax effect for spotlights\n window.addEventListener('scroll', () =\u003e {\n const scrolled = window.pageYOffset;\n const spotlights = document.querySelectorAll('.spotlight');\n spotlights.forEach((spotlight, index) =\u003e {\n const speed = 0.2 + (index * 0.1);\n spotlight.style.transform = `translateY(${scrolled * speed}px)`;\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46077017129125,"sku":"9537793_16039","price":8264.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46077017161893,"sku":"9537793_16045","price":8264.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46077017194661,"sku":"9537793_15700","price":8264.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/D3DEAC84-001F-40BE-95EC-8079D36E54E6.png?v=1764774555"},{"product_id":"morning-reverie","title":"Morning Unsaid — Intimate Figurative Noir","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eMorning Unsaid | Luxury Figurative Wall Art Print\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A quiet, sensual figurative artwork exploring morning light, vulnerability, and elegant restraint. Museum-grade limited edition fine art.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700;800;900\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #141414;\n --accent-ivory: #e8dfd0;\n --soft-charcoal: #4a4a4a;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --border-color: #2a2a2a;\n }\n\n body {\n font-family: 'Cormorant Garamond', serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 700;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 1rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-ivory);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1510 100%);\n }\n\n .hero-content {\n text-align: center;\n z-index: 2;\n max-width: 900px;\n padding: 2rem;\n animation: fadeInUp 1.2s ease-out;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-ivory);\n color: var(--accent-ivory);\n font-size: 0.9rem;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n animation: fadeIn 1.5s ease-out;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: 5rem;\n font-weight: 300;\n color: var(--accent-ivory);\n margin-bottom: 1rem;\n line-height: 1.1;\n text-shadow: 2px 2px 20px rgba(232, 223, 208, 0.2);\n letter-spacing: 3px;\n }\n\n .hero-tagline {\n font-size: 1.5rem;\n color: var(--text-secondary);\n letter-spacing: 3px;\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .hero-description {\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n line-height: 1.8;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background-color: transparent;\n border: 2px solid var(--accent-ivory);\n color: var(--accent-ivory);\n text-decoration: none;\n font-size: 1.1rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n cursor: pointer;\n font-family: 'Montserrat', sans-serif;\n font-weight: 500;\n }\n\n .cta-button:hover {\n background-color: var(--accent-ivory);\n color: var(--primary-bg);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(232, 223, 208, 0.3);\n }\n\n \/* Soft light particles animation *\/\n .light-particle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: radial-gradient(circle, var(--accent-ivory), transparent);\n border-radius: 50%;\n opacity: 0;\n animation: float-gentle 12s ease-in-out infinite;\n }\n\n .light-particle:nth-child(1) { top: 20%; left: 15%; animation-delay: 0s; }\n .light-particle:nth-child(2) { top: 50%; right: 20%; animation-delay: 3s; }\n .light-particle:nth-child(3) { bottom: 30%; left: 25%; animation-delay: 6s; }\n .light-particle:nth-child(4) { top: 70%; right: 30%; animation-delay: 9s; }\n .light-particle:nth-child(5) { top: 35%; left: 40%; animation-delay: 1.5s; }\n .light-particle:nth-child(6) { bottom: 40%; right: 15%; animation-delay: 4.5s; }\n\n \/* Soft glow overlay *\/\n .glow-overlay {\n position: absolute;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(232, 223, 208, 0.08), transparent);\n border-radius: 50%;\n animation: gentle-pulse 8s ease-in-out infinite;\n pointer-events: none;\n }\n\n .glow-overlay:nth-child(1) { top: -20%; left: -10%; }\n .glow-overlay:nth-child(2) { bottom: -20%; right: -10%; animation-delay: 4s; }\n\n @keyframes float-gentle {\n 0%, 100% { \n opacity: 0;\n transform: translateY(0px) scale(1);\n }\n 25% { \n opacity: 0.4;\n transform: translateY(-30px) scale(1.5);\n }\n 50% { \n opacity: 0.7;\n transform: translateY(-60px) scale(1);\n }\n 75% { \n opacity: 0.3;\n transform: translateY(-40px) scale(1.2);\n }\n }\n\n @keyframes gentle-pulse {\n 0%, 100% { \n transform: scale(1);\n opacity: 0.3;\n }\n 50% { \n transform: scale(1.2);\n opacity: 0.5;\n }\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 3rem;\n text-align: center;\n color: var(--accent-ivory);\n font-weight: 400;\n letter-spacing: 2px;\n }\n\n .divider {\n width: 100px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--accent-ivory), transparent);\n margin: 3rem auto;\n }\n\n \/* Video Section *\/\n .video-section {\n background-color: var(--secondary-bg);\n padding: 6rem 2rem;\n }\n\n .video-container {\n max-width: 1000px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--border-color);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-text {\n font-size: 1.3rem;\n line-height: 2;\n color: var(--text-secondary);\n max-width: 800px;\n margin: 0 auto 2rem;\n text-align: center;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: linear-gradient(180deg, var(--primary-bg) 0%, var(--secondary-bg) 100%);\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .backstory-content p {\n font-size: 1.25rem;\n line-height: 2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: left;\n }\n\n .backstory-content p:first-of-type {\n font-size: 1.4rem;\n color: var(--accent-ivory);\n font-style: italic;\n }\n\n .backstory-closing {\n margin-top: 3rem;\n text-align: center;\n font-size: 1.3rem;\n color: var(--accent-ivory);\n font-style: italic;\n line-height: 1.8;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid var(--border-color);\n background: rgba(20, 20, 20, 0.5);\n transition: all 0.3s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-ivory);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(232, 223, 208, 0.15);\n }\n\n .feature-icon {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n color: var(--accent-ivory);\n }\n\n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 500;\n }\n\n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n font-size: 1.1rem;\n }\n\n \/* Edition Stats *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: var(--secondary-bg);\n border: 1px solid var(--border-color);\n }\n\n .stat {\n text-align: center;\n padding: 1.5rem;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent-ivory);\n font-weight: 400;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n color: var(--text-secondary);\n font-size: 1rem;\n letter-spacing: 1px;\n }\n\n \/* Pairings Section *\/\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n padding: 2rem;\n border: 1px solid var(--border-color);\n background: var(--secondary-bg);\n transition: all 0.3s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent-ivory);\n transform: translateY(-5px);\n }\n\n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n color: var(--accent-ivory);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n\n .pairing-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n font-size: 1.1rem;\n }\n\n \/* Investment Section *\/\n .investment-section {\n background: linear-gradient(135deg, var(--secondary-bg) 0%, var(--primary-bg) 100%);\n text-align: center;\n }\n\n .target-spaces {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-top: 2rem;\n line-height: 2;\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 2rem;\n background-color: var(--secondary-bg);\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .brand-strip-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .brand-strip h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n letter-spacing: 2px;\n font-weight: 400;\n }\n\n .luxury-brands {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.5rem;\n color: var(--accent-ivory);\n letter-spacing: 3px;\n font-weight: 300;\n }\n\n .luxury-brands span {\n display: inline-block;\n margin: 0 1.5rem;\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 2rem;\n background: var(--primary-bg);\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n margin-bottom: 2rem;\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .final-cta p {\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 2rem;\n background-color: var(--secondary-bg);\n border-top: 1px solid var(--border-color);\n text-align: center;\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n font-size: 1.5rem;\n transition: color 0.3s ease;\n text-decoration: none;\n }\n\n .social-links a:hover {\n color: var(--accent-ivory);\n }\n\n .footer-text {\n color: var(--text-secondary);\n font-size: 1rem;\n letter-spacing: 1px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n\n .hero h1 {\n font-size: 3rem;\n }\n\n .hero-tagline {\n font-size: 1.2rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .luxury-brands span {\n display: block;\n margin: 1rem 0;\n }\n\n .edition-stats {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Smooth scroll *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Parallax effect *\/\n .parallax {\n transform: translateZ(0);\n will-change: transform;\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCOLLECTIONS\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"glow-overlay\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"glow-overlay\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n \u003ch1\u003eMORNING UNSAID\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003cp class=\"hero-description\"\u003eA quiet moment of freedom, vulnerability, and awakening—captured in restrained monochrome elegance.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eExperience the Intimacy\u003c\/h2\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/tdatTgwRF4w\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection\u003e\n \u003cp class=\"description-text\"\u003e\n A cinematic study of morning light and unguarded movement—where sensuality lives in restraint, and elegance is found in what remains unsaid.\n \u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Story Behind the Art\u003c\/h2\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eThere is a private moment that exists just before the world arrives.\u003c\/p\u003e\n \n \u003cp\u003eMorning light spills softly through glass. The body stretches instinctively. No performance. No audience. Only breath, skin, and silence.\u003c\/p\u003e\n \n \u003cp\u003eMorning Unsaid captures that moment.\u003c\/p\u003e\n \n \u003cp\u003eRendered in delicate monochrome with painterly restraint, this figurative work carries sensuality without spectacle—intimate, feminine, and quietly powerful. The blurred edges and minimal palette invite the viewer to feel rather than inspect, making this piece ideal for refined interiors where art is meant to be lived with, not announced.\u003c\/p\u003e\n \n \u003cp\u003eDesigned for luxury residences, boutique hotel corridors, private entrances, gallery stairwells, and hospitality suites, this work evokes elegance through absence—what is not shown is just as important as what is.\u003c\/p\u003e\n \n \u003cdiv class=\"backstory-closing\"\u003e\n This is a study in presence.\u003cbr\u003e\n Unposed.\u003cbr\u003e\n Unfiltered.\u003cbr\u003e\n Unsaid.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Features\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring lasting exclusivity and collector value for intimate figurative works.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade pigment inks on premium fine art paper ensure exceptional tonal depth and 100+ year longevity—preserving every subtle gradation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◈\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eContemporary figurative art with quiet luxury appeal maintains strong demand among collectors seeking intimate, sophisticated works with timeless elegance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEDITION SIZE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYEAR LONGEVITY\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRELEASE YEAR\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eCERTIFIED AUTHENTIC\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eStillness After Dark\u003c\/h3\u003e\n \u003cp\u003eIntimate seated figure exploring contemplation and quiet strength—together they create a cohesive narrative of feminine vulnerability and power.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eBare Silence\u003c\/h3\u003e\n \u003cp\u003eMinimalist nude abstract celebrating form through restraint—these works complement each other through shared themes of elegance and unspoken beauty.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 3rem;\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eEXPLORE COLLECTION\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Refined Spaces\u003c\/h2\u003e\n \u003cp class=\"target-spaces\"\u003e\n Luxury Residences • Boutique Hotel Corridors • Private Entrances • Gallery Stairwells\u003cbr\u003e\n Hospitality Suites • Executive Retreats • Collector Galleries • Intimate Lounges\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brand Strip --\u003e\n\u003cdiv class=\"brand-strip\"\u003e\n \u003cdiv class=\"brand-strip-content\"\u003e\n \u003ch3\u003eTRUSTED BY PRESTIGIOUS HOSPITALITY BRANDS\u003c\/h3\u003e\n \u003cdiv class=\"luxury-brands\"\u003e\n \u003cspan\u003eAman\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eFour Seasons\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eSt. Regis\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n \u003cp\u003eLimited to 50 editions worldwide. Inquire now to secure this intimate study of morning light and unguarded beauty.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.feature-card, .pairing-card, .stat').forEach(el =\u003e {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.8s ease-out';\n observer.observe(el);\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10, 10, 10, 0.98)';\n } else {\n header.style.background = 'rgba(10, 10, 10, 0.95)';\n }\n });\n\n \/\/ Parallax effect for glow overlays\n window.addEventListener('scroll', () =\u003e {\n const scrolled = window.pageYOffset;\n const glows = document.querySelectorAll('.glow-overlay');\n glows.forEach((glow, index) =\u003e {\n const speed = 0.3 + (index * 0.1);\n glow.style.transform = `translateY(${scrolled * speed}px)`;\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46077020373157,"sku":"2197970_16039","price":9414.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46077020405925,"sku":"2197970_16045","price":9414.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46077020438693,"sku":"2197970_15700","price":9414.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/77541667-2626-49C3-86C4-6412DC87F684.png?v=1764772475"},{"product_id":"jazz-nights","title":"Jazz Nights — New Orleans Vintage Fine Art Poster","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eNew Orleans Jazz Nights | Luxury Vintage Travel Art Print\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A cinematic New Orleans jazz travel poster capturing lamplit streets, music, and timeless Southern elegance. Museum-grade limited edition fine art.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700;800;900\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #141414;\n --accent-gold: #c9a227;\n --warm-amber: #d4a574;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --border-color: #2a2a2a;\n }\n\n body {\n font-family: 'Cormorant Garamond', serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 700;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 1rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-gold);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1410 100%);\n }\n\n .hero-content {\n text-align: center;\n z-index: 2;\n max-width: 900px;\n padding: 2rem;\n animation: fadeInUp 1.2s ease-out;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-gold);\n color: var(--accent-gold);\n font-size: 0.9rem;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n animation: fadeIn 1.5s ease-out;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: 5rem;\n font-weight: 800;\n color: var(--accent-gold);\n margin-bottom: 1rem;\n line-height: 1.1;\n text-shadow: 2px 2px 20px rgba(201, 162, 39, 0.3);\n }\n\n .hero-tagline {\n font-size: 1.5rem;\n color: var(--text-secondary);\n letter-spacing: 3px;\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .hero-description {\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n line-height: 1.8;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background-color: transparent;\n border: 2px solid var(--accent-gold);\n color: var(--accent-gold);\n text-decoration: none;\n font-size: 1.1rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n cursor: pointer;\n font-family: 'Montserrat', sans-serif;\n font-weight: 500;\n }\n\n .cta-button:hover {\n background-color: var(--accent-gold);\n color: var(--primary-bg);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(201, 162, 39, 0.3);\n }\n\n \/* Lantern animation *\/\n .lantern {\n position: absolute;\n width: 60px;\n height: 80px;\n animation: float 8s ease-in-out infinite;\n opacity: 0.6;\n }\n\n .lantern::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, var(--accent-gold), transparent);\n filter: blur(20px);\n animation: glow 3s ease-in-out infinite;\n }\n\n .lantern:nth-child(1) { top: 15%; left: 10%; animation-delay: 0s; }\n .lantern:nth-child(2) { top: 60%; right: 15%; animation-delay: 2s; }\n .lantern:nth-child(3) { bottom: 20%; left: 20%; animation-delay: 4s; }\n .lantern:nth-child(4) { top: 40%; right: 25%; animation-delay: 6s; }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n }\n\n @keyframes glow {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.8; }\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* Section Styles *\/\n section {\n padding: 6rem 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 3rem;\n text-align: center;\n color: var(--accent-gold);\n font-weight: 700;\n }\n\n .divider {\n width: 100px;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n margin: 3rem auto;\n }\n\n \/* Video Section *\/\n .video-section {\n background-color: var(--secondary-bg);\n padding: 6rem 2rem;\n }\n\n .video-container {\n max-width: 1000px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--border-color);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-text {\n font-size: 1.3rem;\n line-height: 2;\n color: var(--text-secondary);\n max-width: 800px;\n margin: 0 auto 2rem;\n text-align: center;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: linear-gradient(180deg, var(--primary-bg) 0%, var(--secondary-bg) 100%);\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .backstory-content p {\n font-size: 1.25rem;\n line-height: 2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: left;\n }\n\n .backstory-content p:first-of-type {\n font-size: 1.4rem;\n color: var(--accent-gold);\n font-style: italic;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid var(--border-color);\n background: rgba(20, 20, 20, 0.5);\n transition: all 0.3s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(201, 162, 39, 0.2);\n }\n\n .feature-icon {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n color: var(--accent-gold);\n }\n\n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n font-size: 1.1rem;\n }\n\n \/* Edition Stats *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: var(--secondary-bg);\n border: 1px solid var(--border-color);\n }\n\n .stat {\n text-align: center;\n padding: 1.5rem;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent-gold);\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n color: var(--text-secondary);\n font-size: 1rem;\n letter-spacing: 1px;\n }\n\n \/* Pairings Section *\/\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n padding: 2rem;\n border: 1px solid var(--border-color);\n background: var(--secondary-bg);\n transition: all 0.3s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent-gold);\n transform: translateY(-5px);\n }\n\n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n color: var(--accent-gold);\n margin-bottom: 1rem;\n }\n\n .pairing-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n font-size: 1.1rem;\n }\n\n \/* Investment Section *\/\n .investment-section {\n background: linear-gradient(135deg, var(--secondary-bg) 0%, var(--primary-bg) 100%);\n text-align: center;\n }\n\n .target-spaces {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-top: 2rem;\n line-height: 2;\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 2rem;\n background-color: var(--secondary-bg);\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .brand-strip-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .brand-strip h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n letter-spacing: 2px;\n font-weight: 400;\n }\n\n .luxury-brands {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.5rem;\n color: var(--accent-gold);\n letter-spacing: 3px;\n font-weight: 300;\n }\n\n .luxury-brands span {\n display: inline-block;\n margin: 0 1.5rem;\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 2rem;\n background: var(--primary-bg);\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n margin-bottom: 2rem;\n color: var(--text-primary);\n }\n\n .final-cta p {\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 2rem;\n background-color: var(--secondary-bg);\n border-top: 1px solid var(--border-color);\n text-align: center;\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n font-size: 1.5rem;\n transition: color 0.3s ease;\n text-decoration: none;\n }\n\n .social-links a:hover {\n color: var(--accent-gold);\n }\n\n .footer-text {\n color: var(--text-secondary);\n font-size: 1rem;\n letter-spacing: 1px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n\n .hero h1 {\n font-size: 3rem;\n }\n\n .hero-tagline {\n font-size: 1.2rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .luxury-brands span {\n display: block;\n margin: 1rem 0;\n }\n\n .edition-stats {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Smooth scroll *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Parallax effect *\/\n .parallax {\n transform: translateZ(0);\n will-change: transform;\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCOLLECTIONS\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"lantern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lantern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lantern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lantern\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n \u003ch1\u003eNEW ORLEANS\u003cbr\u003eJAZZ NIGHTS\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003cp class=\"hero-description\"\u003eA sultry tribute to Old New Orleans—where lamplit streets, jazz rhythms, and midnight stories linger in the air.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eExperience the Atmosphere\u003c\/h2\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/lQpDV1QSS5k\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection\u003e\n \u003cp class=\"description-text\"\u003e\n A cinematic homage to New Orleans after dark—where streetlamps glow amber against wrought iron balconies, jazz rhythms echo through the Quarter, and every shadow hums with music and history.\n \u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Story Behind the Art\u003c\/h2\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eThere is a certain hour in New Orleans when the city exhales.\u003c\/p\u003e\n \n \u003cp\u003eStreetlamps glow amber against wrought iron balconies. The pavement still holds the warmth of the day. Somewhere nearby, a trumpet bends a note that feels like memory itself.\u003c\/p\u003e\n \n \u003cp\u003eNew Orleans Jazz Nights is a cinematic homage to that hour. Rendered in deep nocturnal tones with warm golden light, this piece channels vintage Art Deco travel posters while preserving a timeless, modern gravity. It is equal parts romance and mystery—an invitation into the French Quarter after dark, where every shadow hums with music and history.\u003c\/p\u003e\n \n \u003cp\u003eThis artwork was curated for refined interiors that celebrate culture, travel, and storytelling. Perfect for boutique hotels, upscale residences, stairwell galleries, executive lounges, and hospitality spaces seeking atmosphere over ornament.\u003c\/p\u003e\n \n \u003cp\u003eThis is not décor. It is place memory—elevated.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Features\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring lasting exclusivity and collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade pigment inks on premium fine art paper ensure 100+ year longevity without fading—gallery-ready from day one.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◈\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eVintage travel art maintains strong collector demand. This piece combines nostalgic storytelling with timeless luxury market appeal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEDITION SIZE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYEAR LONGEVITY\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRELEASE YEAR\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eCERTIFIED AUTHENTIC\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eParis After Dark\u003c\/h3\u003e\n \u003cp\u003eEuropean noir cityscape capturing the romantic mystery of Parisian nights—perfect companion for a global travel gallery.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eMidnight Streets\u003c\/h3\u003e\n \u003cp\u003eUrban shadow abstract evoking atmospheric city nights—together they create a refined travel-forward gallery wall.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 3rem;\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/grand-scale-statement-pieces\" class=\"cta-button\"\u003eEXPLORE COLLECTION\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n \u003cp class=\"target-spaces\"\u003e\n Boutique Hotels • Upscale Residences • Stairwell Galleries • Executive Lounges\u003cbr\u003e\n Hospitality Spaces • Cultural Clubs • Private Collections • Museum-Forward Interiors\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brand Strip --\u003e\n\u003cdiv class=\"brand-strip\"\u003e\n \u003cdiv class=\"brand-strip-content\"\u003e\n \u003ch3\u003eTRUSTED BY PRESTIGIOUS HOSPITALITY BRANDS\u003c\/h3\u003e\n \u003cdiv class=\"luxury-brands\"\u003e\n \u003cspan\u003eAman\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eFour Seasons\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eSt. Regis\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n \u003cp\u003eLimited to 50 editions worldwide. Inquire now to secure your piece of New Orleans after dark.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.feature-card, .pairing-card, .stat').forEach(el =\u003e {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.8s ease-out';\n observer.observe(el);\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10, 10, 10, 0.98)';\n } else {\n header.style.background = 'rgba(10, 10, 10, 0.95)';\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46081393262757,"sku":"3262126_16039","price":7174.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/C2E01EBA-0969-4BE7-A463-B73686258FE9.png?v=1764771709"},{"product_id":"predator-s-gaze","title":"Predatory Silence — Black \u0026 White Leopard Gaze","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003ePredatory Silence | Luxury Leopard Wall Art by Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A limited edition black and white leopard artwork symbolizing power, restraint, and authority. Museum-grade luxury art.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #111111;\n --accent-color: #b0b0b0;\n --accent-hover: #c8c8c8;\n --text-primary: #ffffff;\n --text-secondary: #a0a0a0;\n --text-muted: #707070;\n --divider-color: rgba(176, 176, 176, 0.3);\n --silver-overlay: rgba(176, 176, 176, 0.03);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header Styles *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n padding: 1.5rem 5%;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n nav ul {\n list-style: none;\n display: flex;\n gap: 2.5rem;\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n nav a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n background: linear-gradient(135deg, #0a0a0a 0%, #151515 100%);\n }\n\n .hero-content {\n max-width: 1200px;\n text-align: center;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.85rem;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n animation: fadeIn 1s ease-out 0.3s both;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n animation: fadeInUp 1s ease-out 0.5s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n animation: fadeIn 1s ease-out 0.7s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background-color: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n animation: fadeInUp 1s ease-out 0.9s both;\n }\n\n .cta-button:hover {\n background-color: var(--accent-color);\n color: var(--primary-bg);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(176, 176, 176, 0.2);\n }\n\n \/* Watchful gaze animation for predatory mood *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 45% 45%, rgba(255, 255, 255, 0.02) 0%, transparent 50%),\n radial-gradient(circle at 55% 60%, rgba(0, 0, 0, 0.5) 0%, transparent 60%);\n animation: watchfulGaze 14s ease-in-out infinite;\n pointer-events: none;\n }\n\n \/* Video Section *\/\n .video-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 400;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background-color: var(--accent-color);\n margin: 2rem auto;\n }\n\n .description-text {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n \/* Features Grid *\/\n .features-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .features-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.4s ease;\n background: linear-gradient(135deg, var(--silver-overlay) 0%, transparent 100%);\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(176, 176, 176, 0.15);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .feature-text {\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Stats Grid *\/\n .stats-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .stats-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n }\n\n .stat-card {\n text-align: center;\n padding: 2.5rem 1.5rem;\n background: linear-gradient(135deg, rgba(176, 176, 176, 0.03) 0%, transparent 100%);\n border: 1px solid rgba(176, 176, 176, 0.15);\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n\n \/* Pairings Section *\/\n .pairings-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .pairings-grid {\n max-width: 1000px;\n margin: 3rem auto 0;\n display: grid;\n gap: 2rem;\n }\n\n .pairing-item {\n padding: 2rem;\n border-left: 2px solid var(--accent-color);\n background: linear-gradient(90deg, rgba(176, 176, 176, 0.03) 0%, transparent 100%);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n font-style: italic;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n padding: 6rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #151515 100%);\n text-align: center;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 1.5rem;\n }\n\n .collection-cta p {\n color: var(--text-secondary);\n font-size: 1.2rem;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin: 3rem 0;\n }\n\n .space-tag {\n padding: 0.75rem 1.5rem;\n border: 1px solid rgba(176, 176, 176, 0.3);\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n background: linear-gradient(135deg, var(--silver-overlay) 0%, transparent 100%);\n }\n\n \/* Luxury Brands *\/\n .brands-section {\n padding: 4rem 5%;\n background-color: var(--secondary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .brands-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .brands-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n color: var(--text-muted);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .brands-list {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n letter-spacing: 2px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #151515 100%);\n text-align: center;\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n background-color: var(--primary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .footer-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n letter-spacing: 2px;\n }\n\n .social-links {\n display: flex;\n gap: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n .copyright {\n width: 100%;\n text-align: center;\n margin-top: 2rem;\n color: var(--text-muted);\n font-size: 0.85rem;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes watchfulGaze {\n 0%, 100% {\n opacity: 0.8;\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n transform: scale(1.02);\n }\n }\n\n \/* Scroll reveal animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n header {\n padding: 1rem 5%;\n }\n\n nav ul {\n gap: 1.5rem;\n }\n\n nav a {\n font-size: 0.8rem;\n }\n\n .hero {\n padding: 6rem 5% 3rem;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .tagline {\n font-size: 1.2rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .target-spaces {\n gap: 1rem;\n }\n\n .space-tag {\n padding: 0.5rem 1rem;\n font-size: 0.8rem;\n }\n\n .footer-content {\n flex-direction: column;\n text-align: center;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRY\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n \u003ch1\u003ePredatory Silence\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/5N_XyBufXxA\" title=\"Predatory Silence - Luxury Leopard Wall Art\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\" id=\"about\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eInstinctive Authority\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n A powerful monochrome study of instinct, elegance, and control—Predatory Silence captures strength without noise.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003ePresence Without Announcement\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"backstory-text\"\u003e\n Some presence is not announced.\u003cbr\u003e\n It is felt.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Predatory Silence is an intimate, commanding portrait of the wild refined into discipline. Cropped close, stripped of distraction, the leopard's gaze becomes the entire composition—watchful, patient, sovereign. Every stroke is intentional. Every shadow carries tension.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This piece explores dominance without aggression. The eye does not chase—it waits. It understands timing, restraint, inevitability. Rendered in black and white, the absence of color heightens authority, making this work ideal for interiors that demand focus and gravitas.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Designed for spaces where power is instinctive rather than displayed: executive offices, modern penthouses, boutique hotel corridors, private studies, and curated gallery walls.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This is not animal art.\u003cbr\u003e\n It is leadership psychology in visual form.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"features\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and lasting value for collectors who appreciate symbolic power.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed using pigment-based archival inks on premium fine art substrates for exceptional tonal depth and dramatic presence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eWildlife art with symbolic resonance maintains strong appeal among discerning collectors. This piece represents both aesthetic authority and thoughtful portfolio diversification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Stats Section --\u003e\n\u003csection class=\"stats-section\"\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYears Archival\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArtist Studio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Predatory Silence pairs beautifully with complementary works for environments of vigilance and authority.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSilent Monolith\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eMinimalist black abstract\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eGolden Current\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eControlled-motion executive abstract\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n \u003cp class=\"description-text\" style=\"font-style: italic;\"\u003e\n Together, these works shape an environment of vigilance, authority, and quiet confidence.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more refined monochrome works and powerful portraits from the Black \u0026amp; White Luxury Collection.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Designed for spaces where power is instinctive rather than displayed.\n \u003c\/p\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Offices\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eModern Penthouses\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotel Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Studies\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eCurated Gallery Walls\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eLeadership Spaces\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"brands-section\"\u003e\n \u003cdiv class=\"brands-content reveal\"\u003e\n \u003cp class=\"brands-label\"\u003eSelected for luxury hospitality environments\u003c\/p\u003e\n \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003eLimited to 50 collectors worldwide. Reserve your numbered edition of instinctive authority.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Predatory%20Silence%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\/\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eGALLERY\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCONTACT\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"copyright\"\u003e\n © 2025 Kasian Art Studio. All rights reserved. Limited Edition Fine Art.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Reveal Script --\u003e\n\u003cscript\u003e\n \/\/ Scroll reveal animation\n function reveal() {\n const reveals = document.querySelectorAll('.reveal');\n \n reveals.forEach(element =\u003e {\n const windowHeight = window.innerHeight;\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n element.classList.add('active');\n }\n });\n }\n\n window.addEventListener('scroll', reveal);\n reveal(); \/\/ Check on load\n\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46081393787045,"sku":"5706087_16039","price":8274.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/2B23D26D-AFFA-4CEF-8468-CEFEA8C16412.png?v=1764731419"},{"product_id":"ember-ascension","title":"Golden Current — Executive Abstract in Ember \u0026 Night","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGolden Current | Luxury Executive Abstract by Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A limited edition luxury abstract artwork designed for executive offices and refined interiors. Museum-grade, timeless power.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #111111;\n --accent-color: #c9862e;\n --accent-hover: #d99640;\n --text-primary: #ffffff;\n --text-secondary: #a0a0a0;\n --text-muted: #707070;\n --divider-color: rgba(201, 134, 46, 0.3);\n --amber-overlay: rgba(201, 134, 46, 0.05);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header Styles *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n padding: 1.5rem 5%;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n nav ul {\n list-style: none;\n display: flex;\n gap: 2.5rem;\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n nav a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a120a 100%);\n }\n\n .hero-content {\n max-width: 1200px;\n text-align: center;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.85rem;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n animation: fadeIn 1s ease-out 0.3s both;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n animation: fadeInUp 1s ease-out 0.5s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n animation: fadeIn 1s ease-out 0.7s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background-color: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n animation: fadeInUp 1s ease-out 0.9s both;\n }\n\n .cta-button:hover {\n background-color: var(--accent-color);\n color: var(--primary-bg);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(201, 134, 46, 0.3);\n }\n\n \/* Controlled flow animation for executive mood *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 40% 30%, rgba(201, 134, 46, 0.08) 0%, transparent 60%),\n radial-gradient(circle at 60% 70%, rgba(201, 134, 46, 0.05) 0%, transparent 50%);\n animation: controlledFlow 18s ease-in-out infinite;\n pointer-events: none;\n }\n\n \/* Video Section *\/\n .video-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 400;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background-color: var(--accent-color);\n margin: 2rem auto;\n }\n\n .description-text {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n \/* Features Grid *\/\n .features-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .features-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.4s ease;\n background: linear-gradient(135deg, var(--amber-overlay) 0%, transparent 100%);\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(201, 134, 46, 0.2);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .feature-text {\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Stats Grid *\/\n .stats-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .stats-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n }\n\n .stat-card {\n text-align: center;\n padding: 2.5rem 1.5rem;\n background: linear-gradient(135deg, rgba(201, 134, 46, 0.05) 0%, transparent 100%);\n border: 1px solid rgba(201, 134, 46, 0.2);\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n\n \/* Pairings Section *\/\n .pairings-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .pairings-grid {\n max-width: 1000px;\n margin: 3rem auto 0;\n display: grid;\n gap: 2rem;\n }\n\n .pairing-item {\n padding: 2rem;\n border-left: 2px solid var(--accent-color);\n background: linear-gradient(90deg, rgba(201, 134, 46, 0.05) 0%, transparent 100%);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n font-style: italic;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n padding: 6rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a120a 100%);\n text-align: center;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 1.5rem;\n }\n\n .collection-cta p {\n color: var(--text-secondary);\n font-size: 1.2rem;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin: 3rem 0;\n }\n\n .space-tag {\n padding: 0.75rem 1.5rem;\n border: 1px solid rgba(201, 134, 46, 0.3);\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n background: linear-gradient(135deg, var(--amber-overlay) 0%, transparent 100%);\n }\n\n \/* Luxury Brands *\/\n .brands-section {\n padding: 4rem 5%;\n background-color: var(--secondary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .brands-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .brands-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n color: var(--text-muted);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .brands-list {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n letter-spacing: 2px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a120a 100%);\n text-align: center;\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n background-color: var(--primary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .footer-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n letter-spacing: 2px;\n }\n\n .social-links {\n display: flex;\n gap: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n .copyright {\n width: 100%;\n text-align: center;\n margin-top: 2rem;\n color: var(--text-muted);\n font-size: 0.85rem;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes controlledFlow {\n 0%, 100% {\n opacity: 0.7;\n transform: translateY(0) scale(1);\n }\n 50% {\n opacity: 1;\n transform: translateY(-15px) scale(1.03);\n }\n }\n\n \/* Scroll reveal animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n header {\n padding: 1rem 5%;\n }\n\n nav ul {\n gap: 1.5rem;\n }\n\n nav a {\n font-size: 0.8rem;\n }\n\n .hero {\n padding: 6rem 5% 3rem;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .tagline {\n font-size: 1.2rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .target-spaces {\n gap: 1rem;\n }\n\n .space-tag {\n padding: 0.5rem 1rem;\n font-size: 0.8rem;\n }\n\n .footer-content {\n flex-direction: column;\n text-align: center;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRY\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n \u003ch1\u003eGolden Current\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/-SFz17oAYiA\" title=\"Golden Current - Luxury Executive Abstract\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\" id=\"about\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eRestrained Power\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n A sculptural abstract of power and restraint—Golden Current evokes controlled motion, wealth, and quiet authority.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eControlled Motion\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"backstory-text\"\u003e\n There are spaces that speak softly—and still command the room.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Golden Current is a study in restrained power. Molten amber, burnished gold, and deep nocturne tones move through the composition like controlled breath—never chaotic, never still. The flow is deliberate. Measured. Confident.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This work was composed for environments where influence is exercised quietly: executive offices, private libraries, penthouse studies, boardrooms, and behind-the-scenes corridors of power. It does not perform. It anchors.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n The vertical movement draws the eye upward, reinforcing ambition and legacy. The palette references wealth without excess—gold without polish, depth without darkness. It is architectural art, designed to harmonize with leather, walnut, stone, and shadow.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This is not decorative abstraction.\u003cbr\u003e\n It is directional.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"features\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and investment-grade value for discerning collectors and executives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed using pigment-based archival inks on premium fine art substrates for exceptional depth and tonal richness.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eExecutive abstracts maintain strong appeal among sophisticated collectors and corporate buyers. This piece represents both visual authority and thoughtful portfolio diversification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Stats Section --\u003e\n\u003csection class=\"stats-section\"\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYears Archival\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArtist Studio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Golden Current pairs beautifully with complementary works for executive suites and leadership spaces.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSilent Ledger\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eDeep charcoal minimalist abstract\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eAfter the Vote\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eBlack-dominant architectural study\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n \u003cp class=\"description-text\" style=\"font-style: italic;\"\u003e\n Curated together, these works create a collection ideal for executive suites, private offices, or hospitality boardrooms.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more atmospheric abstracts and architectural works from the Abstract Atmospheric Collection.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Designed for environments where influence is exercised quietly.\n \u003c\/p\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Offices\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Libraries\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePenthouse Studies\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoardrooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eLeadership Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eCorporate Suites\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"brands-section\"\u003e\n \u003cdiv class=\"brands-content reveal\"\u003e\n \u003cp class=\"brands-label\"\u003eSelected for luxury hospitality environments\u003c\/p\u003e\n \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003eLimited to 50 collectors worldwide. Reserve your numbered edition of executive authority.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Golden%20Current%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\/\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eGALLERY\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCONTACT\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"copyright\"\u003e\n © 2025 Kasian Art Studio. All rights reserved. Limited Edition Fine Art.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Reveal Script --\u003e\n\u003cscript\u003e\n \/\/ Scroll reveal animation\n function reveal() {\n const reveals = document.querySelectorAll('.reveal');\n \n reveals.forEach(element =\u003e {\n const windowHeight = window.innerHeight;\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n element.classList.add('active');\n }\n });\n }\n\n window.addEventListener('scroll', reveal);\n reveal(); \/\/ Check on load\n\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46081396179109,"sku":"5816227_16039","price":10164.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/104080E6-E410-4E5C-8D01-942336233FC9.png?v=1764729985"},{"product_id":"veiled-in-silence","title":"Quiet Surrender — Sculptural Figure in Shadow \u0026 Light","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eQuiet Surrender | Luxury Figurative Fine Art by Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A limited edition monochrome figure artwork exploring form, vulnerability, and restraint. Designed for luxury architectural interiors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #111111;\n --accent-color: #b8b8b8;\n --accent-hover: #d0d0d0;\n --text-primary: #ffffff;\n --text-secondary: #a0a0a0;\n --text-muted: #707070;\n --divider-color: rgba(184, 184, 184, 0.3);\n --graphite-overlay: rgba(184, 184, 184, 0.03);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header Styles *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n padding: 1.5rem 5%;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n nav ul {\n list-style: none;\n display: flex;\n gap: 2.5rem;\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n nav a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n background: linear-gradient(135deg, #0a0a0a 0%, #151515 100%);\n }\n\n .hero-content {\n max-width: 1200px;\n text-align: center;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.85rem;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n animation: fadeIn 1s ease-out 0.3s both;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n animation: fadeInUp 1s ease-out 0.5s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n animation: fadeIn 1s ease-out 0.7s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background-color: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n animation: fadeInUp 1s ease-out 0.9s both;\n }\n\n .cta-button:hover {\n background-color: var(--accent-color);\n color: var(--primary-bg);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(184, 184, 184, 0.2);\n }\n\n \/* Subtle shadow shift animation for sculptural mood *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.02) 0%, transparent 60%),\n radial-gradient(circle at 60% 70%, rgba(0, 0, 0, 0.4) 0%, transparent 50%);\n animation: shadowShift 16s ease-in-out infinite;\n pointer-events: none;\n }\n\n \/* Video Section *\/\n .video-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 400;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background-color: var(--accent-color);\n margin: 2rem auto;\n }\n\n .description-text {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n \/* Features Grid *\/\n .features-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .features-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.4s ease;\n background: linear-gradient(135deg, var(--graphite-overlay) 0%, transparent 100%);\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(184, 184, 184, 0.15);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .feature-text {\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Stats Grid *\/\n .stats-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .stats-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n }\n\n .stat-card {\n text-align: center;\n padding: 2.5rem 1.5rem;\n background: linear-gradient(135deg, rgba(184, 184, 184, 0.03) 0%, transparent 100%);\n border: 1px solid rgba(184, 184, 184, 0.15);\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n\n \/* Pairings Section *\/\n .pairings-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .pairings-grid {\n max-width: 1000px;\n margin: 3rem auto 0;\n display: grid;\n gap: 2rem;\n }\n\n .pairing-item {\n padding: 2rem;\n border-left: 2px solid var(--accent-color);\n background: linear-gradient(90deg, rgba(184, 184, 184, 0.03) 0%, transparent 100%);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n font-style: italic;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n padding: 6rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #151515 100%);\n text-align: center;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 1.5rem;\n }\n\n .collection-cta p {\n color: var(--text-secondary);\n font-size: 1.2rem;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin: 3rem 0;\n }\n\n .space-tag {\n padding: 0.75rem 1.5rem;\n border: 1px solid rgba(184, 184, 184, 0.3);\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n background: linear-gradient(135deg, var(--graphite-overlay) 0%, transparent 100%);\n }\n\n \/* Luxury Brands *\/\n .brands-section {\n padding: 4rem 5%;\n background-color: var(--secondary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .brands-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .brands-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n color: var(--text-muted);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .brands-list {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n letter-spacing: 2px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #151515 100%);\n text-align: center;\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n background-color: var(--primary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .footer-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n letter-spacing: 2px;\n }\n\n .social-links {\n display: flex;\n gap: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n .copyright {\n width: 100%;\n text-align: center;\n margin-top: 2rem;\n color: var(--text-muted);\n font-size: 0.85rem;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes shadowShift {\n 0%, 100% {\n opacity: 0.8;\n transform: translateX(0) translateY(0);\n }\n 50% {\n opacity: 1;\n transform: translateX(-10px) translateY(10px);\n }\n }\n\n \/* Scroll reveal animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n header {\n padding: 1rem 5%;\n }\n\n nav ul {\n gap: 1.5rem;\n }\n\n nav a {\n font-size: 0.8rem;\n }\n\n .hero {\n padding: 6rem 5% 3rem;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .tagline {\n font-size: 1.2rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .target-spaces {\n gap: 1rem;\n }\n\n .space-tag {\n padding: 0.5rem 1rem;\n font-size: 0.8rem;\n }\n\n .footer-content {\n flex-direction: column;\n text-align: center;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRY\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n \u003ch1\u003eQuiet Surrender\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/6k8UAC4V5ss\" title=\"Quiet Surrender - Luxury Figurative Fine Art\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\" id=\"about\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eSculptural Gravity\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n A powerful monochrome figure study exploring vulnerability, form, and restraint. Quiet Surrender anchors architectural interiors with emotional gravity.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003ePresence Through Absence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"backstory-text\"\u003e\n Quiet Surrender is an exploration of presence through absence.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n The figure—curled, inward, exposed yet protected—emerges from shadow in soft graphite tones. There is no spectacle here. No ornament. Only form, weight, and psychological stillness. The composition echoes classical sculpture while remaining unmistakably modern, allowing the body to become architecture and emotion to become structure.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Designed for refined stairwells, gallery corridors, private residences, and contemplative luxury spaces, this piece thrives in environments where silence is intentional. Its monochrome palette pairs seamlessly with concrete, limestone, plaster, and minimalist architectural lines—enhancing vertical movement and spatial tension.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This artwork is not meant to decorate.\u003cbr\u003e\n It is meant to be encountered.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"features\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and lasting value for collectors who appreciate emotional depth.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed using pigment-based archival inks on premium fine art substrates for exceptional tonal depth and sculptural presence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eContemplative figurative works maintain enduring appeal among discerning collectors. This piece represents both aesthetic sophistication and thoughtful portfolio diversification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Stats Section --\u003e\n\u003csection class=\"stats-section\"\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYears Archival\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArtist Studio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Quiet Surrender pairs beautifully with complementary works for architectural interiors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eInner Still\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eMinimalist black \u0026amp; white abstract\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSoft Monument\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eTonal architectural form study\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n \u003cp class=\"description-text\" style=\"font-style: italic;\"\u003e\n Paired together, these works create a refined emotional corridor—ideal for staircases, entryways, and gallery-style halls.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more refined monochrome works and elegant portraits from the Black \u0026amp; White Luxury Collection.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Designed for environments where silence is intentional.\n \u003c\/p\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cdiv class=\"space-tag\"\u003eRefined Stairwells\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eGallery Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Residences\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eContemplative Spaces\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eArchitectural Interiors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Entryways\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"brands-section\"\u003e\n \u003cdiv class=\"brands-content reveal\"\u003e\n \u003cp class=\"brands-label\"\u003eSelected for luxury hospitality environments\u003c\/p\u003e\n \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003eLimited to 50 collectors worldwide. Reserve your numbered edition of sculptural stillness.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Quiet%20Surrender%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\/\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eGALLERY\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCONTACT\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"copyright\"\u003e\n © 2025 Kasian Art Studio. All rights reserved. Limited Edition Fine Art.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Reveal Script --\u003e\n\u003cscript\u003e\n \/\/ Scroll reveal animation\n function reveal() {\n const reveals = document.querySelectorAll('.reveal');\n \n reveals.forEach(element =\u003e {\n const windowHeight = window.innerHeight;\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n element.classList.add('active');\n }\n });\n }\n\n window.addEventListener('scroll', reveal);\n reveal(); \/\/ Check on load\n\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46081399259301,"sku":"6686612_16039","price":7764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/097062EE-0651-4EC0-A347-D5778DA788F1.png?v=1764721982"},{"product_id":"eclipsed-horizon","title":"Eclipsed Horizon— Coastal Abstract in Quiet Motion","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGolden Drift | Luxury Coastal Abstract Fine Art by Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A limited edition coastal abstract blending gold and blue in quiet motion. Designed for luxury interiors and hospitality spaces.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #111111;\n --accent-color: #c9a227;\n --accent-hover: #d4b038;\n --text-primary: #ffffff;\n --text-secondary: #a0a0a0;\n --text-muted: #707070;\n --divider-color: rgba(201, 162, 39, 0.3);\n --warm-overlay: rgba(201, 162, 39, 0.05);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header Styles *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n padding: 1.5rem 5%;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n nav ul {\n list-style: none;\n display: flex;\n gap: 2.5rem;\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n nav a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a140f 100%);\n }\n\n .hero-content {\n max-width: 1200px;\n text-align: center;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.85rem;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n animation: fadeIn 1s ease-out 0.3s both;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n animation: fadeInUp 1s ease-out 0.5s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n animation: fadeIn 1s ease-out 0.7s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background-color: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n animation: fadeInUp 1s ease-out 0.9s both;\n }\n\n .cta-button:hover {\n background-color: var(--accent-color);\n color: var(--primary-bg);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(201, 162, 39, 0.3);\n }\n\n \/* Gentle drift animation for coastal mood *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 30% 50%, rgba(201, 162, 39, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(201, 162, 39, 0.04) 0%, transparent 50%);\n animation: gentleDrift 20s ease-in-out infinite;\n pointer-events: none;\n }\n\n \/* Video Section *\/\n .video-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 400;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background-color: var(--accent-color);\n margin: 2rem auto;\n }\n\n .description-text {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n \/* Features Grid *\/\n .features-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .features-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.4s ease;\n background: linear-gradient(135deg, var(--warm-overlay) 0%, transparent 100%);\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(201, 162, 39, 0.2);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .feature-text {\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Stats Grid *\/\n .stats-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .stats-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n }\n\n .stat-card {\n text-align: center;\n padding: 2.5rem 1.5rem;\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.05) 0%, transparent 100%);\n border: 1px solid rgba(201, 162, 39, 0.2);\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n\n \/* Pairings Section *\/\n .pairings-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .pairings-grid {\n max-width: 1000px;\n margin: 3rem auto 0;\n display: grid;\n gap: 2rem;\n }\n\n .pairing-item {\n padding: 2rem;\n border-left: 2px solid var(--accent-color);\n background: linear-gradient(90deg, rgba(201, 162, 39, 0.05) 0%, transparent 100%);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n font-style: italic;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n padding: 6rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a140f 100%);\n text-align: center;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 1.5rem;\n }\n\n .collection-cta p {\n color: var(--text-secondary);\n font-size: 1.2rem;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin: 3rem 0;\n }\n\n .space-tag {\n padding: 0.75rem 1.5rem;\n border: 1px solid rgba(201, 162, 39, 0.3);\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n background: linear-gradient(135deg, var(--warm-overlay) 0%, transparent 100%);\n }\n\n \/* Luxury Brands *\/\n .brands-section {\n padding: 4rem 5%;\n background-color: var(--secondary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .brands-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .brands-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n color: var(--text-muted);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .brands-list {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n letter-spacing: 2px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a140f 100%);\n text-align: center;\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n background-color: var(--primary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .footer-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n letter-spacing: 2px;\n }\n\n .social-links {\n display: flex;\n gap: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n .copyright {\n width: 100%;\n text-align: center;\n margin-top: 2rem;\n color: var(--text-muted);\n font-size: 0.85rem;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes gentleDrift {\n 0%, 100% {\n opacity: 0.7;\n transform: translateX(0) translateY(0);\n }\n 50% {\n opacity: 1;\n transform: translateX(20px) translateY(-15px);\n }\n }\n\n \/* Scroll reveal animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n header {\n padding: 1rem 5%;\n }\n\n nav ul {\n gap: 1.5rem;\n }\n\n nav a {\n font-size: 0.8rem;\n }\n\n .hero {\n padding: 6rem 5% 3rem;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .tagline {\n font-size: 1.2rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .target-spaces {\n gap: 1rem;\n }\n\n .space-tag {\n padding: 0.5rem 1rem;\n font-size: 0.8rem;\n }\n\n .footer-content {\n flex-direction: column;\n text-align: center;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRY\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n \u003ch1\u003eGolden Drift\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/bygkr5KFaDU\" title=\"Golden Drift - Luxury Coastal Abstract Fine Art\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\" id=\"about\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eCoastal Serenity\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n A refined abstract capturing sun-washed horizons and deep water calm. Golden Drift brings quiet luxury to elevated interiors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eAtmosphere Over Form\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"backstory-text\"\u003e\n Golden Drift is an interpretation of atmosphere rather than form.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Soft fields of burnished gold, sand, and muted blue drift across the surface like light over open water—never loud, never still. The composition dissolves edges and invites the viewer into a moment of suspended calm, echoing the sensation of gazing out from a private suite toward an endless horizon.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This piece was created for spaces where serenity must feel intentional: luxury staterooms, boutique hotel lounges, penthouse living areas, and ocean-adjacent residences. Its palette is deliberately restrained—warm without excess, cool without distance—allowing it to harmonize with cream leathers, limestone surfaces, linen drapery, and natural light.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Golden Drift does not dominate a room. It completes it.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n As a limited edition work, it is designed for collectors who value atmosphere, balance, and timeless sophistication over trend-driven abstraction.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"features\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and long-term value for collectors who appreciate atmospheric abstraction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed using pigment-based archival inks on premium fine art substrates for exceptional tonal depth and texture preservation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eCoastal abstracts with refined palettes maintain enduring appeal among sophisticated collectors. This piece represents both aesthetic sophistication and thoughtful portfolio diversification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Stats Section --\u003e\n\u003csection class=\"stats-section\"\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYears Archival\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArtist Studio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Golden Drift pairs beautifully with complementary works for serene, cohesive interiors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eStill Tide\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eMinimal neutral abstraction\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eIvory Horizon\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eTonal texture study\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n \u003cp class=\"description-text\" style=\"font-style: italic;\"\u003e\n Together, these works create a serene coastal narrative suitable for hospitality suites and refined private homes.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more grand-scale statement pieces that anchor elevated spaces with presence and sophistication.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/grand-scale-statement-pieces\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Designed for spaces where serenity must feel intentional.\n \u003c\/p\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Staterooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotel Lounges\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePenthouse Living Areas\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eOcean-Adjacent Residences\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Suites\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eRefined Sanctuaries\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"brands-section\"\u003e\n \u003cdiv class=\"brands-content reveal\"\u003e\n \u003cp class=\"brands-label\"\u003eSelected for luxury hospitality environments\u003c\/p\u003e\n \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003eLimited to 50 collectors worldwide. Reserve your numbered edition of coastal serenity.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Golden%20Drift%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\/\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eGALLERY\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCONTACT\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"copyright\"\u003e\n © 2025 Kasian Art Studio. All rights reserved. Limited Edition Fine Art.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Reveal Script --\u003e\n\u003cscript\u003e\n \/\/ Scroll reveal animation\n function reveal() {\n const reveals = document.querySelectorAll('.reveal');\n \n reveals.forEach(element =\u003e {\n const windowHeight = window.innerHeight;\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n element.classList.add('active');\n }\n });\n }\n\n window.addEventListener('scroll', reveal);\n reveal(); \/\/ Check on load\n\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46081399914661,"sku":"1645359_16039","price":8084.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/49F0C324-DA23-4340-8BB0-5A3CB28FE6D4.png?v=1764721209"},{"product_id":"scarlet-whisper","title":"SCARLET LIPS — Limited Edition Noir Portrait","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eScarlet Whisper | Luxury Noir Fine Art by Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A limited edition noir portrait defined by elegance and restraint. Museum-grade fine art designed for luxury interiors and collectors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #111111;\n --accent-color: #8B0000;\n --accent-hover: #a30000;\n --text-primary: #ffffff;\n --text-secondary: #a0a0a0;\n --text-muted: #707070;\n --divider-color: rgba(139, 0, 0, 0.3);\n --crimson-overlay: rgba(139, 0, 0, 0.05);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header Styles *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n padding: 1.5rem 5%;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n nav ul {\n list-style: none;\n display: flex;\n gap: 2.5rem;\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n nav a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a0a0a 100%);\n }\n\n .hero-content {\n max-width: 1200px;\n text-align: center;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.85rem;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n animation: fadeIn 1s ease-out 0.3s both;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n animation: fadeInUp 1s ease-out 0.5s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n animation: fadeIn 1s ease-out 0.7s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background-color: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n animation: fadeInUp 1s ease-out 0.9s both;\n }\n\n .cta-button:hover {\n background-color: var(--accent-color);\n color: var(--text-primary);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(139, 0, 0, 0.4);\n }\n\n \/* Crimson pulse animation for dramatic mood *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 50% 50%, rgba(139, 0, 0, 0.08) 0%, transparent 60%),\n radial-gradient(circle at 80% 20%, rgba(139, 0, 0, 0.04) 0%, transparent 50%);\n animation: crimsonPulse 12s ease-in-out infinite;\n pointer-events: none;\n }\n\n \/* Video Section *\/\n .video-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 400;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background-color: var(--accent-color);\n margin: 2rem auto;\n }\n\n .description-text {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n \/* Features Grid *\/\n .features-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .features-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.4s ease;\n background: linear-gradient(135deg, var(--crimson-overlay) 0%, transparent 100%);\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(139, 0, 0, 0.3);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .feature-text {\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Stats Grid *\/\n .stats-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .stats-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n }\n\n .stat-card {\n text-align: center;\n padding: 2.5rem 1.5rem;\n background: linear-gradient(135deg, rgba(139, 0, 0, 0.05) 0%, transparent 100%);\n border: 1px solid rgba(139, 0, 0, 0.2);\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n\n \/* Pairings Section *\/\n .pairings-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .pairings-grid {\n max-width: 1000px;\n margin: 3rem auto 0;\n display: grid;\n gap: 2rem;\n }\n\n .pairing-item {\n padding: 2rem;\n border-left: 2px solid var(--accent-color);\n background: linear-gradient(90deg, rgba(139, 0, 0, 0.05) 0%, transparent 100%);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n font-style: italic;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n padding: 6rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a0a0a 100%);\n text-align: center;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 1.5rem;\n }\n\n .collection-cta p {\n color: var(--text-secondary);\n font-size: 1.2rem;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin: 3rem 0;\n }\n\n .space-tag {\n padding: 0.75rem 1.5rem;\n border: 1px solid rgba(139, 0, 0, 0.3);\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n background: linear-gradient(135deg, var(--crimson-overlay) 0%, transparent 100%);\n }\n\n \/* Luxury Brands *\/\n .brands-section {\n padding: 4rem 5%;\n background-color: var(--secondary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .brands-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .brands-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n color: var(--text-muted);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .brands-list {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n letter-spacing: 2px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a0a0a 100%);\n text-align: center;\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n background-color: var(--primary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .footer-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n letter-spacing: 2px;\n }\n\n .social-links {\n display: flex;\n gap: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n .copyright {\n width: 100%;\n text-align: center;\n margin-top: 2rem;\n color: var(--text-muted);\n font-size: 0.85rem;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes crimsonPulse {\n 0%, 100% {\n opacity: 0.6;\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n transform: scale(1.1);\n }\n }\n\n \/* Scroll reveal animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n header {\n padding: 1rem 5%;\n }\n\n nav ul {\n gap: 1.5rem;\n }\n\n nav a {\n font-size: 0.8rem;\n }\n\n .hero {\n padding: 6rem 5% 3rem;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .tagline {\n font-size: 1.2rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .target-spaces {\n gap: 1rem;\n }\n\n .space-tag {\n padding: 0.5rem 1rem;\n font-size: 0.8rem;\n }\n\n .footer-content {\n flex-direction: column;\n text-align: center;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRY\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n \u003ch1\u003eScarlet Whisper\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/vfYwTkmZRIg\" title=\"Scarlet Whisper - Luxury Noir Fine Art\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\" id=\"about\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eQuiet Intensity\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n A study in silence and seduction. Scarlet Whisper captures restrained power through contrast, elegance, and unapologetic femininity.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Portrait\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"backstory-text\"\u003e\n Scarlet Whisper is a meditation on quiet intensity.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Rendered in velvety monochrome, the composition offers softness without fragility and confidence without excess. Flowing platinum hair cascades across the face, obscuring the gaze—the ultimate luxury gesture of withholding. Against this stillness, a single note of crimson emerges: lips painted not to provoke, but to command.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This work speaks in whispers rather than declarations. It belongs to collectors who understand that true magnetism is controlled, intentional, and timeless.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n The interplay of grayscale tonality and bold red creates a cinematic tension reminiscent of classic editorial fashion photography and old-Hollywood noir. It elevates bedroom suites, dressing rooms, private lounges, boutique hotel corridors, and executive spaces seeking sensuality without spectacle.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Printed to museum standards and released as a strictly limited edition, Scarlet Whisper is designed to become a signature piece—an object of presence, not trend.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"features\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and long-term value appreciation for discerning collectors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed using pigment-based archival inks on premium fine art substrates for exceptional color integrity and dramatic contrast preservation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eNoir portraits with bold color accents maintain strong demand among sophisticated collectors. This piece represents both aesthetic sophistication and thoughtful portfolio diversification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Stats Section --\u003e\n\u003csection class=\"stats-section\"\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYears Archival\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArtist Studio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Scarlet Whisper pairs beautifully with complementary works for sophisticated interiors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eVelvet Silence\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eMinimalist black-on-black abstraction\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eNoir Muse\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eClassic feminine portraiture\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n \u003cp class=\"description-text\" style=\"font-style: italic;\"\u003e\n Together, these works create a collector-grade narrative of controlled sensuality and quiet authority.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more refined noir portraits and elegant monochrome works from the Black \u0026amp; White Luxury Collection.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Designed for spaces seeking sensuality without spectacle.\n \u003c\/p\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cdiv class=\"space-tag\"\u003eBedroom Suites\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eDressing Rooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Lounges\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotel Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Spaces\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Penthouses\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"brands-section\"\u003e\n \u003cdiv class=\"brands-content reveal\"\u003e\n \u003cp class=\"brands-label\"\u003eSelected for luxury hospitality environments\u003c\/p\u003e\n \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003eLimited to 50 collectors worldwide. Reserve your numbered edition of quiet power.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Scarlet%20Whisper%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\/\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eGALLERY\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCONTACT\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"copyright\"\u003e\n © 2025 Kasian Art Studio. All rights reserved. Limited Edition Fine Art.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Reveal Script --\u003e\n\u003cscript\u003e\n \/\/ Scroll reveal animation\n function reveal() {\n const reveals = document.querySelectorAll('.reveal');\n \n reveals.forEach(element =\u003e {\n const windowHeight = window.innerHeight;\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n element.classList.add('active');\n }\n });\n }\n\n window.addEventListener('scroll', reveal);\n reveal(); \/\/ Check on load\n\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46081401749669,"sku":"5500152_16039","price":6764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_4066.png?v=1764720373"},{"product_id":"stillness-at-the-edge","title":"Quiet Tide — Limited Edition Coastal Reverie Portrait","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eQuiet Tide | Luxury Coastal Portrait Fine Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A serene coastal portrait artwork capturing stillness and reflection. Limited edition fine art for luxury bedrooms, hotels, and calming interiors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #111111;\n --accent-color: #d4a574;\n --accent-hover: #e0b687;\n --text-primary: #ffffff;\n --text-secondary: #a0a0a0;\n --text-muted: #707070;\n --divider-color: rgba(212, 165, 116, 0.3);\n --warm-overlay: rgba(212, 165, 116, 0.05);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header Styles *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n padding: 1.5rem 5%;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n nav ul {\n list-style: none;\n display: flex;\n gap: 2.5rem;\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n nav a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a140f 100%);\n }\n\n .hero-content {\n max-width: 1200px;\n text-align: center;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.85rem;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n animation: fadeIn 1s ease-out 0.3s both;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n animation: fadeInUp 1s ease-out 0.5s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n animation: fadeIn 1s ease-out 0.7s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background-color: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n animation: fadeInUp 1s ease-out 0.9s both;\n }\n\n .cta-button:hover {\n background-color: var(--accent-color);\n color: var(--primary-bg);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(212, 165, 116, 0.3);\n }\n\n \/* Gentle wave animation for serene mood *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 30% 40%, rgba(212, 165, 116, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 70% 70%, rgba(212, 165, 116, 0.04) 0%, transparent 50%);\n animation: gentleBreath 15s ease-in-out infinite;\n pointer-events: none;\n }\n\n \/* Video Section *\/\n .video-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 400;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background-color: var(--accent-color);\n margin: 2rem auto;\n }\n\n .description-text {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n \/* Features Grid *\/\n .features-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .features-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.4s ease;\n background: linear-gradient(135deg, var(--warm-overlay) 0%, transparent 100%);\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(212, 165, 116, 0.2);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .feature-text {\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Stats Grid *\/\n .stats-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .stats-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n }\n\n .stat-card {\n text-align: center;\n padding: 2.5rem 1.5rem;\n background: linear-gradient(135deg, rgba(212, 165, 116, 0.05) 0%, transparent 100%);\n border: 1px solid rgba(212, 165, 116, 0.2);\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n\n \/* Pairings Section *\/\n .pairings-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .pairings-grid {\n max-width: 1000px;\n margin: 3rem auto 0;\n display: grid;\n gap: 2rem;\n }\n\n .pairing-item {\n padding: 2rem;\n border-left: 2px solid var(--accent-color);\n background: linear-gradient(90deg, rgba(212, 165, 116, 0.05) 0%, transparent 100%);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n font-style: italic;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n padding: 6rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a140f 100%);\n text-align: center;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 1.5rem;\n }\n\n .collection-cta p {\n color: var(--text-secondary);\n font-size: 1.2rem;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin: 3rem 0;\n }\n\n .space-tag {\n padding: 0.75rem 1.5rem;\n border: 1px solid rgba(212, 165, 116, 0.3);\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n background: linear-gradient(135deg, var(--warm-overlay) 0%, transparent 100%);\n }\n\n \/* Luxury Brands *\/\n .brands-section {\n padding: 4rem 5%;\n background-color: var(--secondary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .brands-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .brands-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n color: var(--text-muted);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .brands-list {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n letter-spacing: 2px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a140f 100%);\n text-align: center;\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n background-color: var(--primary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .footer-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n letter-spacing: 2px;\n }\n\n .social-links {\n display: flex;\n gap: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n .copyright {\n width: 100%;\n text-align: center;\n margin-top: 2rem;\n color: var(--text-muted);\n font-size: 0.85rem;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes gentleBreath {\n 0%, 100% {\n opacity: 0.8;\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n transform: scale(1.03);\n }\n }\n\n \/* Scroll reveal animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n header {\n padding: 1rem 5%;\n }\n\n nav ul {\n gap: 1.5rem;\n }\n\n nav a {\n font-size: 0.8rem;\n }\n\n .hero {\n padding: 6rem 5% 3rem;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .tagline {\n font-size: 1.2rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .target-spaces {\n gap: 1rem;\n }\n\n .space-tag {\n padding: 0.5rem 1rem;\n font-size: 0.8rem;\n }\n\n .footer-content {\n flex-direction: column;\n text-align: center;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRY\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n \u003ch1\u003eQuiet Tide\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/lC70-51FK5A\" title=\"Quiet Tide - Luxury Coastal Portrait Art\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\" id=\"about\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eCoastal Reverie\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n A moment of still water and inward grace. Quiet Tide is a portrait of calm, femininity, and reflection—crafted for serene, elevated interiors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Moment\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"backstory-text\"\u003e\n Quiet Tide captures the luxury of unobserved peace.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n A woman sits at the edge of a wooden dock, her back turned, hair softened by a breeze, hat tilted gently toward still water. There is no urgency. No performance. Only presence. The palette is restrained—ivory, warm sand, muted taupe, fog-soft gray—allowing atmosphere to carry the emotion.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This work is about being, not being seen.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n The composition draws the viewer into a private pause: the moment before thought resumes, before movement interrupts reflection. The water becomes a mirror for silence. The dock grounds the scene in reality, while the soft rendering elevates it into memory.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Designed for luxury bedrooms, private retreats, spa suites, boutique hotels, and refined residential sanctuaries, Quiet Tide brings emotional calm without becoming passive. It soothes without fading.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Printed using museum-grade archival inks on premium fine art substrates and released in a strictly limited edition, this piece is positioned as a collector-grade work of emotional restraint and timeless appeal.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n It does not call attention.\u003cbr\u003e\n It keeps it.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"features\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and long-term value appreciation for discerning collectors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed using pigment-based archival inks on premium fine art substrates for exceptional tonal fidelity and preservation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eContemplative figurative works maintain strong demand among sophisticated collectors. This piece represents both aesthetic sophistication and thoughtful portfolio diversification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Stats Section --\u003e\n\u003csection class=\"stats-section\"\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYears Archival\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArtist Studio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Quiet Tide pairs beautifully with complementary works for cohesive serene interiors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eStillwater Solitude\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eReflective minimalism\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSoft Horizon\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eAtmospheric calm\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n \u003cp class=\"description-text\" style=\"font-style: italic;\"\u003e\n Together, these works form a cohesive coastal-reverie series ideal for luxury hospitality suites, wellness spaces, and collector bedrooms.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more emotional and contemplative portraits from the Emotional Figurative Collection.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Designed for spaces where calm is curated as deliberately as design.\n \u003c\/p\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Bedrooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Retreats\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eSpa Suites\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotels\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eResidential Sanctuaries\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eWellness Spaces\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"brands-section\"\u003e\n \u003cdiv class=\"brands-content reveal\"\u003e\n \u003cp class=\"brands-label\"\u003eSelected for luxury hospitality environments\u003c\/p\u003e\n \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003eLimited to 50 collectors worldwide. Reserve your numbered edition of tranquility.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Quiet%20Tide%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\/\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eGALLERY\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCONTACT\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"copyright\"\u003e\n © 2025 Kasian Art Studio. All rights reserved. Limited Edition Fine Art.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Reveal Script --\u003e\n\u003cscript\u003e\n \/\/ Scroll reveal animation\n function reveal() {\n const reveals = document.querySelectorAll('.reveal');\n \n reveals.forEach(element =\u003e {\n const windowHeight = window.innerHeight;\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n element.classList.add('active');\n }\n });\n }\n\n window.addEventListener('scroll', reveal);\n reveal(); \/\/ Check on load\n\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46083367600293,"sku":"6598355_16039","price":8764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/101AF7C6-E549-4717-987A-417353031496.png?v=1764718552"},{"product_id":"veil-of-intention","title":"“Veil of Intention” — Couture Noir Fine Art Portrait","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eVeiled Gaze | Luxury Noir Portrait Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A refined black-and-white noir portrait expressing quiet power and elegance. Limited edition fine art for luxury interiors and collectors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #111111;\n --accent-color: #c9a227;\n --accent-hover: #d4b038;\n --text-primary: #ffffff;\n --text-secondary: #a0a0a0;\n --text-muted: #707070;\n --divider-color: rgba(201, 162, 39, 0.3);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header Styles *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n padding: 1.5rem 5%;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n nav ul {\n list-style: none;\n display: flex;\n gap: 2.5rem;\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n nav a:hover {\n color: var(--accent-color);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1410 100%);\n }\n\n .hero-content {\n max-width: 1200px;\n text-align: center;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n font-size: 0.85rem;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n animation: fadeIn 1s ease-out 0.3s both;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n animation: fadeInUp 1s ease-out 0.5s both;\n }\n\n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n animation: fadeIn 1s ease-out 0.7s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background-color: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n animation: fadeInUp 1s ease-out 0.9s both;\n }\n\n .cta-button:hover {\n background-color: var(--accent-color);\n color: var(--primary-bg);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(201, 162, 39, 0.3);\n }\n\n \/* Floating particles animation *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 20% 50%, rgba(201, 162, 39, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(201, 162, 39, 0.03) 0%, transparent 50%);\n animation: subtleFloat 20s ease-in-out infinite;\n pointer-events: none;\n }\n\n \/* Video Section *\/\n .video-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 400;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background-color: var(--accent-color);\n margin: 2rem auto;\n }\n\n .description-text {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n \/* Backstory Section *\/\n .backstory-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n \/* Features Grid *\/\n .features-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .features-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(201, 162, 39, 0.2);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .feature-text {\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Stats Grid *\/\n .stats-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .stats-grid {\n max-width: 1200px;\n margin: 3rem auto 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n }\n\n .stat-card {\n text-align: center;\n padding: 2.5rem 1.5rem;\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.05) 0%, transparent 100%);\n border: 1px solid rgba(201, 162, 39, 0.2);\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n text-transform: uppercase;\n }\n\n \/* Pairings Section *\/\n .pairings-section {\n padding: 6rem 5%;\n background-color: var(--secondary-bg);\n }\n\n .pairings-grid {\n max-width: 1000px;\n margin: 3rem auto 0;\n display: grid;\n gap: 2rem;\n }\n\n .pairing-item {\n padding: 2rem;\n border-left: 2px solid var(--accent-color);\n background: linear-gradient(90deg, rgba(201, 162, 39, 0.05) 0%, transparent 100%);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n font-style: italic;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n padding: 6rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1410 100%);\n text-align: center;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 1.5rem;\n }\n\n .collection-cta p {\n color: var(--text-secondary);\n font-size: 1.2rem;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 6rem 5%;\n background-color: var(--primary-bg);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin: 3rem 0;\n }\n\n .space-tag {\n padding: 0.75rem 1.5rem;\n border: 1px solid rgba(201, 162, 39, 0.3);\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n }\n\n \/* Luxury Brands *\/\n .brands-section {\n padding: 4rem 5%;\n background-color: var(--secondary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .brands-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .brands-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n color: var(--text-muted);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .brands-list {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n letter-spacing: 2px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 5%;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1410 100%);\n text-align: center;\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n background-color: var(--primary-bg);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 2rem;\n }\n\n .footer-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n letter-spacing: 2px;\n }\n\n .social-links {\n display: flex;\n gap: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-color);\n }\n\n .copyright {\n width: 100%;\n text-align: center;\n margin-top: 2rem;\n color: var(--text-muted);\n font-size: 0.85rem;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes subtleFloat {\n 0%, 100% {\n transform: translateY(0) scale(1);\n }\n 50% {\n transform: translateY(-20px) scale(1.05);\n }\n }\n\n \/* Scroll reveal animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n header {\n padding: 1rem 5%;\n }\n\n nav ul {\n gap: 1.5rem;\n }\n\n nav a {\n font-size: 0.8rem;\n }\n\n .hero {\n padding: 6rem 5% 3rem;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .tagline {\n font-size: 1.2rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .target-spaces {\n gap: 1rem;\n }\n\n .space-tag {\n padding: 0.5rem 1rem;\n font-size: 0.8rem;\n }\n\n .footer-content {\n flex-direction: column;\n text-align: center;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRY\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n \u003ch1\u003eVeiled Gaze\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/rpCCGNqXZX4\" title=\"Veiled Gaze - Luxury Noir Portrait Art\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\" id=\"about\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eQuiet Power\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n An intimate study of restraint and allure. Veiled Gaze captures feminine quiet power through shadow, softness, and timeless elegance.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Portrait\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"backstory-text\"\u003e\n Veiled Gaze is a portrait of presence rather than identity.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Rendered in refined monochrome, the subject's face emerges slowly from darkness—half revealed, half withheld. The eye commands without demanding. Lips hold silence, not submission. This is not seduction. It is sovereignty expressed through stillness.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n The composition is cinematic and deliberate. Soft tonal gradients melt into sculptural highlights, echoing classic film noir portraiture while maintaining contemporary restraint. Every curve, every shadow serves purpose. Nothing is ornamental.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This work lives effortlessly in luxury bedrooms, boutique hotel suites, penthouses, private lounges, and gallery spaces where intimacy is curated with intention. It creates atmosphere without intrusion—a visual whisper that lingers long after the room is quiet.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Printed with museum-grade archival pigments on premium fine art substrates and released in a strictly limited edition, Veiled Gaze is designed as a timeless collector's piece.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n It does not look back.\u003cbr\u003e\n It knows you're there.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"features\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and long-term value appreciation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed using pigment-based archival inks on premium fine art substrates for unparalleled tonal depth and preservation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card reveal\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eNoir portraits maintain strong demand among discerning collectors. This piece represents both aesthetic sophistication and thoughtful portfolio diversification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Stats Section --\u003e\n\u003csection class=\"stats-section\"\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYears Archival\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card reveal\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArtist Studio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003cdiv class=\"description-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Veiled Gaze pairs beautifully with complementary works for cohesive luxury interiors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSilent Icon\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eBold sculptural femininity\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eWhispered Authority\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eMinimalist noir control\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n \u003cp class=\"description-text\" style=\"font-style: italic;\"\u003e\n Together, these works create a cohesive portrait series selected for luxury hospitality suites, private collectors, and editorial interiors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more refined portraits and elegant abstracts from the Black \u0026amp; White Luxury Collection.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content reveal\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Designed for spaces where restraint speaks louder than opulence.\n \u003c\/p\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Bedrooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotel Suites\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePenthouses\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Lounges\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eGallery Spaces\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Offices\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"brands-section\"\u003e\n \u003cdiv class=\"brands-content reveal\"\u003e\n \u003cp class=\"brands-label\"\u003eSelected for luxury hospitality environments\u003c\/p\u003e\n \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n \u003cdiv class=\"reveal\"\u003e\n \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003eLimited to 50 collectors worldwide. Reserve your numbered edition.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Veiled%20Gaze%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\/\"\u003eINSTAGRAM\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eGALLERY\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCONTACT\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"copyright\"\u003e\n © 2025 Kasian Art Studio. All rights reserved. Limited Edition Fine Art.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Reveal Script --\u003e\n\u003cscript\u003e\n \/\/ Scroll reveal animation\n function reveal() {\n const reveals = document.querySelectorAll('.reveal');\n \n reveals.forEach(element =\u003e {\n const windowHeight = window.innerHeight;\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n element.classList.add('active');\n }\n });\n }\n\n window.addEventListener('scroll', reveal);\n reveal(); \/\/ Check on load\n\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46083368648869,"sku":"5076133_16039","price":8764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/D0E9D160-E9D5-4E19-84A4-4BF79FDF47EE.png?v=1764643044"},{"product_id":"bubblegum-vogue","title":"BUBBLE GUM VOGUE — Limited Edition Editorial Noir Pop Art","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003ePink Defiance | Noir Pop Portrait Fine Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A bold noir pop art portrait with pink accent. Limited edition fine art for collectors, boutique hotels, penthouses, and galleries.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700;800\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg-dark: #0a0a0a;\n --bg-card: #121212;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --accent: #d97ba6;\n --accent-light: #f0a5c8;\n --accent-dark: #b85585;\n --gold: #d4a574;\n --border: rgba(217, 123, 166, 0.2);\n --serif: 'Cormorant Garamond', serif;\n --display: 'Playfair Display', serif;\n --sans: 'Montserrat', sans-serif;\n }\n\n body {\n font-family: var(--sans);\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border);\n transition: all 0.3s ease;\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: var(--display);\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n nav ul {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-weight: 400;\n }\n\n nav a:hover {\n color: var(--accent-light);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a0f14 100%);\n }\n\n .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.1;\n background: \n radial-gradient(circle at 40% 50%, rgba(217, 123, 166, 0.15) 0%, transparent 60%),\n radial-gradient(circle at 70% 30%, rgba(212, 165, 116, 0.08) 0%, transparent 50%);\n animation: popGlow 10s ease-in-out infinite;\n }\n\n @keyframes popGlow {\n 0%, 100% { opacity: 0.1; }\n 50% { opacity: 0.18; }\n }\n\n .hero-content {\n text-align: center;\n z-index: 10;\n max-width: 900px;\n padding: 0 2rem;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-family: var(--sans);\n font-size: 0.9rem;\n letter-spacing: 3px;\n color: var(--accent);\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n font-weight: 400;\n }\n\n .hero-title {\n font-family: var(--display);\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 300;\n letter-spacing: 3px;\n margin-bottom: 1rem;\n line-height: 1.1;\n color: var(--text-primary);\n }\n\n .hero-tagline {\n font-family: var(--serif);\n font-size: 1.3rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 2.5rem;\n letter-spacing: 2px;\n }\n\n .hero-edition {\n font-family: var(--sans);\n font-size: 0.85rem;\n letter-spacing: 2px;\n color: var(--accent);\n margin-bottom: 3rem;\n text-transform: uppercase;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n color: var(--text-primary);\n text-decoration: none;\n border: 1px solid var(--accent);\n font-family: var(--sans);\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--bg-dark);\n border-color: var(--accent-light);\n }\n\n .scroll-indicator {\n position: absolute;\n bottom: 3rem;\n left: 50%;\n transform: translateX(-50%);\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }\n 40% { transform: translateX(-50%) translateY(-10px); }\n 60% { transform: translateX(-50%) translateY(-5px); }\n }\n\n .scroll-indicator::after {\n content: '↓';\n font-size: 1.5rem;\n color: var(--accent);\n }\n\n \/* Video Section *\/\n .video-section {\n padding: 8rem 2rem;\n background: var(--bg-dark);\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--border);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Content Sections *\/\n .section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: var(--display);\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 400;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n }\n\n .divider {\n width: 100px;\n height: 1px;\n background: var(--accent);\n margin: 3rem auto;\n }\n\n \/* Description Section *\/\n .description-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .description-text {\n font-family: var(--serif);\n font-size: 1.4rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n \/* Backstory Section *\/\n .backstory-section {\n background: var(--bg-dark);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: var(--serif);\n font-size: 1.2rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 1.8rem;\n }\n\n \/* Features Grid *\/\n .features-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n }\n\n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent);\n }\n\n .feature-title {\n font-family: var(--display);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-text {\n font-family: var(--sans);\n font-size: 0.95rem;\n line-height: 1.7;\n color: var(--text-secondary);\n }\n\n \/* Edition Stats *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 4rem auto 0;\n padding: 3rem 0;\n border-top: 1px solid var(--border);\n }\n\n .stat-item {\n text-align: center;\n }\n\n .stat-number {\n font-family: var(--display);\n font-size: 2.5rem;\n color: var(--accent);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-family: var(--sans);\n font-size: 0.85rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--text-secondary);\n }\n\n \/* Pairings Section *\/\n .pairings-section {\n background: var(--bg-dark);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .pairing-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n padding: 2rem;\n text-align: center;\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n }\n\n .pairing-title {\n font-family: var(--display);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .pairing-description {\n font-family: var(--serif);\n font-size: 1rem;\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, #1a0f14 0%, #0a0a0a 100%);\n text-align: center;\n padding: 6rem 2rem;\n }\n\n .collection-cta-title {\n font-family: var(--display);\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n }\n\n .collection-cta-text {\n font-family: var(--serif);\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-title {\n font-family: var(--display);\n font-size: 2rem;\n margin-bottom: 2rem;\n }\n\n .investment-text {\n font-family: var(--serif);\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n .spaces-list {\n font-family: var(--sans);\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--accent);\n text-transform: uppercase;\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n background: var(--bg-dark);\n padding: 4rem 2rem;\n text-align: center;\n border-top: 1px solid var(--border);\n }\n\n .brand-strip-title {\n font-family: var(--sans);\n font-size: 0.8rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n .brand-logos {\n font-family: var(--display);\n font-size: 1.3rem;\n color: var(--accent);\n letter-spacing: 8px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a0f14 100%);\n text-align: center;\n padding: 8rem 2rem;\n }\n\n .final-cta-title {\n font-family: var(--display);\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n\n .final-cta-text {\n font-family: var(--serif);\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 1rem;\n }\n\n .inquiry-email {\n font-family: var(--sans);\n font-size: 1rem;\n color: var(--accent);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n\n \/* Footer *\/\n footer {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n padding: 3rem 2rem;\n text-align: center;\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-light);\n }\n\n .copyright {\n font-family: var(--sans);\n font-size: 0.8rem;\n color: var(--text-secondary);\n letter-spacing: 1px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .header-content {\n flex-direction: column;\n gap: 1rem;\n }\n\n nav ul {\n gap: 1rem;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .hero-title {\n font-size: 2.5rem;\n }\n\n .section {\n padding: 4rem 1.5rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* Smooth Scroll *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Fade-in Animation *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition Noir Pop Portrait\u003c\/div\u003e\n \u003ch1 class=\"hero-title\"\u003ePink Defiance\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003cdiv class=\"hero-edition\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scroll-indicator\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"artwork\" class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/e3GwTd-5S7w?rel=0\" title=\"Pink Defiance - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section section\"\u003e\n \u003cdiv class=\"description-content\"\u003e\n \u003cp class=\"description-text\"\u003eCool defiance in a single breath. Pink Defiance fuses noir restraint with a rebellious pop accent—crafted for collectors who prefer elegance with an edge.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section section fade-in\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Work\u003c\/h2\u003e\n \u003cp class=\"backstory-text\"\u003ePink Defiance captures a moment of deliberate contradiction.\u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003eA monochrome feminine portrait—cool, composed, inscrutable—interrupted by a single bubble of pink. The color is not playful. It is intentional. A refusal to conform quietly. Gold-rimmed sunglasses obscure the eyes, denying access while amplifying authority.\u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003eThis piece speaks in opposites: softness against control, innocence against power, silence against statement. The limited palette heightens impact, allowing the pink to function as punctuation rather than decoration.\u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003eDesigned for fashion-forward penthouses, boutique hotel lounges, creative executive offices, and collector walls that value personality without noise, Pink Defiance commands attention without raising its voice.\u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003ePrinted using museum-grade archival pigments on premium fine art substrates and released in a strictly limited edition, this work bridges noir sophistication with modern pop irreverence.\u003c\/p\u003e\n \u003cp class=\"backstory-text\" style=\"font-style: italic; text-align: center; margin-top: 2rem;\"\u003eShe doesn't ask permission. She pauses—and proceeds.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"details\" class=\"features-section section fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Distinction\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a Certificate of Authenticity, ensuring exclusivity and lasting collector appeal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed with archival pigments on premium fine art substrates, preserving the work's dramatic contrast and pink accent for generations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003ePop-influenced portraiture maintains strong demand in contemporary markets. Pink Defiance's confident composition positions it as a statement piece for forward-thinking collectors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Edition Stats --\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEdition Size\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\/1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArtist Proof\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings-section section fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eObsidian Gaze\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eControlled authority meets rebellious spirit. A pairing that balances noir sophistication with contemporary edge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eIvory Silence\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eMinimalist restraint with bold punctuation. Together, these works create a fashion-noir pop trilogy of quiet power.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-top: 3rem; font-family: var(--serif); font-size: 1.1rem; color: var(--text-secondary);\"\u003e\n Ideal for gallery walls, hotel bars, creative corridors, and statement interiors.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection id=\"collection\" class=\"collection-cta fade-in\"\u003e\n \u003ch2 class=\"collection-cta-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp class=\"collection-cta-text\"\u003ePink Defiance belongs to the Emotional Figurative Collection—a curated series of expressive portraits designed for spaces that value personality, confidence, and contemporary artistic vision.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section section fade-in\"\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003ch2 class=\"investment-title\"\u003eDesigned for Bold Interiors\u003c\/h2\u003e\n \u003cp class=\"investment-text\"\u003ePink Defiance is created for spaces that embrace contrast—where sophistication meets rebellion, and where personality is expressed through controlled defiance rather than volume.\u003c\/p\u003e\n \u003cp class=\"spaces-list\"\u003eFashion-Forward Penthouses • Boutique Hotel Lounges • Creative Executive Offices • Gallery Walls • Statement Interiors\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip fade-in\"\u003e\n \u003cdiv class=\"brand-strip-title\"\u003eTrusted by Luxury Brands Worldwide\u003c\/div\u003e\n \u003cdiv class=\"brand-logos\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection id=\"inquiry\" class=\"final-cta fade-in\"\u003e\n \u003ch2 class=\"final-cta-title\"\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp class=\"final-cta-text\"\u003ePink Defiance is available for private acquisition.\u003c\/p\u003e\n \u003cp class=\"inquiry-email\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Pink%20Defiance\" class=\"cta-button\"\u003eContact Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n try {\n \/\/ Fade-in on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header scroll effect\n let lastScroll = 0;\n window.addEventListener('scroll', () =\u003e {\n const currentScroll = window.pageYOffset;\n const header = document.querySelector('header');\n \n if (header) {\n if (currentScroll \u003e 100) {\n header.style.padding = '1rem 0';\n } else {\n header.style.padding = '1.5rem 0';\n }\n }\n \n lastScroll = currentScroll;\n });\n\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n } catch (error) {\n console.error('Error initializing page scripts:', error);\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083372613797,"sku":"6161911_16039","price":8264.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083372646565,"sku":"6161911_16045","price":8264.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083372679333,"sku":"6161911_15700","price":8264.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/8CF10ED3-F1B4-4CFC-82A2-7749D6C70FA4.png?v=1764359811"},{"product_id":"gilded-harmony","title":"GILDED GOLD — Limited Edition Abstract Gold Fine Art","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGilded Equilibrium | Luxury Gold Abstract Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A black and gold abstract fine art piece symbolizing balance and power. Limited edition artwork for luxury interiors, hotels, and collectors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #141414;\n --accent-color: #c9a227;\n --accent-light: #d4b851;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --divider-color: rgba(201, 162, 39, 0.2);\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.7;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(201, 162, 39, 0.1);\n padding: 1.5rem 5%;\n transition: all 0.3s ease;\n }\n \n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n .logo:hover {\n color: var(--accent-color);\n }\n \n nav ul {\n display: flex;\n list-style: none;\n gap: 2.5rem;\n }\n \n nav a {\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n text-decoration: none;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-weight: 300;\n }\n \n nav a:hover {\n color: var(--accent-color);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n overflow: hidden;\n }\n \n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 50%, rgba(201, 162, 39, 0.1) 0%, transparent 70%);\n animation: goldenPulse 10s ease-in-out infinite;\n }\n \n @keyframes goldenPulse {\n 0%, 100% { \n opacity: 0.3;\n transform: scale(1);\n }\n 50% { \n opacity: 0.6;\n transform: scale(1.05);\n }\n }\n \n .hero::after {\n content: '◆';\n position: absolute;\n font-size: 4rem;\n color: var(--accent-color);\n opacity: 0.05;\n top: 20%;\n right: 15%;\n animation: float 6s ease-in-out infinite;\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n }\n \n .hero-content {\n max-width: 900px;\n text-align: center;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1.2s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: 5rem;\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1rem;\n color: var(--text-primary);\n line-height: 1.2;\n text-shadow: 0 0 30px rgba(201, 162, 39, 0.3);\n }\n \n .edition-badge {\n display: inline-block;\n font-family: 'Montserrat', sans-serif;\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--accent-color);\n border: 1px solid var(--accent-color);\n padding: 0.6rem 1.5rem;\n margin-bottom: 2rem;\n font-weight: 300;\n box-shadow: 0 0 20px rgba(201, 162, 39, 0.2);\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n \n .cta-button {\n display: inline-block;\n font-family: 'Montserrat', sans-serif;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--primary-bg);\n background: var(--accent-color);\n padding: 1.2rem 3rem;\n text-decoration: none;\n transition: all 0.3s ease;\n border: 2px solid var(--accent-color);\n font-weight: 500;\n box-shadow: 0 5px 25px rgba(201, 162, 39, 0.3);\n }\n \n .cta-button:hover {\n background: transparent;\n color: var(--accent-color);\n transform: translateY(-2px);\n box-shadow: 0 10px 40px rgba(201, 162, 39, 0.4);\n }\n \n \/* Video Section *\/\n .video-section {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n }\n \n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(201, 162, 39, 0.2);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n \n \/* Description Section *\/\n .description-section {\n padding: 6rem 5%;\n max-width: 900px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 400;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n }\n \n .divider {\n width: 100px;\n height: 1px;\n background: var(--accent-color);\n margin: 3rem auto;\n box-shadow: 0 0 10px rgba(201, 162, 39, 0.5);\n }\n \n .description-text {\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 2rem;\n }\n \n \/* Backstory Section *\/\n .backstory-section {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n \n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 2.2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n \n .backstory-text strong {\n color: var(--accent-color);\n font-weight: 500;\n }\n \n \/* Features Grid *\/\n .features-section {\n padding: 6rem 5%;\n }\n \n .features-grid {\n max-width: 1200px;\n margin: 4rem auto 0;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n \n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid rgba(201, 162, 39, 0.15);\n transition: all 0.3s ease;\n background: rgba(201, 162, 39, 0.02);\n position: relative;\n overflow: hidden;\n }\n \n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(201, 162, 39, 0.1), transparent);\n transition: left 0.5s ease;\n }\n \n .feature-card:hover::before {\n left: 100%;\n }\n \n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(201, 162, 39, 0.2);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n \n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n \n .feature-description {\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Edition Details *\/\n .edition-details {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n }\n \n .stats-grid {\n max-width: 1200px;\n margin: 4rem auto 0;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n \n .stat-card {\n text-align: center;\n padding: 2rem;\n border-left: 2px solid var(--accent-color);\n position: relative;\n }\n \n .stat-card::before {\n content: '◆';\n position: absolute;\n top: 1rem;\n left: -0.6rem;\n color: var(--accent-color);\n font-size: 0.8rem;\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n font-weight: 300;\n text-shadow: 0 0 20px rgba(201, 162, 39, 0.3);\n }\n \n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n }\n \n \/* Pairings Section *\/\n .pairings-section {\n padding: 6rem 5%;\n }\n \n .pairings-grid {\n max-width: 1000px;\n margin: 4rem auto 0;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 3rem;\n }\n \n .pairing-card {\n border: 1px solid rgba(201, 162, 39, 0.15);\n padding: 2.5rem;\n transition: all 0.3s ease;\n background: rgba(201, 162, 39, 0.02);\n position: relative;\n }\n \n .pairing-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--accent-color);\n transition: width 0.3s ease;\n }\n \n .pairing-card:hover::after {\n width: 100%;\n }\n \n .pairing-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(201, 162, 39, 0.2);\n }\n \n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n color: var(--accent-color);\n margin-bottom: 1rem;\n }\n \n .pairing-description {\n font-size: 1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n text-align: center;\n }\n \n .collection-cta .section-title {\n margin-bottom: 2rem;\n }\n \n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n \/* Investment Section *\/\n .investment-section {\n padding: 6rem 5%;\n }\n \n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .target-spaces {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-top: 2rem;\n line-height: 2;\n }\n \n \/* Philosophy Quote Section *\/\n .philosophy-section {\n padding: 6rem 5%;\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.05) 0%, transparent 100%);\n }\n \n .philosophy-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .philosophy-quote {\n font-family: 'Playfair Display', serif;\n font-size: 2.8rem;\n font-style: italic;\n color: var(--accent-color);\n line-height: 1.6;\n margin-bottom: 2rem;\n text-shadow: 0 0 30px rgba(201, 162, 39, 0.2);\n }\n \n .philosophy-text {\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 2;\n }\n \n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 5%;\n background: var(--secondary-bg);\n border-top: 1px solid rgba(201, 162, 39, 0.1);\n border-bottom: 1px solid rgba(201, 162, 39, 0.1);\n }\n \n .brand-strip-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n \n .brand-strip h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n \n .brand-logos {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n color: var(--accent-color);\n letter-spacing: 2px;\n }\n \n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 5%;\n text-align: center;\n }\n \n .final-cta .section-title {\n margin-bottom: 1.5rem;\n }\n \n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n \n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n background: var(--secondary-bg);\n border-top: 1px solid rgba(201, 162, 39, 0.1);\n }\n \n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .footer-text {\n font-size: 0.9rem;\n color: var(--text-secondary);\n }\n \n .social-links {\n display: flex;\n gap: 2rem;\n }\n \n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent-color);\n }\n \n \/* Responsive Design *\/\n @media (max-width: 968px) {\n .hero-title {\n font-size: 3.5rem;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .pairings-grid {\n grid-template-columns: 1fr;\n }\n \n nav ul {\n gap: 1.5rem;\n }\n \n .philosophy-quote {\n font-size: 2rem;\n }\n }\n \n @media (max-width: 640px) {\n header {\n padding: 1rem 5%;\n }\n \n .logo {\n font-size: 1.2rem;\n }\n \n nav ul {\n display: none;\n }\n \n .hero {\n padding: 6rem 5% 3rem;\n }\n \n .hero-title {\n font-size: 2.5rem;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .stats-grid {\n grid-template-columns: 1fr;\n }\n \n .footer-content {\n flex-direction: column;\n gap: 2rem;\n text-align: center;\n }\n \n .philosophy-quote {\n font-size: 1.5rem;\n }\n }\n \n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Golden Sparkle Effect *\/\n @keyframes sparkle {\n 0%, 100% { opacity: 0; }\n 50% { opacity: 1; }\n }\n \n .sparkle {\n position: absolute;\n width: 2px;\n height: 2px;\n background: var(--accent-color);\n border-radius: 50%;\n animation: sparkle 2s ease-in-out infinite;\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"hero-title\"\u003eGilded Equilibrium\u003c\/h1\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Gilded%20Equilibrium\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/wfNTPmiICZc\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eSacred Architecture\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Gold in perfect balance. Gilded Equilibrium is an architectural abstract exploring harmony, power, and controlled motion—crafted for spaces that command reverence.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Philosophy Quote Section --\u003e\n\u003csection class=\"philosophy-section\"\u003e\n \u003cdiv class=\"philosophy-content\"\u003e\n \u003cp class=\"philosophy-quote\"\u003e\n \"Equilibrium is the rarest form of power.\"\n \u003c\/p\u003e\n \u003cp class=\"philosophy-text\"\u003e\n It does not move. It governs.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Story\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"backstory-text\"\u003e\n \u003cstrong\u003eEquilibrium is the rarest form of power.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Gilded Equilibrium was created as a visual philosophy—where gold does not boast, curves do not rush, and form remains sovereign. Every element exists in measured dialogue with the other.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This work belongs to spaces curated with discipline—chosen by collectors and designers who understand that balance, once achieved, becomes unmistakable.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n A central golden sphere anchors the work—symbolic, absolute—while surrounding lines undulate with disciplined fluidity. Geometric gold forms punctuate the field like markers of alignment, creating a visual language that speaks of mastery over chaos, structure over excess.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Only 50 prints will ever exist. Each piece is individually numbered and authenticated with a signed certificate of authenticity, ensuring exclusivity and sovereign positioning.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Museum-grade materials ensure 100+ year longevity. Printed with professional archival pigment inks on premium fine art substrates for radiant gold tones and deep noir contrast.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Architectural abstracts maintain exceptional demand in luxury markets. This work sits at the intersection of abstraction, architecture, and philosophy—positioned for heritage collections.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection class=\"edition-details\"\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Specifications\u003c\/h2\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eTotal Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\/1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEach Signed\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSilent Current\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n Restrained motion meets architectural balance. Together, these pieces create a dialogue between stillness and sovereignty—ideal for grand hotel lounges and private libraries.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eGolden Ascension\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n Sovereign elevation balanced with sacred geometry. This pairing forms a trilogy of balance, flow, and authority—perfect for gallery entrances and heritage residences.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003e\n Gilded Equilibrium belongs to the Gold Noir Luxe Collection—a curated series of black and gold abstracts designed for spaces that value permanence, power, and refined elegance.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n This piece is designed for grand interiors: boutique hotel lounges, private libraries, executive salons, gallery entrances, and heritage residences where art is selected for presence, not decoration.\n \u003c\/p\u003e\n \u003cp class=\"target-spaces\"\u003e\n \u003cstrong\u003eTarget Spaces:\u003c\/strong\u003e\u003cbr\u003e\n Boutique Hotel Lounges • Private Libraries • Executive Salons • Gallery Entrances • Heritage Residences\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003cdiv class=\"brand-strip-content\"\u003e\n \u003ch3\u003eCurated for Discerning Spaces\u003c\/h3\u003e\n \u003cdiv class=\"brand-logos\"\u003e\n Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n \u003ch2 class=\"section-title\"\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003e\n Gilded Equilibrium is available for private acquisition, gallery representation, and hospitality procurement.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Gilded%20Equilibrium\" class=\"cta-button\"\u003eContact Kasian Art Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\"\u003eFacebook\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\"\u003ePinterest\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Scroll Animation Observer\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header Scroll Effect\n let lastScroll = 0;\n const header = document.querySelector('header');\n\n window.addEventListener('scroll', () =\u003e {\n const currentScroll = window.pageYOffset;\n \n if (currentScroll \u003e 100) {\n header.style.padding = '1rem 5%';\n } else {\n header.style.padding = '1.5rem 5%';\n }\n \n lastScroll = currentScroll;\n });\n\n \/\/ Golden Sparkle Effect\n function createSparkle() {\n const sparkle = document.createElement('div');\n sparkle.className = 'sparkle';\n sparkle.style.left = Math.random() * 100 + '%';\n sparkle.style.top = Math.random() * 100 + '%';\n sparkle.style.animationDelay = Math.random() * 2 + 's';\n \n document.querySelector('.hero').appendChild(sparkle);\n \n setTimeout(() =\u003e {\n sparkle.remove();\n }, 3000);\n }\n\n \/\/ Create sparkles periodically\n setInterval(createSparkle, 500);\n\n \/\/ Hero Parallax Effect\n const hero = document.querySelector('.hero');\n window.addEventListener('scroll', () =\u003e {\n if (window.pageYOffset \u003c window.innerHeight) {\n const scrolled = window.pageYOffset;\n hero.style.transform = `translateY(${scrolled * 0.3}px)`;\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46083575414949,"sku":"6186417_16039","price":10264.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/053DFF61-69E8-474C-8427-E5DECF23FCAA.png?v=1764356587"},{"product_id":"couture-noir","title":"Couture Noire— Limited Edition Noir Portrait Fine Art","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eObsidian Gaze | Luxury Noir Portrait Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A striking noir portrait fine art piece in black and ivory tones. Limited edition artwork for collectors, galleries, penthouses, and luxury hotels.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700;800\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg-dark: #0a0a0a;\n --bg-card: #141414;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --accent: #e8d5b7;\n --accent-light: #f5e6d3;\n --accent-dark: #a89968;\n --border: rgba(232, 213, 183, 0.15);\n --serif: 'Cormorant Garamond', serif;\n --display: 'Playfair Display', serif;\n --sans: 'Montserrat', sans-serif;\n }\n\n body {\n font-family: var(--sans);\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border);\n transition: all 0.3s ease;\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: var(--display);\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n nav ul {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-weight: 400;\n }\n\n nav a:hover {\n color: var(--accent-light);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1612 100%);\n }\n\n .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background: \n radial-gradient(circle at 50% 30%, rgba(232, 213, 183, 0.1) 0%, transparent 60%),\n radial-gradient(circle at 80% 70%, rgba(232, 213, 183, 0.05) 0%, transparent 50%);\n animation: subtleGlow 12s ease-in-out infinite;\n }\n\n @keyframes subtleGlow {\n 0%, 100% { opacity: 0.08; }\n 50% { opacity: 0.15; }\n }\n\n .hero-content {\n text-align: center;\n z-index: 10;\n max-width: 900px;\n padding: 0 2rem;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-family: var(--sans);\n font-size: 0.9rem;\n letter-spacing: 3px;\n color: var(--accent);\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n font-weight: 400;\n }\n\n .hero-title {\n font-family: var(--display);\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 300;\n letter-spacing: 3px;\n margin-bottom: 1rem;\n line-height: 1.1;\n color: var(--text-primary);\n }\n\n .hero-tagline {\n font-family: var(--serif);\n font-size: 1.3rem;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 2.5rem;\n letter-spacing: 2px;\n }\n\n .hero-edition {\n font-family: var(--sans);\n font-size: 0.85rem;\n letter-spacing: 2px;\n color: var(--accent);\n margin-bottom: 3rem;\n text-transform: uppercase;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n color: var(--text-primary);\n text-decoration: none;\n border: 1px solid var(--accent);\n font-family: var(--sans);\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--bg-dark);\n border-color: var(--accent-light);\n }\n\n .scroll-indicator {\n position: absolute;\n bottom: 3rem;\n left: 50%;\n transform: translateX(-50%);\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }\n 40% { transform: translateX(-50%) translateY(-10px); }\n 60% { transform: translateX(-50%) translateY(-5px); }\n }\n\n .scroll-indicator::after {\n content: '↓';\n font-size: 1.5rem;\n color: var(--accent);\n }\n\n \/* Video Section *\/\n .video-section {\n padding: 8rem 2rem;\n background: var(--bg-dark);\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--border);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Content Sections *\/\n .section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: var(--display);\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 400;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n }\n\n .divider {\n width: 100px;\n height: 1px;\n background: var(--accent);\n margin: 3rem auto;\n }\n\n \/* Description Section *\/\n .description-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .description-text {\n font-family: var(--serif);\n font-size: 1.4rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n \/* Backstory Section *\/\n .backstory-section {\n background: var(--bg-dark);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: var(--serif);\n font-size: 1.2rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 1.8rem;\n }\n\n \/* Features Grid *\/\n .features-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n }\n\n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent);\n }\n\n .feature-title {\n font-family: var(--display);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-text {\n font-family: var(--sans);\n font-size: 0.95rem;\n line-height: 1.7;\n color: var(--text-secondary);\n }\n\n \/* Edition Stats *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 4rem auto 0;\n padding: 3rem 0;\n border-top: 1px solid var(--border);\n }\n\n .stat-item {\n text-align: center;\n }\n\n .stat-number {\n font-family: var(--display);\n font-size: 2.5rem;\n color: var(--accent);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-family: var(--sans);\n font-size: 0.85rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--text-secondary);\n }\n\n \/* Pairings Section *\/\n .pairings-section {\n background: var(--bg-dark);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .pairing-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n padding: 2rem;\n text-align: center;\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n }\n\n .pairing-title {\n font-family: var(--display);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .pairing-description {\n font-family: var(--serif);\n font-size: 1rem;\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, #1a1612 0%, #0a0a0a 100%);\n text-align: center;\n padding: 6rem 2rem;\n }\n\n .collection-cta-title {\n font-family: var(--display);\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n }\n\n .collection-cta-text {\n font-family: var(--serif);\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-title {\n font-family: var(--display);\n font-size: 2rem;\n margin-bottom: 2rem;\n }\n\n .investment-text {\n font-family: var(--serif);\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n .spaces-list {\n font-family: var(--sans);\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--accent);\n text-transform: uppercase;\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n background: var(--bg-dark);\n padding: 4rem 2rem;\n text-align: center;\n border-top: 1px solid var(--border);\n }\n\n .brand-strip-title {\n font-family: var(--sans);\n font-size: 0.8rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n .brand-logos {\n font-family: var(--display);\n font-size: 1.3rem;\n color: var(--accent);\n letter-spacing: 8px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1612 100%);\n text-align: center;\n padding: 8rem 2rem;\n }\n\n .final-cta-title {\n font-family: var(--display);\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n\n .final-cta-text {\n font-family: var(--serif);\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 1rem;\n }\n\n .inquiry-email {\n font-family: var(--sans);\n font-size: 1rem;\n color: var(--accent);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n\n \/* Footer *\/\n footer {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n padding: 3rem 2rem;\n text-align: center;\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-light);\n }\n\n .copyright {\n font-family: var(--sans);\n font-size: 0.8rem;\n color: var(--text-secondary);\n letter-spacing: 1px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .header-content {\n flex-direction: column;\n gap: 1rem;\n }\n\n nav ul {\n gap: 1rem;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .hero-title {\n font-size: 2.5rem;\n }\n\n .section {\n padding: 4rem 1.5rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* Smooth Scroll *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Fade-in Animation *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition Noir Portrait\u003c\/div\u003e\n \u003ch1 class=\"hero-title\"\u003eObsidian Gaze\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003cdiv class=\"hero-edition\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scroll-indicator\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"artwork\" class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/cpCeyoLpkEw?rel=0\" title=\"Obsidian Gaze - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section section\"\u003e\n \u003cdiv class=\"description-content\"\u003e\n \u003cp class=\"description-text\"\u003eA face half-veiled in shadow. Obsidian Gaze is a study in control, allure, and unspoken authority—created for interiors that understand presence is power.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section section fade-in\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Work\u003c\/h2\u003e\n \u003cp class=\"backstory-text\"\u003eObsidian Gaze commands the room before a single word is spoken.\u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003eA monochrome feminine portrait emerges from darkness—her hat cutting a sharp diagonal across her face, revealing only what is necessary. One eye meets the viewer with absolute precision. The lips, sculpted and deliberate, remain unreadable. This is not a portrait of beauty alone—it is a portrait of authority.\u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003eThe composition draws from editorial fashion, classic noir cinema, and modern minimalism. High contrast black and ivory tones create tension, while the symmetry and framing anchor the viewer in stillness. Nothing is accidental. Nothing is excessive.\u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003eDesigned for luxury hotel corridors, private galleries, penthouses, executive lounges, and fashion-forward interiors, Obsidian Gaze functions as an emotional focal point—refined, controlled, unforgettable.\u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003ePrinted with museum-grade archival inks on premium fine art substrates and released in a strictly limited edition, this artwork is positioned as a legacy piece for collectors and hospitality environments alike.\u003c\/p\u003e\n \u003cp class=\"backstory-text\" style=\"font-style: italic; text-align: center; margin-top: 2rem;\"\u003eShe does not seek attention. She defines it.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"details\" class=\"features-section section fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Distinction\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a Certificate of Authenticity, ensuring exclusivity and enduring collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed with archival pigments on premium fine art substrates, preserving the dramatic tonal precision and noir aesthetic for generations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003ePortrait fine art maintains exceptional demand in luxury hospitality and residential markets. Obsidian Gaze's commanding presence positions it as a timeless statement for curated interiors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Edition Stats --\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEdition Size\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\/1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArtist Proof\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings-section section fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eIvory Silence\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eMinimalist restraint meets controlled elegance. A pairing that balances commanding presence with quiet sophistication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eVelvet Ascent\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eEditorial confidence with fashion-forward authority. Together, these works create a fashion-noir narrative of power and grace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-top: 3rem; font-family: var(--serif); font-size: 1.1rem; color: var(--text-secondary);\"\u003e\n Ideal for boutique hotel corridors, gallery installations, and elevated residential transitions.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection id=\"collection\" class=\"collection-cta fade-in\"\u003e\n \u003ch2 class=\"collection-cta-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp class=\"collection-cta-text\"\u003eObsidian Gaze belongs to the Black \u0026amp; White Luxury Collection—a curated series of monochromatic works designed for spaces that value dramatic contrast, timeless elegance, and commanding presence.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section section fade-in\"\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003ch2 class=\"investment-title\"\u003eDesigned for Commanding Spaces\u003c\/h2\u003e\n \u003cp class=\"investment-text\"\u003eObsidian Gaze is created for interiors where presence matters—where authority is felt rather than announced, and where elegance operates through controlled restraint.\u003c\/p\u003e\n \u003cp class=\"spaces-list\"\u003eLuxury Hotel Corridors • Private Galleries • Penthouses • Executive Lounges • Fashion-Forward Interiors\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip fade-in\"\u003e\n \u003cdiv class=\"brand-strip-title\"\u003eTrusted by Luxury Brands Worldwide\u003c\/div\u003e\n \u003cdiv class=\"brand-logos\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection id=\"inquiry\" class=\"final-cta fade-in\"\u003e\n \u003ch2 class=\"final-cta-title\"\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp class=\"final-cta-text\"\u003eObsidian Gaze is available for private acquisition.\u003c\/p\u003e\n \u003cp class=\"inquiry-email\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Obsidian%20Gaze\" class=\"cta-button\"\u003eContact Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n try {\n \/\/ Fade-in on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header scroll effect\n let lastScroll = 0;\n window.addEventListener('scroll', () =\u003e {\n const currentScroll = window.pageYOffset;\n const header = document.querySelector('header');\n \n if (header) {\n if (currentScroll \u003e 100) {\n header.style.padding = '1rem 0';\n } else {\n header.style.padding = '1.5rem 0';\n }\n }\n \n lastScroll = currentScroll;\n });\n\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n } catch (error) {\n console.error('Error initializing page scripts:', error);\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083620634789,"sku":"8063037_16039","price":10274.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083620667557,"sku":"8063037_16045","price":10274.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083620700325,"sku":"8063037_15700","price":10274.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/B671A5AB-A903-4E77-951F-23DEDBD64BBC.png?v=1764349240"},{"product_id":"red-soles","title":"Velvet Descent — Limited Edition Fashion Noir Fine Art","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eVelvet Descent | Luxury Noir Fashion Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A bold noir fashion artwork featuring iconic heels and sculptural form. Limited edition fine art for luxury interiors and collectors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #141414;\n --accent-color: #d4a574;\n --accent-dark: #b88a5f;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --divider-color: rgba(212, 165, 116, 0.2);\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.7;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(212, 165, 116, 0.1);\n padding: 1.5rem 5%;\n transition: all 0.3s ease;\n }\n \n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n .logo:hover {\n color: var(--accent-color);\n }\n \n nav ul {\n display: flex;\n list-style: none;\n gap: 2.5rem;\n }\n \n nav a {\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n text-decoration: none;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-weight: 300;\n }\n \n nav a:hover {\n color: var(--accent-color);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n overflow: hidden;\n }\n \n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 40%, rgba(212, 165, 116, 0.08) 0%, transparent 60%);\n animation: pulseGlow 8s ease-in-out infinite;\n }\n \n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.7; }\n }\n \n .hero-content {\n max-width: 900px;\n text-align: center;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1.2s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: 5rem;\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1rem;\n color: var(--text-primary);\n line-height: 1.2;\n }\n \n .edition-badge {\n display: inline-block;\n font-family: 'Montserrat', sans-serif;\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--accent-color);\n border: 1px solid var(--accent-color);\n padding: 0.6rem 1.5rem;\n margin-bottom: 2rem;\n font-weight: 300;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n \n .cta-button {\n display: inline-block;\n font-family: 'Montserrat', sans-serif;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--primary-bg);\n background: var(--accent-color);\n padding: 1.2rem 3rem;\n text-decoration: none;\n transition: all 0.3s ease;\n border: 2px solid var(--accent-color);\n font-weight: 500;\n }\n \n .cta-button:hover {\n background: transparent;\n color: var(--accent-color);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(212, 165, 116, 0.2);\n }\n \n \/* Video Section *\/\n .video-section {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n }\n \n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(212, 165, 116, 0.2);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n \n \/* Description Section *\/\n .description-section {\n padding: 6rem 5%;\n max-width: 900px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 400;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n }\n \n .divider {\n width: 100px;\n height: 1px;\n background: var(--accent-color);\n margin: 3rem auto;\n }\n \n .description-text {\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 2rem;\n }\n \n \/* Backstory Section *\/\n .backstory-section {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n \n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 2.2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n \n .backstory-text strong {\n color: var(--text-primary);\n font-weight: 500;\n }\n \n \/* Features Grid *\/\n .features-section {\n padding: 6rem 5%;\n }\n \n .features-grid {\n max-width: 1200px;\n margin: 4rem auto 0;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n \n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid rgba(212, 165, 116, 0.15);\n transition: all 0.3s ease;\n background: rgba(212, 165, 116, 0.02);\n }\n \n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(212, 165, 116, 0.1);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n \n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n \n .feature-description {\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Edition Details *\/\n .edition-details {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n }\n \n .stats-grid {\n max-width: 1200px;\n margin: 4rem auto 0;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n \n .stat-card {\n text-align: center;\n padding: 2rem;\n border-left: 2px solid var(--accent-color);\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n font-weight: 300;\n }\n \n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n }\n \n \/* Pairings Section *\/\n .pairings-section {\n padding: 6rem 5%;\n }\n \n .pairings-grid {\n max-width: 1000px;\n margin: 4rem auto 0;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 3rem;\n }\n \n .pairing-card {\n border: 1px solid rgba(212, 165, 116, 0.15);\n padding: 2.5rem;\n transition: all 0.3s ease;\n background: rgba(212, 165, 116, 0.02);\n }\n \n .pairing-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(212, 165, 116, 0.1);\n }\n \n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n color: var(--accent-color);\n margin-bottom: 1rem;\n }\n \n .pairing-description {\n font-size: 1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n text-align: center;\n }\n \n .collection-cta .section-title {\n margin-bottom: 2rem;\n }\n \n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n \/* Investment Section *\/\n .investment-section {\n padding: 6rem 5%;\n }\n \n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .target-spaces {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-top: 2rem;\n line-height: 2;\n }\n \n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 5%;\n background: var(--secondary-bg);\n border-top: 1px solid rgba(212, 165, 116, 0.1);\n border-bottom: 1px solid rgba(212, 165, 116, 0.1);\n }\n \n .brand-strip-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n \n .brand-strip h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n \n .brand-logos {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n color: var(--accent-color);\n letter-spacing: 2px;\n }\n \n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 5%;\n text-align: center;\n }\n \n .final-cta .section-title {\n margin-bottom: 1.5rem;\n }\n \n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n \n \/* Highlight Section *\/\n .highlight-section {\n padding: 6rem 5%;\n background: linear-gradient(135deg, rgba(212, 165, 116, 0.05) 0%, transparent 100%);\n }\n \n .highlight-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .highlight-quote {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n font-style: italic;\n color: var(--accent-color);\n line-height: 1.6;\n margin-bottom: 2rem;\n }\n \n .highlight-text {\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 2;\n }\n \n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n background: var(--secondary-bg);\n border-top: 1px solid rgba(212, 165, 116, 0.1);\n }\n \n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .footer-text {\n font-size: 0.9rem;\n color: var(--text-secondary);\n }\n \n .social-links {\n display: flex;\n gap: 2rem;\n }\n \n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent-color);\n }\n \n \/* Responsive Design *\/\n @media (max-width: 968px) {\n .hero-title {\n font-size: 3.5rem;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .pairings-grid {\n grid-template-columns: 1fr;\n }\n \n nav ul {\n gap: 1.5rem;\n }\n \n .highlight-quote {\n font-size: 2rem;\n }\n }\n \n @media (max-width: 640px) {\n header {\n padding: 1rem 5%;\n }\n \n .logo {\n font-size: 1.2rem;\n }\n \n nav ul {\n display: none;\n }\n \n .hero {\n padding: 6rem 5% 3rem;\n }\n \n .hero-title {\n font-size: 2.5rem;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .stats-grid {\n grid-template-columns: 1fr;\n }\n \n .footer-content {\n flex-direction: column;\n gap: 2rem;\n text-align: center;\n }\n \n .highlight-quote {\n font-size: 1.5rem;\n }\n }\n \n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Shimmer Effect *\/\n @keyframes shimmer {\n 0% {\n background-position: -1000px 0;\n }\n 100% {\n background-position: 1000px 0;\n }\n }\n \n .shimmer {\n background: linear-gradient(\n 90deg,\n transparent 0%,\n rgba(212, 165, 116, 0.1) 50%,\n transparent 100%\n );\n background-size: 1000px 100%;\n animation: shimmer 3s infinite;\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"hero-title\"\u003eVelvet Descent\u003c\/h1\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Velvet%20Descent\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/4xYPjy1XAuM\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eIconic Confidence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Seduction in motion. Velvet Descent captures feminine power, luxury, and confidence with editorial precision—created for bold, elevated interiors.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Highlight Quote Section --\u003e\n\u003csection class=\"highlight-section\"\u003e\n \u003cdiv class=\"highlight-content\"\u003e\n \u003cp class=\"highlight-quote\"\u003e\n \"Poise never asks permission.\"\n \u003c\/p\u003e\n \u003cp class=\"highlight-text\"\u003e\n This is not fashion. This is attitude, preserved.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Story\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"backstory-text\"\u003e\n \u003cstrong\u003eElegance is not loud.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Velvet Descent was inspired by the moment just before an entrance is made—the pause, the poise, the certainty that follows. The heels do not walk; they command the room in advance.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This piece belongs in spaces where confidence is inherited, not performed.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Two elongated legs rise effortlessly into darkness, framed by impossibly sharp black stilettos. The composition is minimal, deliberate, and charged. There is no face, no identity—only presence. The viewer understands immediately: this is power without explanation.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e👠\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Only 50 prints will ever exist. Each piece is individually numbered and authenticated with a signed certificate of authenticity, ensuring exclusivity and collector-grade positioning.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Museum-grade materials ensure 100+ year longevity. Printed with professional archival pigment inks on premium fine art substrates for exceptional tonal depth and preservation.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Fashion noir artwork maintains strong demand in luxury markets. Positioned for collectors who understand restraint as the highest form of confidence.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection class=\"edition-details\"\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Specifications\u003c\/h2\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eTotal Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\/1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEach Signed\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eNoir Silhouette\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n Sculptural femininity meets timeless elegance. Together, these works create a fashion-noir dialogue ideal for luxury hotel suites and penthouse galleries.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eMidnight Authority\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n Controlled contrast balanced with confident restraint. This pairing explores power and poise—perfect for high-end editorial interiors and boutique hospitality.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003e\n Velvet Descent belongs to the Grand Scale Statement Pieces Collection—a curated series of bold, iconic artworks designed for luxury interiors that command attention.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/grand-scale-statement-pieces?page=2\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Designed for luxury penthouses, boutique hotel suites, executive lounges, fashion houses, and curated private galleries, Velvet Descent becomes an interior statement piece—editorial yet timeless, intimate yet commanding.\n \u003c\/p\u003e\n \u003cp class=\"target-spaces\"\u003e\n \u003cstrong\u003eTarget Spaces:\u003c\/strong\u003e\u003cbr\u003e\n Luxury Penthouses • Boutique Hotel Suites • Fashion Houses • Executive Lounges • Private Galleries\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003cdiv class=\"brand-strip-content\"\u003e\n \u003ch3\u003eCurated for Discerning Spaces\u003c\/h3\u003e\n \u003cdiv class=\"brand-logos\"\u003e\n Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n \u003ch2 class=\"section-title\"\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003e\n Velvet Descent is available for private acquisition, gallery representation, and hospitality procurement.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Velvet%20Descent\" class=\"cta-button\"\u003eContact Kasian Art Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\"\u003eFacebook\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\"\u003ePinterest\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Scroll Animation Observer\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header Scroll Effect\n let lastScroll = 0;\n const header = document.querySelector('header');\n\n window.addEventListener('scroll', () =\u003e {\n const currentScroll = window.pageYOffset;\n \n if (currentScroll \u003e 100) {\n header.style.padding = '1rem 5%';\n } else {\n header.style.padding = '1.5rem 5%';\n }\n \n lastScroll = currentScroll;\n });\n\n \/\/ Add shimmer effect to hero on scroll\n const hero = document.querySelector('.hero');\n window.addEventListener('scroll', () =\u003e {\n if (window.pageYOffset \u003c window.innerHeight) {\n hero.style.opacity = 1 - (window.pageYOffset \/ window.innerHeight * 0.5);\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46083624108197,"sku":"6251253_16039","price":8334.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/4ABAF0BF-716E-4356-B87D-5A5909F75648.png?v=1764343449"},{"product_id":"silhouette-no-7","title":"Silent Current — Limited Edition Abstract Noir Fine Art","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eSilent Current | Luxury Abstract Noir Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A minimalist abstract fine art piece in black and silver tones. Limited edition noir artwork for collectors, hotels, penthouses, and galleries.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #141414;\n --accent-color: #c0c0c0;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --divider-color: rgba(192, 192, 192, 0.2);\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.7;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(192, 192, 192, 0.1);\n padding: 1.5rem 5%;\n transition: all 0.3s ease;\n }\n \n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n .logo:hover {\n color: var(--accent-color);\n }\n \n nav ul {\n display: flex;\n list-style: none;\n gap: 2.5rem;\n }\n \n nav a {\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n text-decoration: none;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-weight: 300;\n }\n \n nav a:hover {\n color: var(--accent-color);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n overflow: hidden;\n }\n \n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(192, 192, 192, 0.05) 0%, transparent 50%);\n animation: pulseGlow 8s ease-in-out infinite;\n }\n \n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.6; }\n }\n \n .hero-content {\n max-width: 900px;\n text-align: center;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1.2s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: 5rem;\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1rem;\n color: var(--text-primary);\n line-height: 1.2;\n }\n \n .edition-badge {\n display: inline-block;\n font-family: 'Montserrat', sans-serif;\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--accent-color);\n border: 1px solid var(--accent-color);\n padding: 0.6rem 1.5rem;\n margin-bottom: 2rem;\n font-weight: 300;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n letter-spacing: 1px;\n }\n \n .cta-button {\n display: inline-block;\n font-family: 'Montserrat', sans-serif;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--primary-bg);\n background: var(--accent-color);\n padding: 1.2rem 3rem;\n text-decoration: none;\n transition: all 0.3s ease;\n border: 2px solid var(--accent-color);\n font-weight: 500;\n }\n \n .cta-button:hover {\n background: transparent;\n color: var(--accent-color);\n transform: translateY(-2px);\n }\n \n \/* Video Section *\/\n .video-section {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n }\n \n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(192, 192, 192, 0.2);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n \n \/* Description Section *\/\n .description-section {\n padding: 6rem 5%;\n max-width: 900px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 400;\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 2px;\n }\n \n .divider {\n width: 100px;\n height: 1px;\n background: var(--accent-color);\n margin: 3rem auto;\n }\n \n .description-text {\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 2rem;\n }\n \n \/* Backstory Section *\/\n .backstory-section {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n \n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 2.2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n \n .backstory-text strong {\n color: var(--text-primary);\n font-weight: 500;\n }\n \n \/* Features Grid *\/\n .features-section {\n padding: 6rem 5%;\n }\n \n .features-grid {\n max-width: 1200px;\n margin: 4rem auto 0;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n \n .feature-card {\n text-align: center;\n padding: 2rem;\n border: 1px solid rgba(192, 192, 192, 0.15);\n transition: all 0.3s ease;\n }\n \n .feature-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-color);\n margin-bottom: 1.5rem;\n }\n \n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n \n .feature-description {\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Edition Details *\/\n .edition-details {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n }\n \n .stats-grid {\n max-width: 1200px;\n margin: 4rem auto 0;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n \n .stat-card {\n text-align: center;\n padding: 2rem;\n border-left: 2px solid var(--accent-color);\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent-color);\n margin-bottom: 0.5rem;\n font-weight: 300;\n }\n \n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n }\n \n \/* Pairings Section *\/\n .pairings-section {\n padding: 6rem 5%;\n }\n \n .pairings-grid {\n max-width: 1000px;\n margin: 4rem auto 0;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 3rem;\n }\n \n .pairing-card {\n border: 1px solid rgba(192, 192, 192, 0.15);\n padding: 2.5rem;\n transition: all 0.3s ease;\n }\n \n .pairing-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-3px);\n }\n \n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n color: var(--accent-color);\n margin-bottom: 1rem;\n }\n \n .pairing-description {\n font-size: 1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n padding: 6rem 5%;\n background: var(--secondary-bg);\n text-align: center;\n }\n \n .collection-cta .section-title {\n margin-bottom: 2rem;\n }\n \n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n \/* Investment Section *\/\n .investment-section {\n padding: 6rem 5%;\n }\n \n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .target-spaces {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-top: 2rem;\n line-height: 2;\n }\n \n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 5%;\n background: var(--secondary-bg);\n border-top: 1px solid rgba(192, 192, 192, 0.1);\n border-bottom: 1px solid rgba(192, 192, 192, 0.1);\n }\n \n .brand-strip-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n \n .brand-strip h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n \n .brand-logos {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n color: var(--accent-color);\n letter-spacing: 2px;\n }\n \n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 5%;\n text-align: center;\n }\n \n .final-cta .section-title {\n margin-bottom: 1.5rem;\n }\n \n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n \n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n background: var(--secondary-bg);\n border-top: 1px solid rgba(192, 192, 192, 0.1);\n }\n \n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .footer-text {\n font-size: 0.9rem;\n color: var(--text-secondary);\n }\n \n .social-links {\n display: flex;\n gap: 2rem;\n }\n \n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent-color);\n }\n \n \/* Responsive Design *\/\n @media (max-width: 968px) {\n .hero-title {\n font-size: 3.5rem;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .pairings-grid {\n grid-template-columns: 1fr;\n }\n \n nav ul {\n gap: 1.5rem;\n }\n }\n \n @media (max-width: 640px) {\n header {\n padding: 1rem 5%;\n }\n \n .logo {\n font-size: 1.2rem;\n }\n \n nav ul {\n display: none;\n }\n \n .hero {\n padding: 6rem 5% 3rem;\n }\n \n .hero-title {\n font-size: 2.5rem;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .stats-grid {\n grid-template-columns: 1fr;\n }\n \n .footer-content {\n flex-direction: column;\n gap: 2rem;\n text-align: center;\n }\n }\n \n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"hero-title\"\u003eSilent Current\u003c\/h1\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Silent%20Current\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/8_lkHS48xNk\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eA Meditation on Restraint\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n A slow movement through shadow and form. Silent Current is an abstract meditation on energy, restraint, and quiet power—created for spaces that breathe sophistication.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Story\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"backstory-text\"\u003e\n \u003cstrong\u003eCurrents are rarely loud.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Silent Current was created to embody restrained momentum—the unseen force that shapes without spectacle. Its curves reference breath, motion, and continuity. Its emptiness creates space for reflection.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This work belongs to interiors curated for balance—chosen by those who understand that energy, when refined, does not rush.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Silent Current is not an image—it is a sensation. Soft gradients of smoke-grey and black move against one another like restrained motion beneath the surface of still water. A singular, calligraphic black curve interrupts the flow, deliberate and decisive, anchoring the composition with intention rather than force.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Only 50 prints will ever exist. Each piece is individually numbered and authenticated with a signed certificate of authenticity, ensuring exclusivity and long-term value.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Museum-grade materials ensure 100+ year longevity. Printed with professional archival pigment inks on premium fine art substrates for exceptional tonal fidelity.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Minimalist abstracts maintain strong demand in luxury markets. This work is positioned for galleries, collectors, and hospitality environments emphasizing refined aesthetic investment.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection class=\"edition-details\"\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Specifications\u003c\/h2\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eTotal Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card fade-in\"\u003e\n \u003cdiv class=\"stat-number\"\u003e1\/1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEach Signed\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eCrescent Nocturne\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n Celestial restraint meets atmospheric calm. Together, these pieces create a dialogue of quiet power and lunar elegance—ideal for gallery walls and luxury corridors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eGolden Ascension\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n Structured elevation balanced with fluid motion. This pairing explores the tension between stillness and momentum—perfect for curated collector installations.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003e\n Silent Current belongs to the Black \u0026amp; White Luxury Collection—a curated series of sophisticated monochrome abstracts designed for refined interiors.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n Designed for modern penthouses, boutique hotel corridors, executive offices, and gallery-caliber interiors, Silent Current operates as an atmospheric anchor. It does not overwhelm a space; it regulates it.\n \u003c\/p\u003e\n \u003cp class=\"target-spaces\"\u003e\n \u003cstrong\u003eTarget Spaces:\u003c\/strong\u003e\u003cbr\u003e\n Luxury Galleries • Private Penthouses • Boutique Hotels • Executive Offices • Museum-Grade Interiors\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003cdiv class=\"brand-strip-content\"\u003e\n \u003ch3\u003eCurated for Discerning Spaces\u003c\/h3\u003e\n \u003cdiv class=\"brand-logos\"\u003e\n Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n \u003ch2 class=\"section-title\"\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003e\n Silent Current is available for private acquisition, gallery representation, and hospitality procurement.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Silent%20Current\" class=\"cta-button\"\u003eContact Kasian Art Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\"\u003eFacebook\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\"\u003ePinterest\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Scroll Animation Observer\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header Scroll Effect\n let lastScroll = 0;\n const header = document.querySelector('header');\n\n window.addEventListener('scroll', () =\u003e {\n const currentScroll = window.pageYOffset;\n \n if (currentScroll \u003e 100) {\n header.style.padding = '1rem 5%';\n } else {\n header.style.padding = '1.5rem 5%';\n }\n \n lastScroll = currentScroll;\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46083624665253,"sku":"8401057_16039","price":9364.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/17AAFBF1-AEA0-4757-ACEA-D2C14CCE8216.png?v=1764636339"},{"product_id":"the-grand-ha","title":"Ivory Silence — Limited Edition Minimalist Fashion Fine Art","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eIvory Silence | Minimalist Fashion Fine Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A minimalist black and ivory fashion artwork. Limited edition fine art for luxury interiors, boutique hotels, collectors, and galleries.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg-primary: #0a0a0a;\n --bg-secondary: #111111;\n --accent-ivory: #e8e4dc;\n --accent-soft: #d4cfc4;\n --text-primary: #ffffff;\n --text-secondary: #a0a0a0;\n --serif: 'Cormorant Garamond', serif;\n --display: 'Playfair Display', serif;\n --sans: 'Montserrat', sans-serif;\n }\n\n body {\n background-color: var(--bg-primary);\n color: var(--text-primary);\n font-family: var(--sans);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n padding: 1.5rem 5%;\n border-bottom: 1px solid rgba(232, 228, 220, 0.1);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: var(--display);\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n nav a:hover {\n color: var(--accent-ivory);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n background: radial-gradient(ellipse at center, rgba(232, 228, 220, 0.03) 0%, var(--bg-primary) 70%);\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 700px;\n height: 700px;\n background: radial-gradient(circle, rgba(232, 228, 220, 0.08) 0%, transparent 70%);\n animation: gentleBreath 6s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes gentleBreath {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1); \n opacity: 0.2; \n }\n 50% { \n transform: translate(-50%, -50%) scale(1.1); \n opacity: 0.35; \n }\n }\n\n .hero-content {\n text-align: center;\n max-width: 900px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero h1 {\n font-family: var(--display);\n font-size: 5rem;\n font-weight: 300;\n letter-spacing: 4px;\n margin-bottom: 1rem;\n color: var(--text-primary);\n line-height: 1.2;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.75rem 2rem;\n border: 1px solid var(--accent-ivory);\n color: var(--accent-ivory);\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin: 1.5rem 0;\n animation: fadeIn 1s ease-out 0.3s both;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .tagline {\n font-family: var(--serif);\n font-size: 1.4rem;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 2.5rem;\n animation: fadeIn 1s ease-out 0.6s both;\n }\n\n .hero-description {\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n animation: fadeIn 1s ease-out 0.9s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-ivory);\n color: var(--accent-ivory);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n animation: fadeIn 1s ease-out 1.2s both;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-ivory);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--bg-primary);\n }\n\n \/* Section Styles *\/\n section {\n padding: 6rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: var(--display);\n font-size: 3rem;\n font-weight: 300;\n text-align: center;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .section-subtitle {\n font-family: var(--serif);\n font-size: 1.2rem;\n text-align: center;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 4rem;\n }\n\n .divider {\n width: 100px;\n height: 1px;\n background: var(--accent-ivory);\n margin: 3rem auto;\n }\n\n \/* Video Section *\/\n .video-container {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n max-width: 1200px;\n margin: 0 auto;\n border: 1px solid rgba(232, 228, 220, 0.15);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n text-align: center;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-secondary);\n padding: 6rem 5%;\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-content p {\n font-family: var(--serif);\n font-size: 1.25rem;\n line-height: 2.2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: left;\n }\n\n .backstory-content p:first-of-type {\n font-size: 1.5rem;\n color: var(--accent-ivory);\n font-style: italic;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 3rem 2rem;\n background: var(--bg-secondary);\n border: 1px solid rgba(232, 228, 220, 0.1);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-ivory);\n transform: translateY(-5px);\n box-shadow: 0 10px 40px rgba(232, 228, 220, 0.05);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-ivory);\n margin-bottom: 1.5rem;\n }\n\n .feature-card h3 {\n font-family: var(--display);\n font-size: 1.5rem;\n font-weight: 400;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n\n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n text-align: center;\n }\n\n .stat-item {\n padding: 2rem;\n border: 1px solid rgba(232, 228, 220, 0.15);\n }\n\n .stat-number {\n font-family: var(--display);\n font-size: 2.5rem;\n font-weight: 300;\n color: var(--accent-ivory);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Pairings Section *\/\n .pairings-list {\n max-width: 800px;\n margin: 4rem auto 0;\n }\n\n .pairing-item {\n margin-bottom: 2.5rem;\n padding-bottom: 2.5rem;\n border-bottom: 1px solid rgba(232, 228, 220, 0.1);\n }\n\n .pairing-item:last-child {\n border-bottom: none;\n }\n\n .pairing-item h3 {\n font-family: var(--display);\n font-size: 1.8rem;\n font-weight: 400;\n color: var(--text-primary);\n margin-bottom: 0.75rem;\n }\n\n .pairing-item p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);\n text-align: center;\n padding: 5rem 5%;\n }\n\n .collection-cta h2 {\n font-family: var(--display);\n font-size: 2.5rem;\n font-weight: 300;\n margin-bottom: 1.5rem;\n }\n\n .collection-cta p {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Target Spaces *\/\n .target-spaces {\n text-align: center;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .spaces-list {\n font-family: var(--serif);\n font-size: 1.2rem;\n color: var(--text-secondary);\n line-height: 2;\n margin-top: 2rem;\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n background: var(--bg-secondary);\n padding: 3rem 5%;\n text-align: center;\n border-top: 1px solid rgba(232, 228, 220, 0.1);\n border-bottom: 1px solid rgba(232, 228, 220, 0.1);\n }\n\n .brand-strip p {\n font-size: 0.85rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 1.5rem;\n }\n\n .brand-names {\n font-family: var(--display);\n font-size: 1.3rem;\n font-weight: 300;\n color: var(--accent-ivory);\n letter-spacing: 3px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 5%;\n background: radial-gradient(ellipse at center, rgba(232, 228, 220, 0.03) 0%, transparent 70%);\n }\n\n .final-cta h2 {\n font-family: var(--display);\n font-size: 3.5rem;\n font-weight: 300;\n margin-bottom: 2rem;\n line-height: 1.3;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n background: var(--bg-secondary);\n padding: 4rem 5%;\n text-align: center;\n border-top: 1px solid rgba(232, 228, 220, 0.1);\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .social-links {\n margin: 2rem 0;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n margin: 0 1.5rem;\n font-size: 1rem;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-ivory);\n }\n\n .footer-text {\n font-size: 0.9rem;\n color: var(--text-secondary);\n margin-top: 2rem;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n nav {\n display: none;\n }\n\n .features-grid,\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n section {\n padding: 4rem 5%;\n }\n }\n\n \/* Scroll animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\n \u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\n \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eIvory Silence\u003c\/h1\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003cp class=\"hero-description\"\u003e\n Effortless poise rendered in quiet contrast. Ivory Silence captures feminine elegance at its most distilled—designed for interiors that honor restraint, balance, and timeless style.\n \u003c\/p\u003e\n \u003ca href=\"#inquire\" class=\"cta-button\"\u003eRequest Private Viewing\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eExperience Ivory Silence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/6Wz2ZCkIddo\" title=\"Ivory Silence - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description-content\"\u003e\n \u003cp\u003e\n Ivory Silence is an homage to understatement. A sculptural feminine form sits composed and unguarded, dressed in monochrome blacks against a luminous ivory field. Her wide-brimmed hat obscures identity, transforming fashion into archetype and gesture into language. The absence of detail is intentional. What remains is refinement.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Philosophy of Silence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cp\u003eSilence has always been the language of refinement.\u003c\/p\u003e\n \n \u003cp\u003e\n Ivory Silence was conceived as a counterpoint to excess—where femininity is defined not by display, but by certainty. The hat shields distraction. The pose holds certainty. The negative space becomes breath.\n \u003c\/p\u003e\n \n \u003cp\u003e\n Every line is deliberate. Every curve restrained. This work draws its strength not from ornament, but from certainty—an aesthetic philosophy long favored by gallery curators, couture houses, and luxury interiors worldwide.\n \u003c\/p\u003e\n \n \u003cp\u003e\n This is art chosen by those who understand that luxury is a decision, not an announcement.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eWhere minimalism meets permanence\u003c\/p\u003e\n \n \u003cdiv class=\"features-grid fade-in\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and positioning as a collector object that transcends trend.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure 100+ year longevity. Printed with pigment-based inks on premium fine art substrates rated for long-term preservation and collector-level presentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eMinimalist fashion artworks maintain strong demand among high-caliber collectors, gallery curators, and luxury hospitality buyers who value timeless restraint over temporary trends.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Quality\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003eVertical\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eMinimalist Form\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eA trilogy of restraint and power\u003c\/p\u003e\n \n \u003cdiv class=\"pairings-list\"\u003e\n \u003cdiv class=\"pairing-item\"\u003e\n \u003ch3\u003eGolden Ascension\u003c\/h3\u003e\n \u003cp\u003eDivine elevation through architectural geometry and quiet sovereignty—where gold guides rather than dominates.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"pairing-item\"\u003e\n \u003ch3\u003eGilded Veil\u003c\/h3\u003e\n \u003cp\u003eSovereign mystery wrapped in gold luminosity and architectural shadow—designed for spaces that honor restraint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp style=\"text-align: center; color: var(--text-secondary); font-style: italic; margin-top: 2rem;\"\u003e\n Together, the trio balances softness, power, and restraint—ideal for curated collector walls, fashion houses, luxury penthouses, and hotel corridors.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2\u003eExplore the Black \u0026amp; White Collection\u003c\/h2\u003e\n \u003cp\u003e\n Discover more monochrome masterworks designed for interiors that value timeless elegance, architectural balance, and quiet luxury.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"target-spaces\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned For Distinction\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp style=\"color: var(--text-secondary); margin-bottom: 2rem;\"\u003e\n Designed for contemporary residences, boutique hotel suites, fashion-forward lobbies, and gallery-grade walls.\n \u003c\/p\u003e\n \u003cdiv class=\"spaces-list\"\u003e\n Collectors • Boutique Hotels • Fashion Houses • Luxury Penthouses • Gallery Walls • Executive Offices • Contemporary Residences • Curated Hospitality Spaces • Designer Showrooms\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003cp\u003eCurated for the world's most distinguished properties\u003c\/p\u003e\n \u003cdiv class=\"brand-names\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n \u003ch2\u003eShe Does Not Perform.\u003cbr\u003eShe Commands Through Calm.\u003c\/h2\u003e\n \u003cp\u003e\n Private viewings and collector consultations available by appointment. Investment-grade documentation provided with each acquisition.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eEmail\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"footer-text\"\u003e\n © 2025 Kasian Art Studio. All rights reserved.\u003cbr\u003e\n Museum-grade limited edition fine art for luxury interiors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083626533029,"sku":"2938761_16039","price":10674.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083626565797,"sku":"2938761_16045","price":10674.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083626598565,"sku":"2938761_15700","price":10674.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/D288ECA2-40CF-4C6E-B047-8BBA409CB5D2.png?v=1764277846"},{"product_id":"golden-ascension","title":"GOLDEN VEIL — Limited Edition Divine Feminine Fine Art","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGolden Ascension | Luxury Noir Figurative Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A serene noir figurative artwork with gold geometry. Limited edition fine art for collectors, penthouses, galleries, and luxury hotels.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg-primary: #0a0a0a;\n --bg-secondary: #111111;\n --accent-gold: #c9a227;\n --text-primary: #ffffff;\n --text-secondary: #a0a0a0;\n --serif: 'Cormorant Garamond', serif;\n --display: 'Playfair Display', serif;\n --sans: 'Montserrat', sans-serif;\n }\n\n body {\n background-color: var(--bg-primary);\n color: var(--text-primary);\n font-family: var(--sans);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n padding: 1.5rem 5%;\n border-bottom: 1px solid rgba(201, 162, 39, 0.1);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: var(--display);\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n nav a:hover {\n color: var(--accent-gold);\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 5% 4rem;\n background: radial-gradient(ellipse at center, rgba(201, 162, 39, 0.05) 0%, var(--bg-primary) 70%);\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(201, 162, 39, 0.15) 0%, transparent 70%);\n animation: pulse 4s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }\n 50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.5; }\n }\n\n .hero-content {\n text-align: center;\n max-width: 900px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero h1 {\n font-family: var(--display);\n font-size: 5rem;\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1rem;\n color: var(--text-primary);\n line-height: 1.2;\n }\n\n .edition-badge {\n display: inline-block;\n padding: 0.75rem 2rem;\n border: 1px solid var(--accent-gold);\n color: var(--accent-gold);\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin: 1.5rem 0;\n animation: fadeIn 1s ease-out 0.3s both;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .tagline {\n font-family: var(--serif);\n font-size: 1.4rem;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 2.5rem;\n animation: fadeIn 1s ease-out 0.6s both;\n }\n\n .hero-description {\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n animation: fadeIn 1s ease-out 0.9s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-gold);\n color: var(--accent-gold);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n animation: fadeIn 1s ease-out 1.2s both;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-gold);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--bg-primary);\n }\n\n \/* Section Styles *\/\n section {\n padding: 6rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: var(--display);\n font-size: 3rem;\n text-align: center;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .section-subtitle {\n font-family: var(--serif);\n font-size: 1.2rem;\n text-align: center;\n color: var(--text-secondary);\n font-style: italic;\n margin-bottom: 4rem;\n }\n\n .divider {\n width: 100px;\n height: 1px;\n background: var(--accent-gold);\n margin: 3rem auto;\n }\n\n \/* Video Section *\/\n .video-container {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n max-width: 1200px;\n margin: 0 auto;\n border: 1px solid rgba(201, 162, 39, 0.2);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n text-align: center;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-secondary);\n padding: 6rem 5%;\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-content p {\n font-family: var(--serif);\n font-size: 1.25rem;\n line-height: 2.2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: left;\n }\n\n .backstory-content p:first-of-type {\n font-size: 1.5rem;\n color: var(--accent-gold);\n font-style: italic;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 3rem 2rem;\n background: var(--bg-secondary);\n border: 1px solid rgba(201, 162, 39, 0.1);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n border-color: var(--accent-gold);\n transform: translateY(-5px);\n box-shadow: 0 10px 40px rgba(201, 162, 39, 0.1);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-gold);\n margin-bottom: 1.5rem;\n }\n\n .feature-card h3 {\n font-family: var(--display);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n\n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n text-align: center;\n }\n\n .stat-item {\n padding: 2rem;\n border: 1px solid rgba(201, 162, 39, 0.2);\n }\n\n .stat-number {\n font-family: var(--display);\n font-size: 2.5rem;\n color: var(--accent-gold);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Pairings Section *\/\n .pairings-list {\n max-width: 800px;\n margin: 4rem auto 0;\n }\n\n .pairing-item {\n margin-bottom: 2.5rem;\n padding-bottom: 2.5rem;\n border-bottom: 1px solid rgba(201, 162, 39, 0.1);\n }\n\n .pairing-item:last-child {\n border-bottom: none;\n }\n\n .pairing-item h3 {\n font-family: var(--display);\n font-size: 1.8rem;\n color: var(--text-primary);\n margin-bottom: 0.75rem;\n }\n\n .pairing-item p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);\n text-align: center;\n padding: 5rem 5%;\n }\n\n .collection-cta h2 {\n font-family: var(--display);\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n }\n\n .collection-cta p {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Target Spaces *\/\n .target-spaces {\n text-align: center;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .spaces-list {\n font-family: var(--serif);\n font-size: 1.2rem;\n color: var(--text-secondary);\n line-height: 2;\n margin-top: 2rem;\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n background: var(--bg-secondary);\n padding: 3rem 5%;\n text-align: center;\n border-top: 1px solid rgba(201, 162, 39, 0.1);\n border-bottom: 1px solid rgba(201, 162, 39, 0.1);\n }\n\n .brand-strip p {\n font-size: 0.85rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 1.5rem;\n }\n\n .brand-names {\n font-family: var(--display);\n font-size: 1.3rem;\n color: var(--accent-gold);\n letter-spacing: 3px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 5%;\n background: radial-gradient(ellipse at center, rgba(201, 162, 39, 0.05) 0%, transparent 70%);\n }\n\n .final-cta h2 {\n font-family: var(--display);\n font-size: 3.5rem;\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n background: var(--bg-secondary);\n padding: 4rem 5%;\n text-align: center;\n border-top: 1px solid rgba(201, 162, 39, 0.1);\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .social-links {\n margin: 2rem 0;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n margin: 0 1.5rem;\n font-size: 1rem;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-gold);\n }\n\n .footer-text {\n font-size: 0.9rem;\n color: var(--text-secondary);\n margin-top: 2rem;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n nav {\n display: none;\n }\n\n .features-grid,\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n section {\n padding: 4rem 5%;\n }\n }\n\n \/* Scroll animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\n \u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\n \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eGolden Ascension\u003c\/h1\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003cp class=\"hero-description\"\u003e\n A figure rising through shadow and geometry. Golden Ascension embodies feminine sovereignty, balance, and quiet divinity—crafted for interiors that command reverence.\n \u003c\/p\u003e\n \u003ca href=\"#inquire\" class=\"cta-button\"\u003eRequest Private Viewing\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eExperience Golden Ascension\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/ytS-QYjaIGs\" title=\"Golden Ascension - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description-content\"\u003e\n \u003cp\u003e\n Golden Ascension is the moment between emergence and elevation. The feminine form stands centered—calm, sculptural, unwavering—wrapped in translucent drapery that moves like breath rather than fabric. Her posture is assured, her gaze closed to the outside world. She does not seek witness. She ascends within herself.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Story Behind the Work\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cp\u003eAscension is rarely loud.\u003c\/p\u003e\n \n \u003cp\u003e\n Golden Ascension was created to honor the internal rise—the moment where structure and intuition align. The gold geometry speaks to order. The softened figure speaks to grace. Together, they form sovereignty without force.\n \u003c\/p\u003e\n \n \u003cp\u003e\n Behind her, architectural geometry and celestial forms in muted gold create a symbolic framework: order and intuition, structure and spirit. The gold does not dominate—it guides. It marks alignment, not excess.\n \u003c\/p\u003e\n \n \u003cp\u003e\n This is art for collectors who understand that power, when true, never rushes.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eCrafted for permanence, designed for impact\u003c\/p\u003e\n \n \u003cdiv class=\"features-grid fade-in\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and long-term value appreciation.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure 100+ year longevity. Printed with pigment-based inks on premium fine art substrates that resist fading, maintain tonal integrity, and preserve collector-grade quality.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eNoir figurative artworks maintain strong demand among high-caliber collectors. This piece functions as both visual anchor and philosophical statement for luxury interiors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYear Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Quality\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003eVertical\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eOrientation\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eComplementary works that elevate the collection\u003c\/p\u003e\n \n \u003cdiv class=\"pairings-list\"\u003e\n \u003cdiv class=\"pairing-item\"\u003e\n \u003ch3\u003eGilded Veil\u003c\/h3\u003e\n \u003cp\u003eSovereign mystery wrapped in gold luminosity and architectural shadow—designed for spaces that honor restraint.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"pairing-item\"\u003e\n \u003ch3\u003eCrescent Nocturne\u003c\/h3\u003e\n \u003cp\u003eCelestial restraint captured in noir elegance—a meditation on cycles, quietude, and refined power.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp style=\"text-align: center; color: var(--text-secondary); font-style: italic; margin-top: 2rem;\"\u003e\n Together, the collection forms a narrative of silence, emergence, and power—curated for gallery sequences, luxury corridors, or signature hotel suites.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\"\u003e\n \u003ch2\u003eExplore the Full Collection\u003c\/h2\u003e\n \u003cp\u003e\n Discover more grand-scale statement pieces designed for luxury interiors, penthouses, and galleries that demand commanding presence.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/grand-scale-statement-pieces\" class=\"cta-button\"\u003eView Grand Scale Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"target-spaces\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned For Distinction\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp style=\"color: var(--text-secondary); margin-bottom: 2rem;\"\u003e\n This piece is designed for high-caliber interiors where art carries meaning beyond aesthetics.\n \u003c\/p\u003e\n \u003cdiv class=\"spaces-list\"\u003e\n Luxury Residences • Gallery-Featured Walls • Executive Spaces • Boutique Hotel Environments • Penthouse Interiors • Private Collector Suites • Signature Hospitality Spaces\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003cp\u003eCurated for the world's most distinguished properties\u003c\/p\u003e\n \u003cdiv class=\"brand-names\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n \u003ch2\u003eThis Is Not Decoration.\u003cbr\u003eThis Is Elevation.\u003c\/h2\u003e\n \u003cp\u003e\n Private viewings and collector consultations available by appointment. Investment-grade documentation provided with each acquisition.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eEmail\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"footer-text\"\u003e\n © 2025 Kasian Art Studio. All rights reserved.\u003cbr\u003e\n Museum-grade limited edition fine art for luxury interiors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083627057317,"sku":"1555794_16039","price":11674.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083627090085,"sku":"1555794_16045","price":11674.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083627122853,"sku":"1555794_15700","price":11674.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/156DC2D0-67C8-401B-A203-C9025A6882D0.png?v=1764270736"},{"product_id":"gilded-veil","title":"“Gilded Veil” — Limited Edition Black \u0026 Gold Fine Art","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGilded Veil | Luxury Noir Figurative Fine Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A hooded noir feminine figure with gold accents. Limited edition luxury figurative art for collectors, galleries, penthouses, and hotels.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #111111;\n --accent-color: #c9a227;\n --accent-hover: #e6b930;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --divider: #2a2a2a;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.8;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n border-bottom: 1px solid var(--divider);\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 3rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-hover);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: radial-gradient(ellipse at center, #1a1410 0%, #0a0a0a 70%);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 50% 30%, rgba(201, 162, 39, 0.08) 0%, transparent 40%),\n radial-gradient(circle at 20% 70%, rgba(201, 162, 39, 0.05) 0%, transparent 50%);\n animation: sovereignGlow 12s ease-in-out infinite;\n }\n\n @keyframes sovereignGlow {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.6; }\n }\n\n .gold-fractures {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n }\n\n .fracture-line {\n position: absolute;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--accent-color), transparent);\n opacity: 0;\n animation: fracture 8s ease-in-out infinite;\n }\n\n .fracture-line:nth-child(1) {\n top: 20%;\n left: 0;\n width: 200px;\n animation-delay: 0s;\n }\n\n .fracture-line:nth-child(2) {\n top: 50%;\n right: 0;\n width: 150px;\n animation-delay: 2s;\n }\n\n .fracture-line:nth-child(3) {\n top: 75%;\n left: 30%;\n width: 180px;\n animation-delay: 4s;\n }\n\n @keyframes fracture {\n 0%, 100% {\n opacity: 0;\n transform: scaleX(0);\n }\n 10%, 90% {\n opacity: 0.4;\n }\n 50% {\n opacity: 0.6;\n transform: scaleX(1);\n }\n }\n\n .hero-content {\n text-align: center;\n z-index: 2;\n max-width: 900px;\n padding: 2rem;\n animation: fadeInUp 1.5s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-size: 0.9rem;\n letter-spacing: 3px;\n color: var(--accent-color);\n margin-bottom: 1rem;\n font-weight: 300;\n text-transform: uppercase;\n }\n\n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: 5.5rem;\n font-weight: 600;\n margin-bottom: 1rem;\n line-height: 1.1;\n letter-spacing: 3px;\n text-shadow: 0 0 40px rgba(201, 162, 39, 0.2);\n }\n\n .hero-edition {\n font-size: 1rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .hero-tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-color);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--primary-bg);\n border-color: var(--accent-hover);\n box-shadow: 0 0 20px rgba(201, 162, 39, 0.3);\n }\n\n \/* Section Styling *\/\n section {\n padding: 8rem 3rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 3rem;\n text-align: center;\n letter-spacing: 1px;\n }\n\n .section-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 4rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n }\n\n \/* Video Section *\/\n .video-container {\n max-width: 1200px;\n margin: 0 auto 4rem;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--divider);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description {\n background: var(--secondary-bg);\n padding: 6rem 3rem;\n }\n\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n }\n\n .divider {\n width: 100px;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-color), transparent);\n margin: 3rem auto;\n position: relative;\n }\n\n .divider::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 8px;\n height: 8px;\n background: var(--accent-color);\n border-radius: 50%;\n box-shadow: 0 0 10px var(--accent-color);\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: var(--primary-bg);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-content p {\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n .backstory-content p:first-of-type {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.6rem;\n font-style: italic;\n color: var(--accent-color);\n margin-bottom: 2.5rem;\n text-align: center;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n background: var(--secondary-bg);\n padding: 3rem 2rem;\n text-align: center;\n border: 1px solid var(--divider);\n transition: transform 0.3s ease, border-color 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-color), transparent);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .feature-card:hover::before {\n opacity: 1;\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-color);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-color);\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .feature-description {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n\n \/* Edition Stats *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n background: var(--secondary-bg);\n padding: 4rem;\n border: 1px solid var(--divider);\n position: relative;\n }\n\n .edition-stats::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--accent-color), transparent);\n }\n\n .stat-item {\n text-align: center;\n padding: 2rem;\n border-right: 1px solid var(--divider);\n }\n\n .stat-item:last-child {\n border-right: none;\n }\n\n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n margin-bottom: 0.5rem;\n }\n\n .stat-value {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n color: var(--accent-color);\n }\n\n \/* Pairings Section *\/\n .pairings {\n background: var(--secondary-bg);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .pairing-card {\n background: var(--primary-bg);\n border: 1px solid var(--divider);\n padding: 2rem;\n transition: transform 0.3s ease;\n position: relative;\n }\n\n .pairing-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--accent-color);\n transition: width 0.4s ease;\n }\n\n .pairing-card:hover::after {\n width: 100%;\n }\n\n .pairing-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-color);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--accent-color);\n }\n\n .pairing-description {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 100%);\n padding: 6rem 3rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .collection-cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(201, 162, 39, 0.05) 0%, transparent 70%);\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 2rem;\n position: relative;\n z-index: 2;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n z-index: 2;\n }\n\n \/* Investment Section *\/\n .investment {\n background: var(--primary-bg);\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 1rem 2rem;\n background: var(--secondary-bg);\n border: 1px solid var(--divider);\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n border-color: var(--accent-color);\n color: var(--accent-color);\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(201, 162, 39, 0.1);\n }\n\n \/* Luxury Brands *\/\n .luxury-brands {\n background: var(--secondary-bg);\n padding: 4rem 3rem;\n text-align: center;\n }\n\n .brands-strip {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 3rem;\n flex-wrap: wrap;\n margin-top: 2rem;\n }\n\n .brand-name {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n color: var(--accent-color);\n letter-spacing: 2px;\n }\n\n .brand-separator {\n color: var(--divider);\n font-size: 1.5rem;\n }\n\n \/* Final CTA *\/\n .final-cta {\n background: linear-gradient(180deg, #0a0a0a 0%, #1a1410 50%, #0a0a0a 100%);\n padding: 8rem 3rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .final-cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(201, 162, 39, 0.08) 0%, transparent 70%);\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.6; }\n }\n\n .final-cta-content {\n position: relative;\n z-index: 2;\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n margin-bottom: 2rem;\n line-height: 1.2;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n background: var(--secondary-bg);\n padding: 4rem 3rem;\n text-align: center;\n border-top: 1px solid var(--divider);\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .footer-logo {\n font-family: 'Playfair Display', serif;\n font-size: 2rem;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 1.5rem;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-hover);\n }\n\n .footer-text {\n color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n\n .hero-title {\n font-size: 3rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n section {\n padding: 4rem 1.5rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-stats {\n grid-template-columns: 1fr;\n padding: 2rem;\n }\n\n .stat-item {\n border-right: none;\n border-bottom: 1px solid var(--divider);\n }\n\n .stat-item:last-child {\n border-bottom: none;\n }\n }\n\n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"#artwork\"\u003eARTWORK\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"gold-fractures\"\u003e\n \u003cdiv class=\"fracture-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fracture-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fracture-line\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cp class=\"hero-subtitle\"\u003eSovereign Presence\u003c\/p\u003e\n \u003ch1 class=\"hero-title\"\u003eGilded Veil\u003c\/h1\u003e\n \u003cp class=\"hero-edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"artwork\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/1SWtb5AsvG8\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n \u003cdiv class=\"description-content\"\u003e\n \u003cp\u003eVeiled. Sovereign. Untouchable. Gilded Veil embodies power softened by mystery—crafted for collectors who understand that true luxury never reveals itself fully.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eA hooded feminine form emerges from complete darkness—her silhouette sculpted, commanding, and intentional. Gold fissures trace her body like memory scars, not ornamentation.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Story\u003c\/h2\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eShe stands where light refuses to intrude.\u003c\/p\u003e\n \u003cp\u003eGilded Veil was created as an answer to spectacle—a reminder that power does not require exposure. The veil is not concealment; it is sovereignty. The gold is not adornment; it is survival made visible.\u003c\/p\u003e\n \u003cp\u003eA hooded feminine form emerges from complete darkness—her silhouette sculpted, commanding, and intentional. Gold fissures trace her body like memory scars, not ornamentation. They do not decorate her. They testify to her endurance.\u003c\/p\u003e\n \u003cp\u003eThe absence of a visible face removes identity and invites projection. She becomes archetype rather than subject—strength without address, beauty without performance. The gold does what light cannot: it reveals presence without exposure.\u003c\/p\u003e\n \u003cp\u003eThis is not a figurative piece meant for casual viewing. It is designed for refined interiors that value symbolism, emotional weight, and legacy-level placement—billionaire residences, executive spaces, gallery walls, and boutique hospitality environments curated with precision.\u003c\/p\u003e\n \u003cp\u003eThis work belongs to collectors who understand legacy, not trend. Those who curate spaces as statements of presence rather than decoration.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\" class=\"fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e👑\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eOnly 50 prints will ever exist. Each piece is numbered and certified, ensuring exclusivity and positioning this work as a serious collector's acquisition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed with archival pigment inks on premium fine art substrates for generations of enduring presence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📈\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eNoir figurative art maintains strong demand in luxury markets. Designed for collectors, galleries, and prestigious hospitality procurement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cp class=\"stat-label\"\u003eEDITION\u003c\/p\u003e\n \u003cp class=\"stat-value\"\u003e50 Prints\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cp class=\"stat-label\"\u003eARTIST\u003c\/p\u003e\n \u003cp class=\"stat-value\"\u003eKasian Art Studio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cp class=\"stat-label\"\u003eORIENTATION\u003c\/p\u003e\n \u003cp class=\"stat-value\"\u003eVertical\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cp class=\"stat-label\"\u003eLONGEVITY\u003c\/p\u003e\n \u003cp class=\"stat-value\"\u003e100+ Years\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eGilded Veil pairs beautifully with works from the Gold Noir Luxe Collection, forming a complete noir narrative exploring power, silence, and permanence.\u003c\/p\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eCrescent Nocturne\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA celestial companion piece exploring restraint and quiet authority—ideal for creating corridor installations and gallery sequences that speak to sovereignty and stillness.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eGilded Nocturne Tulips\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eOrganic fragility meets architectural strength, completing a gold noir trilogy that explores vulnerability, endurance, and the power of what remains veiled.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection id=\"collection\" class=\"collection-cta fade-in\"\u003e\n \u003ch2\u003eExplore the Gold Noir Luxe Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover a curated selection of black and gold works designed for collectors who understand that true power never reveals itself fully.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"space-tag\"\u003eBILLIONAIRE RESIDENCES\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eEXECUTIVE SPACES\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eGALLERY WALLS\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eBOUTIQUE HOTEL SUITES\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePRIVATE COLLECTIONS\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eLEGACY INTERIORS\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003cp style=\"font-size: 0.9rem; letter-spacing: 2px; color: var(--text-secondary); margin-bottom: 1rem;\"\u003eTRUSTED BY\u003c\/p\u003e\n \u003cdiv class=\"brands-strip\"\u003e\n \u003cspan class=\"brand-name\"\u003eAman\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan class=\"brand-name\"\u003eFour Seasons\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan class=\"brand-name\"\u003eSt. Regis\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan class=\"brand-name\"\u003eRitz-Carlton Reserve\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection id=\"inquiry\" class=\"final-cta\"\u003e\n \u003cdiv class=\"final-cta-content\"\u003e\n \u003ch2\u003ePower, Veiled.\u003cbr\u003eGold, Earned.\u003cbr\u003ePresence, Absolute.\u003c\/h2\u003e\n \u003cp\u003eInquire about Gilded Veil and discover how this limited edition noir figurative masterwork can bring sovereign presence and timeless mystery to your refined space.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n \u003cp class=\"footer-text\" style=\"margin-top: 1rem;\"\u003eMuseum-Grade Fine Art • Limited Editions • Luxury Interiors\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll for navigation\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(element =\u003e {\n observer.observe(element);\n });\n\n \/\/ Parallax effect for hero\n window.addEventListener('scroll', function() {\n const scrolled = window.pageYOffset;\n const hero = document.querySelector('.hero');\n if (hero) {\n hero.style.transform = `translateY(${scrolled * 0.5}px)`;\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083631513765,"sku":"8263285_16039","price":13304.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083631546533,"sku":"8263285_16045","price":13304.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083631579301,"sku":"8263285_15700","price":13304.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/52EA6F8D-D02B-49C3-98FB-C2D219CBCA2C.png?v=1764262484"},{"product_id":"midnight-cathedral","title":"Nocturne Dominion — Limited Edition Gothic Noir Fine Art","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eNocturne Dominion | Gothic Noir Fine Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A haunting noir cityscape under a crescent moon. Limited edition fine art for collectors, galleries, boutique hotels, and luxury interiors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #111111;\n --accent-color: #d4d4d4;\n --accent-hover: #ffffff;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --divider: #2a2a2a;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.8;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n border-bottom: 1px solid var(--divider);\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 3rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-hover);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 30%, rgba(212, 212, 212, 0.03) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(212, 212, 212, 0.02) 0%, transparent 50%);\n animation: atmosphericPulse 8s ease-in-out infinite;\n }\n\n @keyframes atmosphericPulse {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.5; }\n }\n\n .crescent-moon {\n position: absolute;\n top: 15%;\n right: 15%;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n box-shadow: \n -20px 0 0 0 rgba(212, 212, 212, 0.9),\n 0 0 40px rgba(212, 212, 212, 0.3),\n 0 0 80px rgba(212, 212, 212, 0.1);\n animation: moonGlow 6s ease-in-out infinite;\n opacity: 0.8;\n }\n\n @keyframes moonGlow {\n 0%, 100% { \n box-shadow: \n -20px 0 0 0 rgba(212, 212, 212, 0.9),\n 0 0 40px rgba(212, 212, 212, 0.3),\n 0 0 80px rgba(212, 212, 212, 0.1);\n }\n 50% { \n box-shadow: \n -20px 0 0 0 rgba(212, 212, 212, 1),\n 0 0 50px rgba(212, 212, 212, 0.4),\n 0 0 100px rgba(212, 212, 212, 0.15);\n }\n }\n\n .hero-content {\n text-align: center;\n z-index: 2;\n max-width: 900px;\n padding: 2rem;\n animation: fadeInUp 1.5s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-size: 0.9rem;\n letter-spacing: 3px;\n color: var(--accent-color);\n margin-bottom: 1rem;\n font-weight: 300;\n }\n\n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: 5rem;\n font-weight: 600;\n margin-bottom: 1rem;\n line-height: 1.1;\n letter-spacing: 2px;\n }\n\n .hero-edition {\n font-size: 1rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .hero-tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-color);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--primary-bg);\n border-color: var(--accent-hover);\n }\n\n \/* Section Styling *\/\n section {\n padding: 8rem 3rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 3rem;\n text-align: center;\n letter-spacing: 1px;\n }\n\n .section-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n color: var(--text-secondary);\n text-align: center;\n margin-bottom: 4rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n }\n\n \/* Video Section *\/\n .video-container {\n max-width: 1200px;\n margin: 0 auto 4rem;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--divider);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description {\n background: var(--secondary-bg);\n padding: 6rem 3rem;\n }\n\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n }\n\n .divider {\n width: 100px;\n height: 1px;\n background: var(--accent-color);\n margin: 3rem auto;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: var(--primary-bg);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-content p {\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n .backstory-content p:first-of-type {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-style: italic;\n color: var(--accent-color);\n margin-bottom: 2.5rem;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n background: var(--secondary-bg);\n padding: 3rem 2rem;\n text-align: center;\n border: 1px solid var(--divider);\n transition: transform 0.3s ease, border-color 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-color);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-color);\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .feature-description {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n\n \/* Edition Stats *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n background: var(--secondary-bg);\n padding: 4rem;\n border: 1px solid var(--divider);\n }\n\n .stat-item {\n text-align: center;\n padding: 2rem;\n border-right: 1px solid var(--divider);\n }\n\n .stat-item:last-child {\n border-right: none;\n }\n\n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-secondary);\n margin-bottom: 0.5rem;\n }\n\n .stat-value {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n color: var(--accent-color);\n }\n\n \/* Pairings Section *\/\n .pairings {\n background: var(--secondary-bg);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .pairing-card {\n background: var(--primary-bg);\n border: 1px solid var(--divider);\n padding: 2rem;\n transition: transform 0.3s ease;\n }\n\n .pairing-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-color);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--accent-color);\n }\n\n .pairing-description {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);\n padding: 6rem 3rem;\n text-align: center;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment {\n background: var(--primary-bg);\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 1rem 2rem;\n background: var(--secondary-bg);\n border: 1px solid var(--divider);\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: var(--text-secondary);\n }\n\n \/* Luxury Brands *\/\n .luxury-brands {\n background: var(--secondary-bg);\n padding: 4rem 3rem;\n text-align: center;\n }\n\n .brands-strip {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 3rem;\n flex-wrap: wrap;\n margin-top: 2rem;\n }\n\n .brand-name {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n color: var(--accent-color);\n letter-spacing: 2px;\n }\n\n .brand-separator {\n color: var(--divider);\n font-size: 1.5rem;\n }\n\n \/* Final CTA *\/\n .final-cta {\n background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);\n padding: 8rem 3rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .final-cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(212, 212, 212, 0.03) 0%, transparent 70%);\n }\n\n .final-cta-content {\n position: relative;\n z-index: 2;\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n margin-bottom: 2rem;\n line-height: 1.2;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Footer *\/\n footer {\n background: var(--secondary-bg);\n padding: 4rem 3rem;\n text-align: center;\n border-top: 1px solid var(--divider);\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .footer-logo {\n font-family: 'Playfair Display', serif;\n font-size: 2rem;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 1.5rem;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent-hover);\n }\n\n .footer-text {\n color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n\n .hero-title {\n font-size: 3rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n section {\n padding: 4rem 1.5rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-stats {\n grid-template-columns: 1fr;\n padding: 2rem;\n }\n\n .stat-item {\n border-right: none;\n border-bottom: 1px solid var(--divider);\n }\n\n .stat-item:last-child {\n border-bottom: none;\n }\n\n .crescent-moon {\n width: 60px;\n height: 60px;\n top: 10%;\n right: 10%;\n }\n }\n\n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"#artwork\"\u003eARTWORK\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"crescent-moon\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cp class=\"hero-subtitle\"\u003eGOTHIC NOIR\u003c\/p\u003e\n \u003ch1 class=\"hero-title\"\u003eNocturne Dominion\u003c\/h1\u003e\n \u003cp class=\"hero-edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"artwork\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/kZwnvSvOU4o\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n \u003cdiv class=\"description-content\"\u003e\n \u003cp\u003eA crescent moon presides over shadowed spires. Nocturne Dominion is a meditation on solitude, power, and silence—created for interiors that command atmosphere.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eDesigned for gallery walls, penthouses, libraries, boutique hotel suites, and moody executive spaces, Nocturne Dominion anchors a room with psychological weight and timeless gravity.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Story\u003c\/h2\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eNight was never meant to be empty.\u003c\/p\u003e\n \u003cp\u003eNocturne Dominion was born from the idea that darkness can govern just as powerfully as light. The crescent does not illuminate—it oversees. The city does not sleep—it waits.\u003c\/p\u003e\n \u003cp\u003eA pale crescent moon burns through charcoal skies, suspended above a looming gothic cityscape. Towers rise without detail—forms stripped to essence—allowing emotion, not architecture, to dominate. Below, water reflects only fragments, as if memory itself were unstable.\u003c\/p\u003e\n \u003cp\u003eThis is not a landscape. It is a state of being.\u003c\/p\u003e\n \u003cp\u003eThe composition speaks to collectors who understand quiet intensity—those drawn to works that shape mood rather than explain themselves. The grayscale depth, softened edges, and painterly texture evoke old-world nocturnes with a modern severity.\u003c\/p\u003e\n \u003cp\u003eThis is art for spaces where silence is intentional and mood is curated with precision.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\" class=\"fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🌑\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eOnly 50 prints will ever exist. Each piece is numbered and certified, ensuring exclusivity and long-term collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed with archival pigment inks on premium fine art substrates for enduring beauty.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e📈\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eGothic noir abstracts maintain strong demand in luxury markets. Designed for collectors, galleries, and prestigious hospitality projects.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cp class=\"stat-label\"\u003eEDITION\u003c\/p\u003e\n \u003cp class=\"stat-value\"\u003e50 Prints\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cp class=\"stat-label\"\u003eARTIST\u003c\/p\u003e\n \u003cp class=\"stat-value\"\u003eKasian Art Studio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cp class=\"stat-label\"\u003eORIENTATION\u003c\/p\u003e\n \u003cp class=\"stat-value\"\u003eVertical\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cp class=\"stat-label\"\u003eLONGEVITY\u003c\/p\u003e\n \u003cp class=\"stat-value\"\u003e100+ Years\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eNocturne Dominion pairs beautifully with works from the Black \u0026amp; White Luxury Collection, forming a cohesive noir narrative.\u003c\/p\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eCrescent Nocturne\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA companion piece exploring celestial restraint and the quiet sovereignty of night—ideal for creating atmospheric gallery installations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSilent Current\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eSubdued motion meets architectural stillness, completing a noir trilogy that explores sovereignty, shadow, and timeless gravity.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection id=\"collection\" class=\"collection-cta fade-in\"\u003e\n \u003ch2\u003eExplore the Black \u0026amp; White Luxury Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover a curated selection of gothic noir and atmospheric works designed for collectors who value mood, restraint, and timeless elegance.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"space-tag\"\u003eLUXURY GALLERIES\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePENTHOUSES\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eBOUTIQUE HOTELS\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePRIVATE LIBRARIES\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eEXECUTIVE OFFICES\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eMOODY INTERIORS\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003cp style=\"font-size: 0.9rem; letter-spacing: 2px; color: var(--text-secondary); margin-bottom: 1rem;\"\u003eTRUSTED BY\u003c\/p\u003e\n \u003cdiv class=\"brands-strip\"\u003e\n \u003cspan class=\"brand-name\"\u003eAman\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan class=\"brand-name\"\u003eFour Seasons\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan class=\"brand-name\"\u003eSt. Regis\u003c\/span\u003e\n \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n \u003cspan class=\"brand-name\"\u003eRitz-Carlton Reserve\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection id=\"inquiry\" class=\"final-cta\"\u003e\n \u003cdiv class=\"final-cta-content\"\u003e\n \u003ch2\u003eSilence Ascends.\u003cbr\u003eDarkness Governs.\u003c\/h2\u003e\n \u003cp\u003eInquire about Nocturne Dominion and discover how this limited edition gothic noir artwork can transform your space with atmospheric power and timeless sophistication.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n \u003cp class=\"footer-text\" style=\"margin-top: 1rem;\"\u003eMuseum-Grade Fine Art • Limited Editions • Luxury Interiors\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll for navigation\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(element =\u003e {\n observer.observe(element);\n });\n\n \/\/ Parallax effect for hero\n window.addEventListener('scroll', function() {\n const scrolled = window.pageYOffset;\n const hero = document.querySelector('.hero');\n if (hero) {\n hero.style.transform = `translateY(${scrolled * 0.5}px)`;\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083633578149,"sku":"5200470_16039","price":11306.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083633610917,"sku":"5200470_16045","price":11306.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083633643685,"sku":"5200470_15700","price":11306.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/91E46381-CB71-4145-9AC0-84C1D64DEF28.png?v=1763646899"},{"product_id":"soulbound","title":"Soulbound” — Limited Edition Black \u0026 White Fine Art","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eVow in Stillness | Luxury Monochrome Fine Art for Elite Interiors\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A museum-grade monochrome fine art print capturing intimacy and strength. Limited edition art for penthouses, yachts, and hotels.\"\u003e\n \n \u003c!-- Fonts --\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \n \u003cstyle\u003e\n :root {\n --bg-dark: #0a0a0a;\n --bg-darker: #050505;\n --text-light: #f5f5f5;\n --text-muted: #a0a0a0;\n --accent: #d4d4d4;\n --accent-hover: #e8e8e8;\n --accent-subtle: rgba(212, 212, 212, 0.15);\n --divider: rgba(212, 212, 212, 0.2);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-light);\n line-height: 1.8;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(212, 212, 212, 0.1);\n transition: all 0.3s ease;\n }\n \n header.scrolled {\n background: rgba(10, 10, 10, 0.98);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n }\n \n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-light);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n .logo:hover {\n color: var(--accent);\n }\n \n nav ul {\n display: flex;\n list-style: none;\n gap: 2.5rem;\n }\n \n nav a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-weight: 400;\n }\n \n nav a:hover {\n color: var(--accent);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 3rem 4rem;\n background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n overflow: hidden;\n }\n \n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center, rgba(212, 212, 212, 0.03) 0%, transparent 70%);\n animation: quietPulse 12s ease-in-out infinite;\n }\n \n .hero::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at center, transparent 0%, var(--bg-dark) 50%);\n animation: slowRotate 60s linear infinite;\n pointer-events: none;\n opacity: 0.3;\n }\n \n @keyframes quietPulse {\n 0%, 100% { opacity: 0.2; }\n 50% { opacity: 0.4; }\n }\n \n @keyframes slowRotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n \n .hero-content {\n max-width: 900px;\n text-align: center;\n position: relative;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .edition-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 1.5rem;\n font-weight: 500;\n }\n \n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: 4.5rem;\n font-weight: 600;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n letter-spacing: 1px;\n background: linear-gradient(135deg, var(--text-light) 0%, var(--accent) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n font-weight: 300;\n font-style: italic;\n color: var(--text-muted);\n margin-bottom: 3rem;\n letter-spacing: 2px;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n color: var(--accent);\n border: 2px solid var(--accent);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n font-weight: 500;\n }\n \n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent);\n transition: left 0.4s ease;\n z-index: -1;\n }\n \n .cta-button:hover {\n color: var(--bg-dark);\n }\n \n .cta-button:hover::before {\n left: 0;\n }\n \n \/* Section Styles *\/\n section {\n padding: 6rem 3rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 2.8rem;\n text-align: center;\n margin-bottom: 1rem;\n font-weight: 600;\n letter-spacing: 1px;\n }\n \n .section-subtitle {\n text-align: center;\n color: var(--text-muted);\n font-size: 1.1rem;\n margin-bottom: 4rem;\n font-weight: 300;\n }\n \n .divider {\n width: 80px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n margin: 3rem auto;\n }\n \n \/* Video Section *\/\n .video-section {\n background: var(--bg-darker);\n padding: 6rem 3rem;\n }\n \n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 4px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n border: 1px solid var(--divider);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n \n \/* Description Section *\/\n .description {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .description p {\n font-size: 1.15rem;\n line-height: 2;\n color: var(--text-muted);\n margin-bottom: 1.5rem;\n }\n \n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-darker);\n position: relative;\n }\n \n .backstory::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center, var(--accent-subtle) 0%, transparent 60%);\n opacity: 0.3;\n pointer-events: none;\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n \n .backstory-content p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 2.2;\n color: var(--text-light);\n margin-bottom: 2rem;\n text-align: left;\n }\n \n .backstory-content p:first-of-type::first-letter {\n font-size: 3.5rem;\n float: left;\n line-height: 1;\n margin: 0.1rem 0.5rem 0 0;\n color: var(--accent);\n font-weight: 600;\n }\n \n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .feature-card {\n text-align: center;\n padding: 2.5rem 2rem;\n background: var(--accent-subtle);\n border: 1px solid var(--divider);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(212, 212, 212, 0.1), transparent);\n transition: left 0.6s ease;\n }\n \n .feature-card:hover::before {\n left: 100%;\n }\n \n .feature-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(212, 212, 212, 0.1);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent);\n margin-bottom: 1.5rem;\n }\n \n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-light);\n }\n \n .feature-card p {\n color: var(--text-muted);\n line-height: 1.8;\n font-size: 0.95rem;\n }\n \n \/* Edition Details *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: var(--accent-subtle);\n border: 1px solid var(--divider);\n }\n \n .stat {\n text-align: center;\n padding: 1.5rem;\n border-right: 1px solid var(--divider);\n }\n \n .stat:last-child {\n border-right: none;\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent);\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n \n .stat-label {\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-muted);\n }\n \n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-darker);\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .pairing-card {\n background: var(--accent-subtle);\n border: 1px solid var(--divider);\n padding: 2.5rem;\n transition: all 0.4s ease;\n }\n \n .pairing-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(212, 212, 212, 0.1);\n }\n \n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.6rem;\n margin-bottom: 1rem;\n color: var(--accent);\n }\n \n .pairing-card p {\n color: var(--text-muted);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 5rem 3rem;\n background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n position: relative;\n }\n \n .collection-cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center, var(--accent-subtle) 0%, transparent 60%);\n opacity: 0.3;\n pointer-events: none;\n }\n \n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n position: relative;\n z-index: 2;\n }\n \n .collection-cta p {\n font-size: 1.1rem;\n color: var(--text-muted);\n margin-bottom: 2.5rem;\n position: relative;\n z-index: 2;\n }\n \n \/* Investment Section *\/\n .investment {\n background: var(--bg-darker);\n }\n \n .spaces-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n \n .space-item {\n padding: 1.5rem;\n background: var(--accent-subtle);\n border-left: 3px solid var(--accent);\n transition: all 0.3s ease;\n }\n \n .space-item:hover {\n background: rgba(212, 212, 212, 0.2);\n transform: translateX(10px);\n box-shadow: -5px 0 20px rgba(212, 212, 212, 0.1);\n }\n \n .space-item h4 {\n font-family: 'Playfair Display', serif;\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n color: var(--text-light);\n }\n \n .space-item p {\n font-size: 0.9rem;\n color: var(--text-muted);\n }\n \n \/* Luxury Brands Strip *\/\n .luxury-brands {\n padding: 4rem 3rem;\n background: var(--bg-dark);\n text-align: center;\n }\n \n .luxury-brands p {\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-bottom: 2rem;\n }\n \n .brands-list {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--accent);\n letter-spacing: 3px;\n }\n \n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 3rem;\n text-align: center;\n background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n position: relative;\n }\n \n .final-cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center, var(--accent-subtle) 0%, transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n }\n \n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 2rem;\n position: relative;\n z-index: 2;\n }\n \n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-muted);\n margin-bottom: 1rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n z-index: 2;\n }\n \n .contact-email {\n color: var(--accent);\n text-decoration: none;\n font-size: 1.1rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .contact-email:hover {\n color: var(--accent-hover);\n }\n \n \/* Footer *\/\n footer {\n background: var(--bg-darker);\n padding: 3rem;\n text-align: center;\n border-top: 1px solid var(--divider);\n }\n \n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n \n .social-links a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent);\n }\n \n .copyright {\n font-size: 0.85rem;\n color: var(--text-muted);\n letter-spacing: 1px;\n }\n \n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .header-content {\n padding: 1rem 1.5rem;\n }\n \n nav ul {\n gap: 1.5rem;\n }\n \n nav a {\n font-size: 0.8rem;\n }\n \n .hero h1 {\n font-size: 2.5rem;\n }\n \n .tagline {\n font-size: 1.1rem;\n }\n \n section {\n padding: 4rem 1.5rem;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .features-grid,\n .pairings-grid,\n .spaces-list {\n grid-template-columns: 1fr;\n }\n \n .stat {\n border-right: none;\n border-bottom: 1px solid var(--divider);\n }\n \n .stat:last-child {\n border-bottom: none;\n }\n }\n \u003c\/style\u003e\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- Hero Section --\u003e\n \u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cp class=\"edition-label\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003ch1\u003eVow in Stillness\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eInquire About This Piece\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Video Section --\u003e\n \u003cdiv class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/t33NsdVB1gU?si=mii1JUm_d2uz5SlH\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Description Section --\u003e\n \u003csection class=\"description\"\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eA powerful study of closeness and quiet strength, where intimacy becomes architecture.\u003c\/p\u003e\n \u003cp\u003eVow in Stillness captures devotion in its most restrained, elemental form. Two figures fold inward toward one another, strength softened by trust, power grounded in proximity. This work is not an accent—it is an anchor.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Backstory Section --\u003e\n \u003csection class=\"backstory\" id=\"story\"\u003e\n \u003ch2 class=\"section-title\"\u003eIntimacy as Sanctuary\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cp\u003eThe world outside is vast. Inside, everything narrows.\u003c\/p\u003e\n \u003cp\u003eIn Vow in Stillness, intimacy is not performed—it is protected. The figures lean inward, forming a quiet sanctuary against the chaos beyond. Strength is present, but softened. Power exists, but unspoken.\u003c\/p\u003e\n \u003cp\u003eThis piece belongs in spaces where silence is intentional and luxury is measured by what is left untouched.\u003c\/p\u003e\n \u003cp\u003eCollectors acquire Vow in Stillness as a statement of sovereignty, intimacy, and emotional refinement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Features Section --\u003e\n \u003csection id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eSculptural monochrome for ultra-refined environments\u003c\/p\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and authenticated, ensuring exclusivity for elite private and hospitality collections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials preserve sculptural tonal integrity and depth, meeting the preservation standards required for superyachts, penthouses, and collector galleries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eMonochrome fine art maintains enduring demand in ultra-luxury interiors where intimacy, restraint, and emotional sophistication define the space.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Edition Details --\u003e\n \u003csection\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEdition Size\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Quality\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003eLifetime\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArchival Standard\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Curated Pairings --\u003e\n \u003csection class=\"pairings\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eVow in Stillness pairs seamlessly with complementary works\u003c\/p\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eMinimalist Abstract\u003c\/h3\u003e\n \u003cp\u003eBalance human intimacy with spatial calm through minimal abstracts in neutral tones. Ideal for creating visual dialogue between emotion and architecture in hospitality installations or private galleries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eArchitectural Black \u0026amp; White\u003c\/h3\u003e\n \u003cp\u003ePair with structural photography or geometric compositions to establish a cohesive narrative of quiet luxury, restraint, and timeless elegance throughout ultra-refined spaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Collection CTA --\u003e\n \u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover other works that embody the same commitment to intimacy, restraint, and sculptural elegance.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/all\" class=\"cta-button\"\u003eView All Artworks\u003c\/a\u003e\n \u003c\/section\u003e\n\n \u003c!-- Investment Positioning --\u003e\n \u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eDesigned for ultra-refined environments where silence speaks\u003c\/p\u003e\n \u003cdiv class=\"spaces-list\"\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003eSuperyacht Private Salons\u003c\/h4\u003e\n \u003cp\u003eOwner suites and intimate spaces where luxury is measured by restraint\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003eLuxury Penthouse Living Rooms\u003c\/h4\u003e\n \u003cp\u003eHigh-rise residences where emotional architecture defines the interior\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003eBoutique Hotel Presidential Suites\u003c\/h4\u003e\n \u003cp\u003eUltra-luxury hospitality spaces curated for unforgettable experiences\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003eCollector-Grade Gallery Walls\u003c\/h4\u003e\n \u003cp\u003ePrivate galleries where intimacy as strength becomes the centerpiece\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Luxury Brands Strip --\u003e\n \u003cdiv class=\"luxury-brands\"\u003e\n \u003cp\u003ePositioned for World-Class Hospitality\u003c\/p\u003e\n \u003cdiv class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003eVow in Stillness is available to serious collectors and design professionals.\u003c\/p\u003e\n \u003cp\u003eFor pricing, provenance documentation, and acquisition details:\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"contact-email\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\u003c\/p\u003e\n \u003cdiv style=\"margin-top: 3rem;\"\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eContact Studio\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Footer --\u003e\n \u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" target=\"_blank\"\u003eWebsite\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/footer\u003e\n\n \u003cscript\u003e\n \/\/ Header scroll effect\n const header = document.querySelector('header');\n window.addEventListener('scroll', () =\u003e {\n if (window.scrollY \u003e 100) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n\n \/\/ Fade-in animation on scroll\n const fadeElements = document.querySelectorAll('.fade-in');\n const fadeObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.1 });\n\n fadeElements.forEach(element =\u003e {\n fadeObserver.observe(element);\n });\n\n \/\/ Smooth scroll for navigation\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083643605157,"sku":"7831746_16039","price":10304.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083643637925,"sku":"7831746_16045","price":10304.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083643670693,"sku":"7831746_15700","price":10304.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_3109.png?v=1763646853"},{"product_id":"inferno-in-motion","title":"Inferno in Motion – Red Elegance Dance Portrait (Ltd. Edition)","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eEternal Accord | Luxury Romantic Fine Art Wall Statement\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A museum-grade romantic fine art print capturing passion and motion. Limited edition artwork for luxury interiors and hotels.\"\u003e\n \n \u003c!-- Fonts --\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \n \u003cstyle\u003e\n :root {\n --bg-dark: #0a0a0a;\n --bg-darker: #050505;\n --text-light: #f5f5f5;\n --text-muted: #a0a0a0;\n --accent: #8B0000;\n --accent-hover: #a01010;\n --accent-glow: rgba(139, 0, 0, 0.3);\n --divider: rgba(139, 0, 0, 0.3);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-light);\n line-height: 1.8;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(139, 0, 0, 0.1);\n transition: all 0.3s ease;\n }\n \n header.scrolled {\n background: rgba(10, 10, 10, 0.98);\n box-shadow: 0 4px 20px rgba(139, 0, 0, 0.3);\n }\n \n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-light);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n .logo:hover {\n color: var(--accent);\n }\n \n nav ul {\n display: flex;\n list-style: none;\n gap: 2.5rem;\n }\n \n nav a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-weight: 400;\n }\n \n nav a:hover {\n color: var(--accent);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 3rem 4rem;\n background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n overflow: hidden;\n }\n \n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center, var(--accent-glow) 0%, transparent 70%);\n animation: emberPulse 10s ease-in-out infinite;\n }\n \n .hero::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, var(--accent-glow) 0%, transparent 60%);\n transform: translate(-50%, -50%);\n animation: smokeWisp 15s ease-in-out infinite;\n pointer-events: none;\n }\n \n @keyframes emberPulse {\n 0%, 100% { opacity: 0.2; }\n 50% { opacity: 0.5; }\n }\n \n @keyframes smokeWisp {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1);\n opacity: 0.1;\n }\n 50% { \n transform: translate(-50%, -55%) scale(1.2);\n opacity: 0.3;\n }\n }\n \n .hero-content {\n max-width: 900px;\n text-align: center;\n position: relative;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .edition-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 1.5rem;\n font-weight: 500;\n text-shadow: 0 0 20px var(--accent-glow);\n }\n \n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: 4.5rem;\n font-weight: 600;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n letter-spacing: 1px;\n background: linear-gradient(135deg, var(--text-light) 0%, #d0d0d0 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n font-weight: 300;\n font-style: italic;\n color: var(--text-muted);\n margin-bottom: 3rem;\n letter-spacing: 2px;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n color: var(--accent);\n border: 2px solid var(--accent);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n font-weight: 500;\n box-shadow: 0 0 20px transparent;\n }\n \n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent);\n transition: left 0.4s ease;\n z-index: -1;\n }\n \n .cta-button:hover {\n color: var(--text-light);\n box-shadow: 0 0 30px var(--accent-glow);\n }\n \n .cta-button:hover::before {\n left: 0;\n }\n \n \/* Section Styles *\/\n section {\n padding: 6rem 3rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 2.8rem;\n text-align: center;\n margin-bottom: 1rem;\n font-weight: 600;\n letter-spacing: 1px;\n }\n \n .section-subtitle {\n text-align: center;\n color: var(--text-muted);\n font-size: 1.1rem;\n margin-bottom: 4rem;\n font-weight: 300;\n }\n \n .divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n margin: 3rem auto;\n box-shadow: 0 0 10px var(--accent-glow);\n }\n \n \/* Video Section *\/\n .video-section {\n background: var(--bg-darker);\n padding: 6rem 3rem;\n }\n \n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 4px;\n box-shadow: 0 20px 60px rgba(139, 0, 0, 0.4);\n border: 1px solid rgba(139, 0, 0, 0.2);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n \n \/* Description Section *\/\n .description {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .description p {\n font-size: 1.15rem;\n line-height: 2;\n color: var(--text-muted);\n margin-bottom: 1.5rem;\n }\n \n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-darker);\n position: relative;\n }\n \n .backstory::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at top, var(--accent-glow) 0%, transparent 50%);\n opacity: 0.2;\n pointer-events: none;\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n \n .backstory-content p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 2.2;\n color: var(--text-light);\n margin-bottom: 2rem;\n text-align: left;\n }\n \n .backstory-content p:first-of-type::first-letter {\n font-size: 3.5rem;\n float: left;\n line-height: 1;\n margin: 0.1rem 0.5rem 0 0;\n color: var(--accent);\n font-weight: 600;\n text-shadow: 0 0 20px var(--accent-glow);\n }\n \n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .feature-card {\n text-align: center;\n padding: 2.5rem 2rem;\n background: rgba(139, 0, 0, 0.03);\n border: 1px solid rgba(139, 0, 0, 0.15);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(139, 0, 0, 0.1), transparent);\n transition: left 0.6s ease;\n }\n \n .feature-card:hover::before {\n left: 100%;\n }\n \n .feature-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px var(--accent-glow);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent);\n margin-bottom: 1.5rem;\n text-shadow: 0 0 15px var(--accent-glow);\n }\n \n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-light);\n }\n \n .feature-card p {\n color: var(--text-muted);\n line-height: 1.8;\n font-size: 0.95rem;\n }\n \n \/* Edition Details *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: rgba(139, 0, 0, 0.03);\n border: 1px solid var(--divider);\n }\n \n .stat {\n text-align: center;\n padding: 1.5rem;\n border-right: 1px solid var(--divider);\n }\n \n .stat:last-child {\n border-right: none;\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent);\n font-weight: 600;\n margin-bottom: 0.5rem;\n text-shadow: 0 0 15px var(--accent-glow);\n }\n \n .stat-label {\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-muted);\n }\n \n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-darker);\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .pairing-card {\n background: rgba(139, 0, 0, 0.03);\n border: 1px solid rgba(139, 0, 0, 0.15);\n padding: 2.5rem;\n transition: all 0.4s ease;\n }\n \n .pairing-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n box-shadow: 0 10px 30px var(--accent-glow);\n }\n \n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.6rem;\n margin-bottom: 1rem;\n color: var(--accent);\n text-shadow: 0 0 10px var(--accent-glow);\n }\n \n .pairing-card p {\n color: var(--text-muted);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 5rem 3rem;\n background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n position: relative;\n }\n \n .collection-cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center, var(--accent-glow) 0%, transparent 60%);\n opacity: 0.2;\n pointer-events: none;\n }\n \n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n position: relative;\n z-index: 2;\n }\n \n .collection-cta p {\n font-size: 1.1rem;\n color: var(--text-muted);\n margin-bottom: 2.5rem;\n position: relative;\n z-index: 2;\n }\n \n \/* Investment Section *\/\n .investment {\n background: var(--bg-darker);\n }\n \n .spaces-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n \n .space-item {\n padding: 1.5rem;\n background: rgba(139, 0, 0, 0.03);\n border-left: 3px solid var(--accent);\n transition: all 0.3s ease;\n }\n \n .space-item:hover {\n background: rgba(139, 0, 0, 0.08);\n transform: translateX(10px);\n box-shadow: -5px 0 20px var(--accent-glow);\n }\n \n .space-item h4 {\n font-family: 'Playfair Display', serif;\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n color: var(--text-light);\n }\n \n .space-item p {\n font-size: 0.9rem;\n color: var(--text-muted);\n }\n \n \/* Luxury Brands Strip *\/\n .luxury-brands {\n padding: 4rem 3rem;\n background: var(--bg-dark);\n text-align: center;\n }\n \n .luxury-brands p {\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-bottom: 2rem;\n }\n \n .brands-list {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--accent);\n letter-spacing: 3px;\n text-shadow: 0 0 15px var(--accent-glow);\n }\n \n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 3rem;\n text-align: center;\n background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n position: relative;\n }\n \n .final-cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center, var(--accent-glow) 0%, transparent 70%);\n opacity: 0.2;\n pointer-events: none;\n }\n \n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 2rem;\n position: relative;\n z-index: 2;\n }\n \n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-muted);\n margin-bottom: 1rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n z-index: 2;\n }\n \n .contact-email {\n color: var(--accent);\n text-decoration: none;\n font-size: 1.1rem;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n text-shadow: 0 0 10px transparent;\n }\n \n .contact-email:hover {\n color: var(--accent-hover);\n text-shadow: 0 0 20px var(--accent-glow);\n }\n \n \/* Footer *\/\n footer {\n background: var(--bg-darker);\n padding: 3rem;\n text-align: center;\n border-top: 1px solid rgba(139, 0, 0, 0.1);\n }\n \n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n \n .social-links a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: all 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent);\n text-shadow: 0 0 10px var(--accent-glow);\n }\n \n .copyright {\n font-size: 0.85rem;\n color: var(--text-muted);\n letter-spacing: 1px;\n }\n \n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .header-content {\n padding: 1rem 1.5rem;\n }\n \n nav ul {\n gap: 1.5rem;\n }\n \n nav a {\n font-size: 0.8rem;\n }\n \n .hero h1 {\n font-size: 2.5rem;\n }\n \n .tagline {\n font-size: 1.1rem;\n }\n \n section {\n padding: 4rem 1.5rem;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .features-grid,\n .pairings-grid,\n .spaces-list {\n grid-template-columns: 1fr;\n }\n \n .stat {\n border-right: none;\n border-bottom: 1px solid var(--divider);\n }\n \n .stat:last-child {\n border-bottom: none;\n }\n }\n \u003c\/style\u003e\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- Hero Section --\u003e\n \u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cp class=\"edition-label\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003ch1\u003eEternal Accord\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eInquire About This Piece\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Video Section --\u003e\n \u003cdiv class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/_gvY40qsY1k?si=PEomPQY_ghZQUiX4\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Description Section --\u003e\n \u003csection class=\"description\"\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eA cinematic expression of passion, balance, and magnetic intimacy—where motion becomes destiny.\u003c\/p\u003e\n \u003cp\u003eEternal Accord captures the intimate tension between two souls bound in motion—strength meeting surrender, fire meeting control. This piece commands the room and is designed for collectors who curate spaces meant to be remembered.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Backstory Section --\u003e\n \u003csection class=\"backstory\" id=\"story\"\u003e\n \u003ch2 class=\"section-title\"\u003eA Dance of Fire \u0026amp; Devotion\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cp\u003eThe room darkens. The world narrows.\u003c\/p\u003e\n \u003cp\u003eIn Eternal Accord, time yields to connection. The figures move not to be seen, but to belong—a silent dialogue of trust and intensity. Fire curls around them, not consuming, but honoring the closeness they protect.\u003c\/p\u003e\n \u003cp\u003eThis artwork is for those who understand that true luxury is emotional. That intimacy, when curated with restraint, becomes power.\u003c\/p\u003e\n \u003cp\u003eCollectors acquire Eternal Accord as a statement of confidence, romance, and timeless presence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Features Section --\u003e\n \u003csection id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eEmotional architecture for discerning collectors\u003c\/p\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e♦\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and authenticated, ensuring exclusivity and long-term collectibility for serious collectors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e♦\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure rich color depth, painterly texture, and preservation standards that meet the requirements of luxury galleries and private collections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e♦\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eRomantic fine art maintains strong demand in luxury hospitality, penthouses, and curated private collections where emotion defines the space.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Edition Details --\u003e\n \u003csection\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEdition Size\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Quality\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003eLifetime\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArchival Standard\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Curated Pairings --\u003e\n \u003csection class=\"pairings\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eEternal Accord pairs exquisitely with complementary works\u003c\/p\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eMonochrome Figure Study\u003c\/h3\u003e\n \u003cp\u003eBalance the passion of Eternal Accord with the quiet discipline of black-and-white figure work. Perfect for creating visual dialogue between emotion and restraint in hospitality suites or private galleries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eMinimalist Black \u0026amp; Gold Abstract\u003c\/h3\u003e\n \u003cp\u003ePair with architectural abstracts in black and gold to establish a cohesive narrative of luxury, power, and timeless elegance throughout your curated space.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Collection CTA --\u003e\n \u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover other works that embody the same commitment to emotion, intimacy, and museum-grade craftsmanship.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/all\" class=\"cta-button\"\u003eView All Artworks\u003c\/a\u003e\n \u003c\/section\u003e\n\n \u003c!-- Investment Positioning --\u003e\n \u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eDesigned for spaces where emotion defines luxury\u003c\/p\u003e\n \u003cdiv class=\"spaces-list\"\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003eLuxury Penthouse Living Rooms\u003c\/h4\u003e\n \u003cp\u003eStatement pieces for high-rise residences where art commands the conversation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003eBoutique Hotel Suites \u0026amp; Lounges\u003c\/h4\u003e\n \u003cp\u003eIntimate luxury hospitality spaces designed to be remembered\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003ePrivate Clubs \u0026amp; Executive Residences\u003c\/h4\u003e\n \u003cp\u003eCurated environments where confidence and romance intersect\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003eGallery Feature Walls\u003c\/h4\u003e\n \u003cp\u003eMuseum-quality pieces positioned as centerpiece attractions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Luxury Brands Strip --\u003e\n \u003cdiv class=\"luxury-brands\"\u003e\n \u003cp\u003ePositioned for World-Class Hospitality\u003c\/p\u003e\n \u003cdiv class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003eEternal Accord is available to serious collectors and design professionals.\u003c\/p\u003e\n \u003cp\u003eFor pricing, provenance documentation, and acquisition details:\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"contact-email\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\u003c\/p\u003e\n \u003cdiv style=\"margin-top: 3rem;\"\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eContact Studio\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Footer --\u003e\n \u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" target=\"_blank\"\u003eWebsite\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/footer\u003e\n\n \u003cscript\u003e\n \/\/ Header scroll effect\n const header = document.querySelector('header');\n window.addEventListener('scroll', () =\u003e {\n if (window.scrollY \u003e 100) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n\n \/\/ Fade-in animation on scroll\n const fadeElements = document.querySelectorAll('.fade-in');\n const fadeObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.1 });\n\n fadeElements.forEach(element =\u003e {\n fadeObserver.observe(element);\n });\n\n \/\/ Smooth scroll for navigation\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083646390437,"sku":"2347088_16039","price":10304.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083646423205,"sku":"2347088_16045","price":10304.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083646455973,"sku":"2347088_15700","price":10304.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/8B16C196-9D5B-443C-AE37-98D25EDD18B8.png?v=1763646643"},{"product_id":"poise-in-shadow","title":"Ballet Noir — Sculptural Elegance in Motion","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eBallet Noir | Luxury Black \u0026amp; White Ballet Fine Art Print\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Museum-grade black and white ballet photography. Limited edition fine art for luxury homes, galleries, and boutique hotels.\"\u003e\n \n \u003c!-- Fonts --\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \n \u003cstyle\u003e\n :root {\n --bg-dark: #0a0a0a;\n --bg-darker: #050505;\n --text-light: #f5f5f5;\n --text-muted: #a0a0a0;\n --accent: #c9a227;\n --accent-hover: #d4b23f;\n --divider: rgba(201, 162, 39, 0.3);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-light);\n line-height: 1.8;\n overflow-x: hidden;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(201, 162, 39, 0.1);\n transition: all 0.3s ease;\n }\n \n header.scrolled {\n background: rgba(10, 10, 10, 0.98);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n }\n \n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-light);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n .logo:hover {\n color: var(--accent);\n }\n \n nav ul {\n display: flex;\n list-style: none;\n gap: 2.5rem;\n }\n \n nav a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-weight: 400;\n }\n \n nav a:hover {\n color: var(--accent);\n }\n \n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 8rem 3rem 4rem;\n background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n overflow: hidden;\n }\n \n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(ellipse at center, rgba(201, 162, 39, 0.03) 0%, transparent 70%);\n animation: pulse 8s ease-in-out infinite;\n }\n \n @keyframes pulse {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.6; }\n }\n \n .hero-content {\n max-width: 900px;\n text-align: center;\n position: relative;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .edition-label {\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 1.5rem;\n font-weight: 500;\n }\n \n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: 4.5rem;\n font-weight: 600;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n letter-spacing: 1px;\n background: linear-gradient(135deg, var(--text-light) 0%, #d0d0d0 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n font-weight: 300;\n font-style: italic;\n color: var(--text-muted);\n margin-bottom: 3rem;\n letter-spacing: 2px;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n color: var(--accent);\n border: 2px solid var(--accent);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n font-weight: 500;\n }\n \n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent);\n transition: left 0.4s ease;\n z-index: -1;\n }\n \n .cta-button:hover {\n color: var(--bg-dark);\n }\n \n .cta-button:hover::before {\n left: 0;\n }\n \n \/* Section Styles *\/\n section {\n padding: 6rem 3rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 2.8rem;\n text-align: center;\n margin-bottom: 1rem;\n font-weight: 600;\n letter-spacing: 1px;\n }\n \n .section-subtitle {\n text-align: center;\n color: var(--text-muted);\n font-size: 1.1rem;\n margin-bottom: 4rem;\n font-weight: 300;\n }\n \n .divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n margin: 3rem auto;\n }\n \n \/* Video Section *\/\n .video-section {\n background: var(--bg-darker);\n padding: 6rem 3rem;\n }\n \n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 4px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n \n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n \n \/* Description Section *\/\n .description {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n \n .description p {\n font-size: 1.15rem;\n line-height: 2;\n color: var(--text-muted);\n margin-bottom: 1.5rem;\n }\n \n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-darker);\n position: relative;\n }\n \n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n \n .backstory-content p {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n line-height: 2.2;\n color: var(--text-light);\n margin-bottom: 2rem;\n text-align: left;\n }\n \n .backstory-content p:first-of-type::first-letter {\n font-size: 3.5rem;\n float: left;\n line-height: 1;\n margin: 0.1rem 0.5rem 0 0;\n color: var(--accent);\n font-weight: 600;\n }\n \n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .feature-card {\n text-align: center;\n padding: 2.5rem 2rem;\n background: rgba(201, 162, 39, 0.02);\n border: 1px solid rgba(201, 162, 39, 0.1);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(201, 162, 39, 0.05), transparent);\n transition: left 0.6s ease;\n }\n \n .feature-card:hover::before {\n left: 100%;\n }\n \n .feature-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent);\n margin-bottom: 1.5rem;\n }\n \n .feature-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-light);\n }\n \n .feature-card p {\n color: var(--text-muted);\n line-height: 1.8;\n font-size: 0.95rem;\n }\n \n \/* Edition Details *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: rgba(201, 162, 39, 0.02);\n border: 1px solid var(--divider);\n }\n \n .stat {\n text-align: center;\n padding: 1.5rem;\n border-right: 1px solid var(--divider);\n }\n \n .stat:last-child {\n border-right: none;\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--accent);\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n \n .stat-label {\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-muted);\n }\n \n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-darker);\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .pairing-card {\n background: rgba(201, 162, 39, 0.02);\n border: 1px solid rgba(201, 162, 39, 0.1);\n padding: 2.5rem;\n transition: all 0.4s ease;\n }\n \n .pairing-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n }\n \n .pairing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.6rem;\n margin-bottom: 1rem;\n color: var(--accent);\n }\n \n .pairing-card p {\n color: var(--text-muted);\n line-height: 1.8;\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 5rem 3rem;\n background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n }\n \n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n }\n \n .collection-cta p {\n font-size: 1.1rem;\n color: var(--text-muted);\n margin-bottom: 2.5rem;\n }\n \n \/* Investment Section *\/\n .investment {\n background: var(--bg-darker);\n }\n \n .spaces-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n \n .space-item {\n padding: 1.5rem;\n background: rgba(201, 162, 39, 0.02);\n border-left: 3px solid var(--accent);\n transition: all 0.3s ease;\n }\n \n .space-item:hover {\n background: rgba(201, 162, 39, 0.05);\n transform: translateX(10px);\n }\n \n .space-item h4 {\n font-family: 'Playfair Display', serif;\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n color: var(--text-light);\n }\n \n .space-item p {\n font-size: 0.9rem;\n color: var(--text-muted);\n }\n \n \/* Luxury Brands Strip *\/\n .luxury-brands {\n padding: 4rem 3rem;\n background: var(--bg-dark);\n text-align: center;\n }\n \n .luxury-brands p {\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-bottom: 2rem;\n }\n \n .brands-list {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--accent);\n letter-spacing: 3px;\n }\n \n \/* Final CTA *\/\n .final-cta {\n padding: 8rem 3rem;\n text-align: center;\n background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n }\n \n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n \n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-muted);\n margin-bottom: 1rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .contact-email {\n color: var(--accent);\n text-decoration: none;\n font-size: 1.1rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n \n .contact-email:hover {\n color: var(--accent-hover);\n }\n \n \/* Footer *\/\n footer {\n background: var(--bg-darker);\n padding: 3rem;\n text-align: center;\n border-top: 1px solid rgba(201, 162, 39, 0.1);\n }\n \n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n \n .social-links a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--accent);\n }\n \n .copyright {\n font-size: 0.85rem;\n color: var(--text-muted);\n letter-spacing: 1px;\n }\n \n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .header-content {\n padding: 1rem 1.5rem;\n }\n \n nav ul {\n gap: 1.5rem;\n }\n \n nav a {\n font-size: 0.8rem;\n }\n \n .hero h1 {\n font-size: 2.5rem;\n }\n \n .tagline {\n font-size: 1.1rem;\n }\n \n section {\n padding: 4rem 1.5rem;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .features-grid,\n .pairings-grid,\n .spaces-list {\n grid-template-columns: 1fr;\n }\n \n .stat {\n border-right: none;\n border-bottom: 1px solid var(--divider);\n }\n \n .stat:last-child {\n border-bottom: none;\n }\n }\n \u003c\/style\u003e\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#inquiry\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- Hero Section --\u003e\n \u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cp class=\"edition-label\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003ch1\u003eBallet Noir\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eInquire About This Piece\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Video Section --\u003e\n \u003cdiv class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/wEHa3REJp08?si=LDqS3lTnnmq3vRYN\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Description Section --\u003e\n \u003csection class=\"description\"\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eA study in discipline, grace, and restrained power. Ballet Noir captures the silent authority of motion suspended in time.\u003c\/p\u003e\n \u003cp\u003eThis museum-grade fine art photograph honors the moment when strength and softness exist simultaneously — designed for collectors who understand restraint as the highest form of luxury.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Backstory Section --\u003e\n \u003csection class=\"backstory\" id=\"story\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Room is Quiet\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cp\u003eThe room is quiet. Not empty — intentional.\u003c\/p\u003e\n \u003cp\u003eBallet Noir lives in that silence. It is not about dance alone, but about devotion — the discipline it takes to refine movement into stillness. The dancer balances at the edge of gravity, caught between effort and ease, revealing the unseen labor behind elegance.\u003c\/p\u003e\n \u003cp\u003eThis work belongs in spaces where confidence is whispered, not announced. Where luxury is measured in restraint, and power is expressed through presence rather than excess.\u003c\/p\u003e\n \u003cp\u003eCollectors acquire Ballet Noir not for trend, but for legacy.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Features Section --\u003e\n \u003csection id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eCrafted for collectors, curated for legacy\u003c\/p\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and authenticated, ensuring exclusivity and long-term collectibility.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure tonal depth, exceptional clarity, and preservation standards that meet the requirements of serious collectors and galleries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eDramatic black and white photography maintains strong demand in luxury interiors, boutique hospitality, and private collections worldwide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Edition Details --\u003e\n \u003csection\u003e\n \u003cdiv class=\"edition-stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEdition Size\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Quality\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003eLifetime\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eArchival Standard\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Curated Pairings --\u003e\n \u003csection class=\"pairings\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eBallet Noir pairs beautifully with complementary works\u003c\/p\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eHorizontal Moody Abstract\u003c\/h3\u003e\n \u003cp\u003eCreate visual balance between organic movement and structured calm. Ideal for hospitality suites or collector living spaces where architecture and human form converse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eMinimal Architectural Photography\u003c\/h3\u003e\n \u003cp\u003ePair with black-and-white architectural pieces to establish a cohesive narrative of discipline, form, and timeless elegance throughout your space.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Collection CTA --\u003e\n \u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover other works that embody the same commitment to restraint, elegance, and sculptural beauty.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/all\" class=\"cta-button\"\u003eView All Artworks\u003c\/a\u003e\n \u003c\/section\u003e\n\n \u003c!-- Investment Positioning --\u003e\n \u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eDesigned for discerning collectors and luxury spaces\u003c\/p\u003e\n \u003cdiv class=\"spaces-list\"\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003eParis Left Bank Residences\u003c\/h4\u003e\n \u003cp\u003eSophisticated apartments where art serves as visual poetry\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003eBoutique Hotel Corridors\u003c\/h4\u003e\n \u003cp\u003eIntimate luxury hospitality spaces requiring museum-grade curation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003eExecutive Penthouses\u003c\/h4\u003e\n \u003cp\u003eHigh-rise living rooms where restraint equals power\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"space-item fade-in\"\u003e\n \u003ch4\u003ePrivate Galleries\u003c\/h4\u003e\n \u003cp\u003eCollector homes with dedicated exhibition space\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Luxury Brands Strip --\u003e\n \u003cdiv class=\"luxury-brands\"\u003e\n \u003cp\u003ePositioned for World-Class Hospitality\u003c\/p\u003e\n \u003cdiv class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003eBallet Noir is available to serious collectors and design professionals.\u003c\/p\u003e\n \u003cp\u003eFor pricing, provenance documentation, and acquisition details:\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"contact-email\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\u003c\/p\u003e\n \u003cdiv style=\"margin-top: 3rem;\"\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eContact Studio\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Footer --\u003e\n \u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" target=\"_blank\"\u003eWebsite\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/footer\u003e\n\n \u003cscript\u003e\n \/\/ Header scroll effect\n const header = document.querySelector('header');\n window.addEventListener('scroll', () =\u003e {\n if (window.scrollY \u003e 100) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n\n \/\/ Fade-in animation on scroll\n const fadeElements = document.querySelectorAll('.fade-in');\n const fadeObserver = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.1 });\n\n fadeElements.forEach(element =\u003e {\n fadeObserver.observe(element);\n });\n\n \/\/ Smooth scroll for navigation\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083648848037,"sku":"9638349_16039","price":11424.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083648880805,"sku":"9638349_16045","price":11424.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083648913573,"sku":"9638349_15700","price":11424.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/7F7B29B6-B44A-4700-9AC1-5561BD51045F.png?v=1763646784"},{"product_id":"echelon-geometry","title":"Echelonge Geometry — Gold on Black Geometric Luxury Abstract","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eEclipse of Structure — Luxury Black \u0026amp; Gold Geometric Abstract Art\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A bold black-and-gold geometric abstract crafted for penthouses, hotels, and galleries. Limited Edition of 50. Dramatic, modern, and museum-grade.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --secondary-bg: #121212;\n --accent-gold: #c9a227;\n --accent-gold-dim: rgba(201, 162, 39, 0.15);\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --serif-font: 'Cormorant Garamond', serif;\n --display-font: 'Playfair Display', serif;\n --sans-font: 'Montserrat', sans-serif;\n }\n\n body {\n font-family: var(--serif-font);\n background-color: var(--primary-bg);\n color: var(--text-primary);\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n border-bottom: 1px solid rgba(201, 162, 39, 0.1);\n }\n\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: var(--display-font);\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .logo:hover {\n color: var(--accent-gold);\n }\n\n .nav-links {\n display: flex;\n gap: 3rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.95rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n font-family: var(--sans-font);\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover {\n color: var(--accent-gold);\n }\n\n \/* Hero Section *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 8rem 2rem 4rem;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(ellipse at 20% 30%, rgba(201, 162, 39, 0.03) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 70%, rgba(201, 162, 39, 0.05) 0%, transparent 50%);\n pointer-events: none;\n }\n\n .geometric-lines {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n opacity: 0.08;\n }\n\n .geometric-lines::before,\n .geometric-lines::after {\n content: '';\n position: absolute;\n background: var(--accent-gold);\n animation: geometricFloat 20s ease-in-out infinite;\n }\n\n .geometric-lines::before {\n width: 2px;\n height: 300px;\n top: -100px;\n left: 20%;\n transform: rotate(45deg);\n }\n\n .geometric-lines::after {\n width: 2px;\n height: 400px;\n bottom: -150px;\n right: 15%;\n transform: rotate(-30deg);\n animation-delay: -5s;\n }\n\n @keyframes geometricFloat {\n 0%, 100% { transform: translateY(0) rotate(45deg); }\n 50% { transform: translateY(-50px) rotate(45deg); }\n }\n\n .hero-content {\n position: relative;\n z-index: 10;\n max-width: 900px;\n animation: fadeInUp 1.2s ease-out;\n }\n\n .edition-badge {\n display: inline-block;\n font-family: var(--sans-font);\n font-size: 0.75rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--accent-gold);\n border: 1px solid var(--accent-gold);\n padding: 0.5rem 1.5rem;\n margin-bottom: 2rem;\n animation: fadeIn 1.5s ease-out 0.3s both;\n }\n\n .hero h1 {\n font-family: var(--display-font);\n font-size: 4.5rem;\n font-weight: 400;\n letter-spacing: 3px;\n margin-bottom: 1.5rem;\n line-height: 1.2;\n animation: fadeInUp 1.2s ease-out 0.5s both;\n }\n\n .hero-tagline {\n font-size: 1.3rem;\n color: var(--text-secondary);\n letter-spacing: 4px;\n margin-bottom: 3rem;\n font-weight: 300;\n animation: fadeIn 1.5s ease-out 0.8s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n border: 2px solid var(--accent-gold);\n color: var(--accent-gold);\n text-decoration: none;\n font-family: var(--sans-font);\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n animation: fadeIn 1.5s ease-out 1s both;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-gold);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--primary-bg);\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* Video Section *\/\n .video-section {\n padding: 6rem 2rem;\n background: var(--secondary-bg);\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%; \/* 16:9 aspect ratio *\/\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(201, 162, 39, 0.2);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description-section {\n padding: 8rem 2rem;\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .section-divider {\n width: 100px;\n height: 1px;\n background: var(--accent-gold);\n margin: 0 auto 3rem;\n }\n\n .description-section p {\n font-size: 1.25rem;\n line-height: 2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n \/* Backstory Section *\/\n .backstory-section {\n padding: 8rem 2rem;\n background: var(--secondary-bg);\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .backstory-section h2 {\n font-family: var(--display-font);\n font-size: 3rem;\n text-align: center;\n margin-bottom: 1rem;\n letter-spacing: 2px;\n font-weight: 400;\n }\n\n .backstory-subtitle {\n text-align: center;\n color: var(--accent-gold);\n font-size: 0.9rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-bottom: 4rem;\n font-family: var(--sans-font);\n }\n\n .backstory-content p {\n font-size: 1.15rem;\n line-height: 2.2;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n .backstory-content p:last-of-type {\n text-align: center;\n font-style: italic;\n color: var(--text-primary);\n margin-top: 3rem;\n }\n\n \/* Features Grid *\/\n .features-section {\n padding: 8rem 2rem;\n }\n\n .features-grid {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2rem;\n transition: transform 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n }\n\n .feature-icon {\n font-size: 3rem;\n color: var(--accent-gold);\n margin-bottom: 1.5rem;\n }\n\n .feature-card h3 {\n font-family: var(--display-font);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n }\n\n .feature-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n }\n\n \/* Edition Stats *\/\n .edition-stats {\n padding: 6rem 2rem;\n background: var(--secondary-bg);\n }\n\n .stats-grid {\n max-width: 1000px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 3rem;\n text-align: center;\n }\n\n .stat-item h4 {\n font-family: var(--display-font);\n font-size: 3rem;\n color: var(--accent-gold);\n margin-bottom: 0.5rem;\n }\n\n .stat-item p {\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-secondary);\n font-family: var(--sans-font);\n }\n\n \/* Pairings Section *\/\n .pairings-section {\n padding: 8rem 2rem;\n }\n\n .pairings-section h2 {\n font-family: var(--display-font);\n font-size: 3rem;\n text-align: center;\n margin-bottom: 4rem;\n letter-spacing: 2px;\n }\n\n .pairings-grid {\n max-width: 1000px;\n margin: 0 auto;\n display: grid;\n gap: 3rem;\n }\n\n .pairing-card {\n padding: 2.5rem;\n background: rgba(201, 162, 39, 0.05);\n border: 1px solid rgba(201, 162, 39, 0.2);\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n background: rgba(201, 162, 39, 0.08);\n border-color: var(--accent-gold);\n }\n\n .pairing-card h3 {\n font-family: var(--display-font);\n font-size: 2rem;\n margin-bottom: 1rem;\n color: var(--accent-gold);\n }\n\n .pairing-card p {\n color: var(--text-secondary);\n line-height: 1.8;\n font-size: 1.1rem;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n padding: 8rem 2rem;\n background: var(--secondary-bg);\n text-align: center;\n }\n\n .collection-cta h2 {\n font-family: var(--display-font);\n font-size: 3rem;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 8rem 2rem;\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-section h2 {\n font-family: var(--display-font);\n font-size: 3rem;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .investment-section p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n line-height: 2;\n }\n\n .spaces-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n margin: 3rem 0;\n }\n\n .space-tag {\n font-family: var(--sans-font);\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--accent-gold);\n border: 1px solid var(--accent-gold);\n padding: 0.75rem 1.5rem;\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n background: var(--accent-gold);\n color: var(--primary-bg);\n }\n\n \/* Luxury Brands Strip *\/\n .luxury-brands {\n padding: 4rem 2rem;\n background: var(--secondary-bg);\n text-align: center;\n }\n\n .luxury-brands p {\n font-family: var(--sans-font);\n font-size: 0.8rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n .brands-list {\n font-family: var(--display-font);\n font-size: 1.3rem;\n color: var(--accent-gold);\n letter-spacing: 4px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n padding: 10rem 2rem;\n text-align: center;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\n }\n\n .final-cta h2 {\n font-family: var(--display-font);\n font-size: 3.5rem;\n margin-bottom: 2rem;\n letter-spacing: 2px;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n \/* Footer *\/\n footer {\n padding: 4rem 2rem 2rem;\n background: var(--primary-bg);\n border-top: 1px solid rgba(201, 162, 39, 0.1);\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n font-family: var(--sans-font);\n }\n\n .social-links a:hover {\n color: var(--accent-gold);\n }\n\n .footer-tagline {\n color: var(--text-secondary);\n font-size: 0.95rem;\n letter-spacing: 3px;\n margin-bottom: 1rem;\n }\n\n .copyright {\n color: #666;\n font-size: 0.8rem;\n font-family: var(--sans-font);\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n nav {\n padding: 1rem 1.5rem;\n flex-direction: column;\n gap: 1rem;\n }\n\n .nav-links {\n gap: 1.5rem;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .hero-tagline {\n font-size: 1rem;\n }\n\n .backstory-section h2,\n .collection-cta h2,\n .investment-section h2,\n .final-cta h2 {\n font-size: 2rem;\n }\n\n .features-grid,\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .spaces-list {\n flex-direction: column;\n align-items: center;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003c!-- Header --\u003e\n \u003cheader\u003e\n \u003cnav\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cul class=\"nav-links\"\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"geometric-lines\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003ch1\u003eEclipse of Structure\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Eclipse%20of%20Structure\" class=\"cta-button\"\u003eRequest Investment Details\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/qceBRr7X3bE\" title=\"Eclipse of Structure - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\"\u003e\n \u003cdiv class=\"section-divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eA commanding geometric abstract in pure black and molten gold, crafted for penthouses, boutique hotels, and luxury interiors seeking architectural drama.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003ch2\u003eThe Story\u003c\/h2\u003e\n \u003cp class=\"backstory-subtitle\"\u003eA Constellation of Light\u003c\/p\u003e\n \n \u003cp\u003eIn the quiet world between shadow and brilliance, a new geometry emerges. Eclipse of Structure captures the exact moment where darkness folds into gold—where sharp lines fracture like constellations and light slices through the void.\u003c\/p\u003e\n\n \u003cp\u003eThe artwork was inspired by the architecture of modern luxury: the mirrored facades of Dubai towers at night, the golden glow of penthouse interiors, the sculptural tension found in museum-grade installations. Each gold plane feels alive, shifting like celestial shards caught mid-orbit.\u003c\/p\u003e\n\n \u003cp\u003eThis piece speaks to the collector who sees beauty in structure, power in minimalism, and meaning in the quiet precision of form.\u003c\/p\u003e\n\n \u003cp\u003eFor those who crave art that transforms a room—not with noise, but with presence—Eclipse of Structure becomes the anchor of the space.\u003c\/p\u003e\n\n \u003cp\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\"\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each edition is numbered, authenticated, and cataloged within the Kasian Art Studio Collector Archive for provenance and long-term value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure exceptional longevity. Printed using archival pigments and acid-free substrates rated for 100+ years of preservation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eDramatic abstracts with geometric precision and metallic depth maintain strong demand in luxury interior design and hospitality procurement markets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Stats --\u003e\n\u003csection class=\"edition-stats\"\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003ch4\u003e50\u003c\/h4\u003e\n \u003cp\u003eTotal Edition Size\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003ch4\u003e100+\u003c\/h4\u003e\n \u003cp\u003eYears Archival Rating\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003ch4\u003e2025\u003c\/h4\u003e\n \u003cp\u003eYear of Release\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003ch4\u003e1:1\u003c\/h4\u003e\n \u003cp\u003eMuseum-Grade Quality\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n \u003ch2\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eGolden Axis\u003c\/h3\u003e\n \u003cp\u003eBoth pieces share a dramatic gold-on-black language, sharp geometry, and strong vertical rhythm. Together, they create a high-impact diptych ideal for gallery corridors, penthouse living rooms, and hotel suites that embrace modern luxury minimalism.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eEclipse of Structure is part of our carefully curated selection of geometric abstracts designed for the world's most exclusive spaces.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/all\" class=\"cta-button\"\u003eView All Artworks\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003ch2\u003eInvestment-Level Appeal\u003c\/h2\u003e\n \u003cp\u003eThe rarity, clean geometric precision, and metallic depth position this edition for long-term collector value. Gold-on-black abstracts are among the strongest performers in luxury interior design and hospitality procurement.\u003c\/p\u003e\n \n \u003cdiv class=\"spaces-list\"\u003e\n \u003cdiv class=\"space-tag\"\u003eModern Penthouses\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eMuseum Galleries\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotels\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Hotel Suites\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Offices\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Collections\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003cp\u003eDesigned for the world's finest spaces\u003c\/p\u003e\n \u003cdiv class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp\u003eSerious collectors and hospitality procurement teams are invited to request investment details.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Eclipse%20of%20Structure%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact Kasian Art Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" target=\"_blank\"\u003eWebsite\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"footer-tagline\"\u003eMOODY. ELEGANT. TIMELESS.\u003c\/p\u003e\n \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083649962149,"sku":"2736383_16039","price":14424.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083649994917,"sku":"2736383_16045","price":14424.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083650027685,"sku":"2736383_15700","price":14424.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/AA008AFD-7226-4C8E-AA72-24CEE160A257.png?v=1763646724"},{"product_id":"golden-axis","title":"EMOTION OF GOLD | Black, White \u0026 Gold Minimalist Masterpiece","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGolden Ascension | Luxury Black \u0026amp; Gold Abstract Art Print | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A moody black-and-gold abstract masterpiece for luxury homes, penthouses, and boutique hotels. Limited Edition of 50. Museum-grade. Elegant, timeless, cinematic.\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Playfair+Display:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n```\n :root {\n --gold-molten: #d4a84b;\n --gold-light: #e8c878;\n --gold-warm: #c9963a;\n --espresso: #1a1410;\n --shadow-warm: #2a2018;\n --bg-dark: #0a0a0a;\n --bg-warm: #0d0b08;\n --text-light: #f5f0e8;\n --text-muted: #c8c0b0;\n --text-soft: #9a9080;\n }\n\n body {\n font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n background: var(--bg-dark);\n color: #e8e3d8;\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n .header {\n position: fixed;\n top: 0;\n width: 100%;\n padding: 2rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1000;\n background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n transition: all 0.4s ease;\n }\n\n .logo {\n font-size: 1.1rem;\n letter-spacing: 3px;\n font-weight: 300;\n text-transform: uppercase;\n }\n\n .nav a {\n color: #e8e3d8;\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .nav a:hover {\n color: var(--gold-molten);\n }\n\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(ellipse at 50% 70%, rgba(212, 168, 75, 0.1) 0%, transparent 50%),\n radial-gradient(ellipse at 30% 40%, rgba(201, 150, 58, 0.06) 0%, transparent 40%),\n radial-gradient(ellipse at 70% 50%, rgba(232, 200, 120, 0.04) 0%, transparent 35%),\n linear-gradient(180deg, var(--espresso) 0%, var(--bg-dark) 50%, var(--espresso) 100%);\n opacity: 1;\n }\n\n \/* Flowing molten gold waves *\/\n .flow-container {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n }\n\n .flow-wave {\n position: absolute;\n width: 200%;\n height: 200px;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(212, 168, 75, 0.03) 20%, \n rgba(212, 168, 75, 0.08) 50%, \n rgba(212, 168, 75, 0.03) 80%, \n transparent 100%);\n filter: blur(30px);\n animation: flow 20s ease-in-out infinite;\n }\n\n .flow-wave:nth-child(1) {\n top: 20%;\n animation-delay: 0s;\n animation-duration: 25s;\n }\n\n .flow-wave:nth-child(2) {\n top: 45%;\n animation-delay: -5s;\n animation-duration: 20s;\n }\n\n .flow-wave:nth-child(3) {\n top: 70%;\n animation-delay: -10s;\n animation-duration: 22s;\n }\n\n @keyframes flow {\n 0%, 100% {\n transform: translateX(-25%) rotate(-2deg);\n }\n 50% {\n transform: translateX(-75%) rotate(2deg);\n }\n }\n\n \/* Rising ethereal particles *\/\n .ethereal-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n }\n\n .ethereal-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: radial-gradient(circle, rgba(212, 168, 75, 0.8) 0%, rgba(212, 168, 75, 0.2) 50%, transparent 70%);\n border-radius: 50%;\n animation: rise-ethereal 15s ease-in-out infinite;\n }\n\n .ethereal-particle:nth-child(1) { left: 8%; bottom: -20px; animation-delay: 0s; animation-duration: 18s; }\n .ethereal-particle:nth-child(2) { left: 18%; bottom: -20px; animation-delay: 3s; animation-duration: 15s; }\n .ethereal-particle:nth-child(3) { left: 32%; bottom: -20px; animation-delay: 6s; animation-duration: 20s; }\n .ethereal-particle:nth-child(4) { left: 45%; bottom: -20px; animation-delay: 2s; animation-duration: 16s; }\n .ethereal-particle:nth-child(5) { left: 58%; bottom: -20px; animation-delay: 8s; animation-duration: 19s; }\n .ethereal-particle:nth-child(6) { left: 72%; bottom: -20px; animation-delay: 4s; animation-duration: 17s; }\n .ethereal-particle:nth-child(7) { left: 85%; bottom: -20px; animation-delay: 7s; animation-duration: 21s; }\n .ethereal-particle:nth-child(8) { left: 92%; bottom: -20px; animation-delay: 1s; animation-duration: 14s; }\n\n @keyframes rise-ethereal {\n 0% {\n transform: translateY(0) scale(0.5);\n opacity: 0;\n }\n 10% {\n opacity: 0.8;\n transform: translateY(-10vh) scale(1);\n }\n 50% {\n opacity: 0.6;\n transform: translateY(-50vh) scale(0.8) translateX(20px);\n }\n 90% {\n opacity: 0.2;\n }\n 100% {\n transform: translateY(-100vh) scale(0.3) translateX(-10px);\n opacity: 0;\n }\n }\n\n \/* Mystical glow orb *\/\n .mystical-glow {\n position: absolute;\n bottom: 10%;\n left: 50%;\n transform: translateX(-50%);\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(212, 168, 75, 0.12) 0%, rgba(212, 168, 75, 0.04) 40%, transparent 70%);\n border-radius: 50%;\n animation: mystical-pulse 8s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes mystical-pulse {\n 0%, 100% {\n transform: translateX(-50%) scale(1);\n opacity: 0.6;\n }\n 50% {\n transform: translateX(-50%) scale(1.2);\n opacity: 1;\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: 0 5%;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero h1 {\n font-size: 4.8rem;\n font-weight: 300;\n letter-spacing: 4px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n color: var(--text-light);\n text-shadow: 0 0 80px rgba(212, 168, 75, 0.2);\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n color: var(--gold-molten);\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 300;\n }\n\n .hero-tagline {\n font-size: 1.1rem;\n color: var(--text-soft);\n letter-spacing: 2px;\n font-style: italic;\n margin-bottom: 3rem;\n }\n\n .cta-btn {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 1px solid var(--gold-molten);\n color: var(--gold-molten);\n text-decoration: none;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-size: 0.85rem;\n transition: all 0.4s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .cta-btn:hover {\n background: var(--gold-molten);\n color: var(--bg-dark);\n transform: translateY(-2px);\n box-shadow: 0 10px 40px rgba(212, 168, 75, 0.35);\n }\n\n .scroll-indicator {\n position: absolute;\n bottom: 3rem;\n left: 50%;\n transform: translateX(-50%);\n color: var(--gold-molten);\n font-size: 0.8rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n transform: translateX(-50%) translateY(0);\n }\n 40% {\n transform: translateX(-50%) translateY(-10px);\n }\n 60% {\n transform: translateX(-50%) translateY(-5px);\n }\n }\n\n .video-section {\n background: var(--bg-dark);\n padding: 8rem 5%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .video-container {\n position: relative;\n width: 100%;\n max-width: 1200px;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(212, 168, 75, 0.25);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 100px rgba(212, 168, 75, 0.08);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .section {\n padding: 8rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 3rem;\n text-align: center;\n color: var(--text-light);\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold-molten), transparent);\n margin: 3rem auto;\n }\n\n .description {\n max-width: 800px;\n margin: 0 auto;\n font-size: 1.2rem;\n line-height: 2;\n color: var(--text-muted);\n text-align: center;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 4rem;\n margin-top: 5rem;\n }\n\n .feature {\n text-align: center;\n padding: 2rem;\n transition: all 0.4s ease;\n border: 1px solid transparent;\n background: rgba(13, 11, 8, 0.5);\n }\n\n .feature:hover {\n transform: translateY(-10px);\n border-color: rgba(212, 168, 75, 0.25);\n background: rgba(212, 168, 75, 0.03);\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--gold-molten);\n margin-bottom: 1.5rem;\n opacity: 0.85;\n }\n\n .feature h3 {\n font-size: 1.5rem;\n font-weight: 300;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n color: var(--text-light);\n }\n\n .feature p {\n color: var(--text-soft);\n line-height: 1.8;\n }\n\n .backstory {\n background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n padding: 8rem 5%;\n position: relative;\n overflow: hidden;\n }\n\n .backstory::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(212, 168, 75, 0.04) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.3rem;\n line-height: 2.2;\n color: #d8d0c0;\n font-style: italic;\n text-align: center;\n position: relative;\n z-index: 1;\n }\n\n .backstory-content p {\n margin-bottom: 2rem;\n }\n\n .backstory-content strong {\n color: var(--text-light);\n font-style: normal;\n }\n\n .backstory-highlight {\n font-size: 1.6rem;\n color: var(--gold-light);\n margin: 2.5rem 0;\n font-weight: 300;\n letter-spacing: 1px;\n }\n\n .edition-details {\n background: var(--bg-dark);\n padding: 6rem 5%;\n }\n\n .details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n max-width: 1200px;\n margin: 4rem auto 0;\n }\n\n .detail-item {\n text-align: center;\n border: 1px solid var(--shadow-warm);\n padding: 3rem 2rem;\n transition: all 0.4s ease;\n background: rgba(10, 10, 10, 0.6);\n }\n\n .detail-item:hover {\n border-color: var(--gold-molten);\n background: rgba(212, 168, 75, 0.04);\n box-shadow: 0 10px 40px rgba(212, 168, 75, 0.08);\n }\n\n .detail-number {\n font-size: 3rem;\n color: var(--gold-molten);\n margin-bottom: 1rem;\n font-weight: 300;\n }\n\n .detail-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-soft);\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .pairing {\n background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-warm) 50%, var(--bg-dark) 100%);\n padding: 8rem 5%;\n }\n\n .pairing-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .pairing-title {\n font-size: 1.8rem;\n color: var(--gold-molten);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .pairing-title a {\n color: var(--gold-molten);\n text-decoration: none;\n border-bottom: 1px solid var(--gold-molten);\n transition: all 0.3s ease;\n }\n\n .pairing-title a:hover {\n color: var(--text-light);\n border-bottom-color: var(--text-light);\n }\n\n .pairing-description {\n color: var(--text-soft);\n font-size: 1.1rem;\n line-height: 1.9;\n margin-top: 1.5rem;\n font-style: italic;\n }\n\n .collection-explore {\n background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 100%);\n padding: 8rem 5%;\n text-align: center;\n }\n\n .collection-btn {\n display: inline-block;\n padding: 1.5rem 4rem;\n background: var(--bg-dark);\n border: 2px solid var(--gold-molten);\n color: var(--gold-molten);\n text-decoration: none;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n font-size: 0.9rem;\n transition: all 0.5s ease;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 400;\n position: relative;\n overflow: hidden;\n }\n\n .collection-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(212, 168, 75, 0.2), transparent);\n transition: left 0.5s ease;\n }\n\n .collection-btn:hover::before {\n left: 100%;\n }\n\n .collection-btn:hover {\n background: var(--gold-molten);\n color: var(--bg-dark);\n border-color: var(--gold-molten);\n transform: translateY(-3px);\n box-shadow: 0 15px 50px rgba(212, 168, 75, 0.4);\n }\n\n .investment {\n background: var(--bg-dark);\n padding: 8rem 5%;\n }\n\n .investment-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .investment-highlight {\n font-size: 1.4rem;\n color: var(--gold-molten);\n margin: 2rem 0;\n font-style: italic;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 2.5rem;\n }\n\n .target-space {\n padding: 0.7rem 1.6rem;\n border: 1px solid rgba(212, 168, 75, 0.25);\n color: var(--text-soft);\n font-size: 0.85rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'Helvetica Neue', sans-serif;\n transition: all 0.3s ease;\n background: rgba(10, 10, 10, 0.5);\n }\n\n .target-space:hover {\n border-color: var(--gold-molten);\n color: var(--gold-molten);\n background: rgba(212, 168, 75, 0.06);\n }\n\n .brands-strip {\n background: #000;\n padding: 3rem 5%;\n text-align: center;\n border-top: 1px solid rgba(212, 168, 75, 0.15);\n border-bottom: 1px solid rgba(212, 168, 75, 0.15);\n }\n\n .brands-text {\n font-size: 0.85rem;\n letter-spacing: 4px;\n color: #555;\n text-transform: uppercase;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .cta-section {\n background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n padding: 8rem 5%;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 1px;\n height: 100px;\n background: linear-gradient(180deg, transparent, var(--gold-molten), transparent);\n }\n\n .cta-large {\n font-size: 3.5rem;\n font-weight: 300;\n margin-bottom: 3rem;\n line-height: 1.3;\n color: var(--text-light);\n }\n\n footer {\n background: #000;\n padding: 4rem 5%;\n text-align: center;\n border-top: 1px solid var(--shadow-warm);\n }\n\n .footer-logo {\n font-size: 1.1rem;\n letter-spacing: 3px;\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .footer-copyright {\n color: var(--text-soft);\n font-size: 0.9rem;\n letter-spacing: 1px;\n }\n\n .footer-links {\n margin-top: 2rem;\n }\n\n .footer-links a {\n color: var(--gold-molten);\n text-decoration: none;\n margin: 0 1rem;\n font-size: 0.85rem;\n letter-spacing: 1.5px;\n transition: color 0.3s ease;\n }\n\n .footer-links a:hover {\n color: var(--text-light);\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2.8rem;\n letter-spacing: 2px;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .nav {\n display: none;\n }\n\n .section {\n padding: 5rem 5%;\n }\n\n .video-section {\n padding: 5rem 5%;\n }\n\n .cta-large {\n font-size: 2.2rem;\n }\n\n .collection-btn {\n padding: 1.2rem 2.5rem;\n font-size: 0.8rem;\n }\n\n .backstory-content {\n font-size: 1.1rem;\n }\n\n .backstory-highlight {\n font-size: 1.3rem;\n }\n\n .target-spaces {\n gap: 0.5rem;\n }\n\n .target-space {\n padding: 0.5rem 1rem;\n font-size: 0.75rem;\n }\n\n .mystical-glow {\n width: 250px;\n height: 250px;\n }\n\n .flow-wave {\n height: 100px;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003cheader class=\"header\"\u003e\n \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cnav class=\"nav\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flow-container\"\u003e\n \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ethereal-particles\"\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mystical-glow\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eGolden Ascension\u003c\/h1\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/mtmyCYuESVI\" title=\"Golden Ascension — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eMolten Emergence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A moody, fluid gold-and-shadow abstract crafted for penthouses, boutique hotels, and collectors seeking museum-grade elegance. Like light emerging through darkness—warm, atmospheric, alive.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-highlight\"\u003eA study in emergence—light rising through shadow.\u003c\/p\u003e\n \n \u003cp\u003eGolden Ascension was created as a meditation on transformation—warmth threading its way through darkness, the quiet power found in refinement, restraint, and depth. It reflects the untold moments of becoming.\u003c\/p\u003e\n \n \u003cp\u003eIts flowing gold forms echo molten movement, ancient earth, and the calm force of energy shifting upward. In grand rooms, the artwork feels almost alive—responding to light, shadow, and silence with a presence that is both grounding and transcendent.\u003c\/p\u003e\n \n \u003cp\u003eFor collectors, designers, and hospitality visionaries, this piece embodies the essence of high luxury: timeless, sculptural, and emotionally resonant.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eMoody.\u003cbr\u003eElegant.\u003cbr\u003eTimeless.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure heirloom preservation. Crafted using archival pigment inks and premium fine-art substrates for multi-generational longevity.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eGold-and-black abstracts maintain exceptional demand in luxury residential and hospitality markets. Registered in the Kasian Art Studio Collector Archive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"details-grid\"\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairing\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pairing-content\"\u003e\n \u003cdiv class=\"pairing-title\"\u003eRecommended: \u003ca href=\"#\"\u003eEternal Ember — Vertical Abstract\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A complementary black-and-gold piece featuring similar fluid movement and tonal depth from the Eternal Ember series.\n \u003c\/div\u003e\n \u003cp class=\"pairing-description\"\u003e\n Together, they create a dramatic diptych effect ideal for tall gallery walls, luxury hotel corridors, and modern living spaces with soaring ceilings.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Discover more ethereal, atmospheric works from our Abstract Atmospheric Collection, each piece crafted to bring cinematic depth and quiet power to luxury interiors.\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eAbstract Atmospheric Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003cdiv class=\"description\"\u003e\n Golden Ascension is a luxurious abstract work born from movement, shadow, and molten gold. Its warm, atmospheric palette evokes rising energy—making it a mesmerizing focal point for ultra-high-end interiors.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n Every curve and gradient is designed to feel alive beneath soft lighting—responding to shadow and silence with a presence that transforms any space.\n \u003c\/div\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"target-space\"\u003eUltra-Luxury Penthouses\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eDubai Suites\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eBoutique Hotels\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eModern Galleries\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eExecutive Lounges\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"brands-strip\"\u003e\n \u003cdiv class=\"brands-text\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n \u003c\/div\u003e\n \u003ca href=\"\/cdn-cgi\/l\/email-protection#ff948d968c8b96919ebf949e8c969e919e8d8b8c8b8a9b9690d19c9092\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\n \u003cdiv class=\"footer-logo\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cdiv class=\"footer-copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n \u003cdiv class=\"footer-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"\/cdn-cgi\/l\/email-protection#ee859c879d9a87808fae858f9d878f808f9c9a9d9a9b8a8781c08d8183\"\u003eContact\u003c\/a\u003e\n \u003ca href=\"\/cdn-cgi\/l\/email-protection#a7ccd5ced4d3cec9c6e7ccc6d4cec6c9c6d5d3d4d3d2c3cec889c4c8ca\"\u003eCollectors\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"\u003e\u003c\/script\u003e\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('.header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10,10,10,0.98)';\n header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n } else {\n header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n header.style.boxShadow = 'none';\n }\n });\n\n \/\/ Parallax effect on scroll\n window.addEventListener('scroll', () =\u003e {\n const scrolled = window.pageYOffset;\n const parallaxElements = document.querySelectorAll('.hero-bg');\n parallaxElements.forEach(el =\u003e {\n el.style.transform = `translateY(${scrolled * 0.4}px)`;\n });\n });\n\n \/\/ Mystical glow follows mouse subtly\n const mysticalGlow = document.querySelector('.mystical-glow');\n document.addEventListener('mousemove', (e) =\u003e {\n if (window.scrollY \u003c window.innerHeight) {\n const x = (e.clientX \/ window.innerWidth - 0.5) * 50;\n const y = (e.clientY \/ window.innerHeight - 0.5) * 30;\n mysticalGlow.style.transform = `translateX(calc(-50% + ${x}px)) translateY(${y}px)`;\n }\n });\n\n \/\/ Ethereal particles respond to mouse\n const particles = document.querySelectorAll('.ethereal-particle');\n document.addEventListener('mousemove', (e) =\u003e {\n const x = e.clientX \/ window.innerWidth;\n \n particles.forEach((particle, index) =\u003e {\n const sway = (x - 0.5) * 30 * ((index % 4) + 1);\n particle.style.marginLeft = `${sway}px`;\n });\n });\n\n \/\/ Flow waves subtle mouse influence\n const flowWaves = document.querySelectorAll('.flow-wave');\n document.addEventListener('mousemove', (e) =\u003e {\n const y = e.cl\n```\u003c\/script\u003e\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083687186597,"sku":"1904581_16039","price":8674.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083687219365,"sku":"1904581_16045","price":8674.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083687252133,"sku":"1904581_15700","price":8674.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/F006BB6B-7A4C-4C27-9CCF-AE1B871CD25B.png?v=1763561712"},{"product_id":"ember-abstract","title":"Ember Abstract— Luxury Gold \u0026 Black Abstract (Ltd. Ed. 50)","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGolden Ascension | Luxury Black \u0026amp; Gold Abstract Art Print | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A moody black-and-gold abstract masterpiece for luxury homes, penthouses, and boutique hotels. Limited Edition of 50. Museum-grade. Elegant, timeless, cinematic.\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Playfair+Display:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n```\n :root {\n --gold-molten: #d4a84b;\n --gold-light: #e8c878;\n --gold-warm: #c9963a;\n --espresso: #1a1410;\n --shadow-warm: #2a2018;\n --bg-dark: #0a0a0a;\n --bg-warm: #0d0b08;\n --text-light: #f5f0e8;\n --text-muted: #c8c0b0;\n --text-soft: #9a9080;\n }\n\n body {\n font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n background: var(--bg-dark);\n color: #e8e3d8;\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n .header {\n position: fixed;\n top: 0;\n width: 100%;\n padding: 2rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1000;\n background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n transition: all 0.4s ease;\n }\n\n .logo {\n font-size: 1.1rem;\n letter-spacing: 3px;\n font-weight: 300;\n text-transform: uppercase;\n }\n\n .nav a {\n color: #e8e3d8;\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .nav a:hover {\n color: var(--gold-molten);\n }\n\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(ellipse at 50% 70%, rgba(212, 168, 75, 0.1) 0%, transparent 50%),\n radial-gradient(ellipse at 30% 40%, rgba(201, 150, 58, 0.06) 0%, transparent 40%),\n radial-gradient(ellipse at 70% 50%, rgba(232, 200, 120, 0.04) 0%, transparent 35%),\n linear-gradient(180deg, var(--espresso) 0%, var(--bg-dark) 50%, var(--espresso) 100%);\n opacity: 1;\n }\n\n \/* Flowing molten gold waves *\/\n .flow-container {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n }\n\n .flow-wave {\n position: absolute;\n width: 200%;\n height: 200px;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(212, 168, 75, 0.03) 20%, \n rgba(212, 168, 75, 0.08) 50%, \n rgba(212, 168, 75, 0.03) 80%, \n transparent 100%);\n filter: blur(30px);\n animation: flow 20s ease-in-out infinite;\n }\n\n .flow-wave:nth-child(1) {\n top: 20%;\n animation-delay: 0s;\n animation-duration: 25s;\n }\n\n .flow-wave:nth-child(2) {\n top: 45%;\n animation-delay: -5s;\n animation-duration: 20s;\n }\n\n .flow-wave:nth-child(3) {\n top: 70%;\n animation-delay: -10s;\n animation-duration: 22s;\n }\n\n @keyframes flow {\n 0%, 100% {\n transform: translateX(-25%) rotate(-2deg);\n }\n 50% {\n transform: translateX(-75%) rotate(2deg);\n }\n }\n\n \/* Rising ethereal particles *\/\n .ethereal-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n }\n\n .ethereal-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: radial-gradient(circle, rgba(212, 168, 75, 0.8) 0%, rgba(212, 168, 75, 0.2) 50%, transparent 70%);\n border-radius: 50%;\n animation: rise-ethereal 15s ease-in-out infinite;\n }\n\n .ethereal-particle:nth-child(1) { left: 8%; bottom: -20px; animation-delay: 0s; animation-duration: 18s; }\n .ethereal-particle:nth-child(2) { left: 18%; bottom: -20px; animation-delay: 3s; animation-duration: 15s; }\n .ethereal-particle:nth-child(3) { left: 32%; bottom: -20px; animation-delay: 6s; animation-duration: 20s; }\n .ethereal-particle:nth-child(4) { left: 45%; bottom: -20px; animation-delay: 2s; animation-duration: 16s; }\n .ethereal-particle:nth-child(5) { left: 58%; bottom: -20px; animation-delay: 8s; animation-duration: 19s; }\n .ethereal-particle:nth-child(6) { left: 72%; bottom: -20px; animation-delay: 4s; animation-duration: 17s; }\n .ethereal-particle:nth-child(7) { left: 85%; bottom: -20px; animation-delay: 7s; animation-duration: 21s; }\n .ethereal-particle:nth-child(8) { left: 92%; bottom: -20px; animation-delay: 1s; animation-duration: 14s; }\n\n @keyframes rise-ethereal {\n 0% {\n transform: translateY(0) scale(0.5);\n opacity: 0;\n }\n 10% {\n opacity: 0.8;\n transform: translateY(-10vh) scale(1);\n }\n 50% {\n opacity: 0.6;\n transform: translateY(-50vh) scale(0.8) translateX(20px);\n }\n 90% {\n opacity: 0.2;\n }\n 100% {\n transform: translateY(-100vh) scale(0.3) translateX(-10px);\n opacity: 0;\n }\n }\n\n \/* Mystical glow orb *\/\n .mystical-glow {\n position: absolute;\n bottom: 10%;\n left: 50%;\n transform: translateX(-50%);\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(212, 168, 75, 0.12) 0%, rgba(212, 168, 75, 0.04) 40%, transparent 70%);\n border-radius: 50%;\n animation: mystical-pulse 8s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes mystical-pulse {\n 0%, 100% {\n transform: translateX(-50%) scale(1);\n opacity: 0.6;\n }\n 50% {\n transform: translateX(-50%) scale(1.2);\n opacity: 1;\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: 0 5%;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero h1 {\n font-size: 4.8rem;\n font-weight: 300;\n letter-spacing: 4px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n color: var(--text-light);\n text-shadow: 0 0 80px rgba(212, 168, 75, 0.2);\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n color: var(--gold-molten);\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 300;\n }\n\n .hero-tagline {\n font-size: 1.1rem;\n color: var(--text-soft);\n letter-spacing: 2px;\n font-style: italic;\n margin-bottom: 3rem;\n }\n\n .cta-btn {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 1px solid var(--gold-molten);\n color: var(--gold-molten);\n text-decoration: none;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-size: 0.85rem;\n transition: all 0.4s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .cta-btn:hover {\n background: var(--gold-molten);\n color: var(--bg-dark);\n transform: translateY(-2px);\n box-shadow: 0 10px 40px rgba(212, 168, 75, 0.35);\n }\n\n .scroll-indicator {\n position: absolute;\n bottom: 3rem;\n left: 50%;\n transform: translateX(-50%);\n color: var(--gold-molten);\n font-size: 0.8rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n transform: translateX(-50%) translateY(0);\n }\n 40% {\n transform: translateX(-50%) translateY(-10px);\n }\n 60% {\n transform: translateX(-50%) translateY(-5px);\n }\n }\n\n .video-section {\n background: var(--bg-dark);\n padding: 8rem 5%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .video-container {\n position: relative;\n width: 100%;\n max-width: 1200px;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(212, 168, 75, 0.25);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 100px rgba(212, 168, 75, 0.08);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .section {\n padding: 8rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 3rem;\n text-align: center;\n color: var(--text-light);\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold-molten), transparent);\n margin: 3rem auto;\n }\n\n .description {\n max-width: 800px;\n margin: 0 auto;\n font-size: 1.2rem;\n line-height: 2;\n color: var(--text-muted);\n text-align: center;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 4rem;\n margin-top: 5rem;\n }\n\n .feature {\n text-align: center;\n padding: 2rem;\n transition: all 0.4s ease;\n border: 1px solid transparent;\n background: rgba(13, 11, 8, 0.5);\n }\n\n .feature:hover {\n transform: translateY(-10px);\n border-color: rgba(212, 168, 75, 0.25);\n background: rgba(212, 168, 75, 0.03);\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--gold-molten);\n margin-bottom: 1.5rem;\n opacity: 0.85;\n }\n\n .feature h3 {\n font-size: 1.5rem;\n font-weight: 300;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n color: var(--text-light);\n }\n\n .feature p {\n color: var(--text-soft);\n line-height: 1.8;\n }\n\n .backstory {\n background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n padding: 8rem 5%;\n position: relative;\n overflow: hidden;\n }\n\n .backstory::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(212, 168, 75, 0.04) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.3rem;\n line-height: 2.2;\n color: #d8d0c0;\n font-style: italic;\n text-align: center;\n position: relative;\n z-index: 1;\n }\n\n .backstory-content p {\n margin-bottom: 2rem;\n }\n\n .backstory-content strong {\n color: var(--text-light);\n font-style: normal;\n }\n\n .backstory-highlight {\n font-size: 1.6rem;\n color: var(--gold-light);\n margin: 2.5rem 0;\n font-weight: 300;\n letter-spacing: 1px;\n }\n\n .edition-details {\n background: var(--bg-dark);\n padding: 6rem 5%;\n }\n\n .details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n max-width: 1200px;\n margin: 4rem auto 0;\n }\n\n .detail-item {\n text-align: center;\n border: 1px solid var(--shadow-warm);\n padding: 3rem 2rem;\n transition: all 0.4s ease;\n background: rgba(10, 10, 10, 0.6);\n }\n\n .detail-item:hover {\n border-color: var(--gold-molten);\n background: rgba(212, 168, 75, 0.04);\n box-shadow: 0 10px 40px rgba(212, 168, 75, 0.08);\n }\n\n .detail-number {\n font-size: 3rem;\n color: var(--gold-molten);\n margin-bottom: 1rem;\n font-weight: 300;\n }\n\n .detail-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-soft);\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .pairing {\n background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-warm) 50%, var(--bg-dark) 100%);\n padding: 8rem 5%;\n }\n\n .pairing-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .pairing-title {\n font-size: 1.8rem;\n color: var(--gold-molten);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .pairing-title a {\n color: var(--gold-molten);\n text-decoration: none;\n border-bottom: 1px solid var(--gold-molten);\n transition: all 0.3s ease;\n }\n\n .pairing-title a:hover {\n color: var(--text-light);\n border-bottom-color: var(--text-light);\n }\n\n .pairing-description {\n color: var(--text-soft);\n font-size: 1.1rem;\n line-height: 1.9;\n margin-top: 1.5rem;\n font-style: italic;\n }\n\n .collection-explore {\n background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 100%);\n padding: 8rem 5%;\n text-align: center;\n }\n\n .collection-btn {\n display: inline-block;\n padding: 1.5rem 4rem;\n background: var(--bg-dark);\n border: 2px solid var(--gold-molten);\n color: var(--gold-molten);\n text-decoration: none;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n font-size: 0.9rem;\n transition: all 0.5s ease;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 400;\n position: relative;\n overflow: hidden;\n }\n\n .collection-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(212, 168, 75, 0.2), transparent);\n transition: left 0.5s ease;\n }\n\n .collection-btn:hover::before {\n left: 100%;\n }\n\n .collection-btn:hover {\n background: var(--gold-molten);\n color: var(--bg-dark);\n border-color: var(--gold-molten);\n transform: translateY(-3px);\n box-shadow: 0 15px 50px rgba(212, 168, 75, 0.4);\n }\n\n .investment {\n background: var(--bg-dark);\n padding: 8rem 5%;\n }\n\n .investment-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .investment-highlight {\n font-size: 1.4rem;\n color: var(--gold-molten);\n margin: 2rem 0;\n font-style: italic;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 2.5rem;\n }\n\n .target-space {\n padding: 0.7rem 1.6rem;\n border: 1px solid rgba(212, 168, 75, 0.25);\n color: var(--text-soft);\n font-size: 0.85rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'Helvetica Neue', sans-serif;\n transition: all 0.3s ease;\n background: rgba(10, 10, 10, 0.5);\n }\n\n .target-space:hover {\n border-color: var(--gold-molten);\n color: var(--gold-molten);\n background: rgba(212, 168, 75, 0.06);\n }\n\n .brands-strip {\n background: #000;\n padding: 3rem 5%;\n text-align: center;\n border-top: 1px solid rgba(212, 168, 75, 0.15);\n border-bottom: 1px solid rgba(212, 168, 75, 0.15);\n }\n\n .brands-text {\n font-size: 0.85rem;\n letter-spacing: 4px;\n color: #555;\n text-transform: uppercase;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .cta-section {\n background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n padding: 8rem 5%;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 1px;\n height: 100px;\n background: linear-gradient(180deg, transparent, var(--gold-molten), transparent);\n }\n\n .cta-large {\n font-size: 3.5rem;\n font-weight: 300;\n margin-bottom: 3rem;\n line-height: 1.3;\n color: var(--text-light);\n }\n\n footer {\n background: #000;\n padding: 4rem 5%;\n text-align: center;\n border-top: 1px solid var(--shadow-warm);\n }\n\n .footer-logo {\n font-size: 1.1rem;\n letter-spacing: 3px;\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .footer-copyright {\n color: var(--text-soft);\n font-size: 0.9rem;\n letter-spacing: 1px;\n }\n\n .footer-links {\n margin-top: 2rem;\n }\n\n .footer-links a {\n color: var(--gold-molten);\n text-decoration: none;\n margin: 0 1rem;\n font-size: 0.85rem;\n letter-spacing: 1.5px;\n transition: color 0.3s ease;\n }\n\n .footer-links a:hover {\n color: var(--text-light);\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2.8rem;\n letter-spacing: 2px;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .nav {\n display: none;\n }\n\n .section {\n padding: 5rem 5%;\n }\n\n .video-section {\n padding: 5rem 5%;\n }\n\n .cta-large {\n font-size: 2.2rem;\n }\n\n .collection-btn {\n padding: 1.2rem 2.5rem;\n font-size: 0.8rem;\n }\n\n .backstory-content {\n font-size: 1.1rem;\n }\n\n .backstory-highlight {\n font-size: 1.3rem;\n }\n\n .target-spaces {\n gap: 0.5rem;\n }\n\n .target-space {\n padding: 0.5rem 1rem;\n font-size: 0.75rem;\n }\n\n .mystical-glow {\n width: 250px;\n height: 250px;\n }\n\n .flow-wave {\n height: 100px;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003cheader class=\"header\"\u003e\n \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cnav class=\"nav\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flow-container\"\u003e\n \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ethereal-particles\"\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mystical-glow\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eGolden Ascension\u003c\/h1\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/zHXvvoRy6gU\" title=\"Golden Ascension — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eMolten Emergence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A moody, fluid gold-and-shadow abstract crafted for penthouses, boutique hotels, and collectors seeking museum-grade elegance. Like light emerging through darkness—warm, atmospheric, alive.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-highlight\"\u003eA study in emergence—light rising through shadow.\u003c\/p\u003e\n \n \u003cp\u003eGolden Ascension was created as a meditation on transformation—warmth threading its way through darkness, the quiet power found in refinement, restraint, and depth. It reflects the untold moments of becoming.\u003c\/p\u003e\n \n \u003cp\u003eIts flowing gold forms echo molten movement, ancient earth, and the calm force of energy shifting upward. In grand rooms, the artwork feels almost alive—responding to light, shadow, and silence with a presence that is both grounding and transcendent.\u003c\/p\u003e\n \n \u003cp\u003eFor collectors, designers, and hospitality visionaries, this piece embodies the essence of high luxury: timeless, sculptural, and emotionally resonant.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eMoody.\u003cbr\u003eElegant.\u003cbr\u003eTimeless.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure heirloom preservation. Crafted using archival pigment inks and premium fine-art substrates for multi-generational longevity.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eGold-and-black abstracts maintain exceptional demand in luxury residential and hospitality markets. Registered in the Kasian Art Studio Collector Archive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"details-grid\"\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairing\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pairing-content\"\u003e\n \u003cdiv class=\"pairing-title\"\u003eRecommended: \u003ca href=\"#\"\u003eEternal Ember — Vertical Abstract\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A complementary black-and-gold piece featuring similar fluid movement and tonal depth from the Eternal Ember series.\n \u003c\/div\u003e\n \u003cp class=\"pairing-description\"\u003e\n Together, they create a dramatic diptych effect ideal for tall gallery walls, luxury hotel corridors, and modern living spaces with soaring ceilings.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Discover more ethereal, atmospheric works from our Abstract Atmospheric Collection, each piece crafted to bring cinematic depth and quiet power to luxury interiors.\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eAbstract Atmospheric Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003cdiv class=\"description\"\u003e\n Golden Ascension is a luxurious abstract work born from movement, shadow, and molten gold. Its warm, atmospheric palette evokes rising energy—making it a mesmerizing focal point for ultra-high-end interiors.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n Every curve and gradient is designed to feel alive beneath soft lighting—responding to shadow and silence with a presence that transforms any space.\n \u003c\/div\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"target-space\"\u003eUltra-Luxury Penthouses\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eDubai Suites\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eBoutique Hotels\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eModern Galleries\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eExecutive Lounges\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"brands-strip\"\u003e\n \u003cdiv class=\"brands-text\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n \u003c\/div\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\n \u003cdiv class=\"footer-logo\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cdiv class=\"footer-copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n \u003cdiv class=\"footer-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCollectors\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('.header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10,10,10,0.98)';\n header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n } else {\n header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n header.style.boxShadow = 'none';\n }\n });\n\n \/\/ Parallax effect on scroll\n window.addEventListener('scroll', () =\u003e {\n const scrolled = window.pageYOffset;\n const parallaxElements = document.querySelectorAll('.hero-bg');\n parallaxElements.forEach(el =\u003e {\n el.style.transform = `translateY(${scrolled * 0.4}px)`;\n });\n });\n\n \/\/ Mystical glow follows mouse subtly\n const mysticalGlow = document.querySelector('.mystical-glow');\n document.addEventListener('mousemove', (e) =\u003e {\n if (window.scrollY \u003c window.innerHeight) {\n const x = (e.clientX \/ window.innerWidth - 0.5) * 50;\n const y = (e.clientY \/ window.innerHeight - 0.5) * 30;\n mysticalGlow.style.transform = `translateX(calc(-50% + ${x}px)) translateY(${y}px)`;\n }\n });\n\n \/\/ Ethereal particles respond to mouse\n const particles = document.querySelectorAll('.ethereal-particle');\n document.addEventListener('mousemove', (e) =\u003e {\n const x = e.clientX \/ window.innerWidth;\n \n particles.forEach((particle, index) =\u003e {\n const sway = (x - 0.5) * 30 * ((index % 4) + 1);\n particle.style.marginLeft = `${sway}px`;\n });\n });\n\n \/\/ Flow waves subtle mouse influence\n const flowWaves = document.querySelectorAll('.flow-wave');\n document.addEventListener('mousemove', (e) =\u003e {\n const y = e.clientY \/ window.innerHeight;\n \n flowWaves.forEach((wave, index) =\u003e {\n const shift = (y - 0.5) * 20 * (index + 1);\n wave.style.marginTop = `${shift}px`;\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083736895653,"sku":"3000655_16039","price":7222.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083736928421,"sku":"3000655_16045","price":7222.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083736961189,"sku":"3000655_15700","price":7222.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/15A32F26-5999-4FE4-8D81-117891901BB2.png?v=1763561375"},{"product_id":"ethereal-poise","title":"ETHEREAL POISE – Limited Edition Ballet Fine Art Print","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eEthereal Ascension – Luxury Ballet Fine Art Print | Limited Edition | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A graceful, museum-grade ballet artwork capturing timeless elegance and movement. Limited Edition of 50. Perfect for luxury homes, hotels, and gallery walls.\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Playfair+Display:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n```\n :root {\n --accent-gold: #c4a265;\n --accent-rose: #d4b5a0;\n --accent-warm: #e8d5c4;\n --bg-dark: #0a0a0a;\n --bg-warm: #12100e;\n --text-light: #f5f0e8;\n --text-muted: #c8c0b0;\n --text-soft: #b8b0a0;\n }\n\n body {\n font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n background: var(--bg-dark);\n color: #e8e3d8;\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n .header {\n position: fixed;\n top: 0;\n width: 100%;\n padding: 2rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1000;\n background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n transition: all 0.4s ease;\n }\n\n .logo {\n font-size: 1.1rem;\n letter-spacing: 3px;\n font-weight: 300;\n text-transform: uppercase;\n }\n\n .nav a {\n color: #e8e3d8;\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .nav a:hover {\n color: var(--accent-gold);\n }\n\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(ellipse at 50% 30%, rgba(196, 162, 101, 0.06) 0%, transparent 50%),\n radial-gradient(ellipse at 30% 70%, rgba(212, 181, 160, 0.04) 0%, transparent 40%),\n radial-gradient(ellipse at 70% 60%, rgba(232, 213, 196, 0.03) 0%, transparent 35%),\n linear-gradient(135deg, #0f0d0b 0%, #0a0a0a 50%, #0f0d0b 100%);\n opacity: 1;\n }\n\n \/* Floating particles animation - ethereal dust motes *\/\n .particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n }\n\n .particle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: radial-gradient(circle, rgba(196, 162, 101, 0.6) 0%, transparent 70%);\n border-radius: 50%;\n animation: float 15s ease-in-out infinite;\n }\n\n .particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; animation-duration: 18s; }\n .particle:nth-child(2) { left: 20%; top: 60%; animation-delay: 2s; animation-duration: 15s; }\n .particle:nth-child(3) { left: 35%; top: 30%; animation-delay: 4s; animation-duration: 20s; }\n .particle:nth-child(4) { left: 50%; top: 70%; animation-delay: 1s; animation-duration: 16s; }\n .particle:nth-child(5) { left: 65%; top: 25%; animation-delay: 3s; animation-duration: 19s; }\n .particle:nth-child(6) { left: 75%; top: 55%; animation-delay: 5s; animation-duration: 17s; }\n .particle:nth-child(7) { left: 85%; top: 40%; animation-delay: 2.5s; animation-duration: 14s; }\n .particle:nth-child(8) { left: 90%; top: 75%; animation-delay: 4.5s; animation-duration: 21s; }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0) translateX(0) scale(1);\n opacity: 0.3;\n }\n 25% {\n transform: translateY(-30px) translateX(10px) scale(1.2);\n opacity: 0.6;\n }\n 50% {\n transform: translateY(-15px) translateX(-5px) scale(0.8);\n opacity: 0.4;\n }\n 75% {\n transform: translateY(-40px) translateX(15px) scale(1.1);\n opacity: 0.5;\n }\n }\n\n \/* Gentle glow pulse *\/\n .glow-ring {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 500px;\n height: 500px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(196, 162, 101, 0.03) 0%, transparent 70%);\n animation: pulse-glow 8s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes pulse-glow {\n 0%, 100% {\n transform: translate(-50%, -50%) scale(1);\n opacity: 0.5;\n }\n 50% {\n transform: translate(-50%, -50%) scale(1.3);\n opacity: 0.8;\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: 0 5%;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero h1 {\n font-size: 4.5rem;\n font-weight: 300;\n letter-spacing: 3px;\n margin-bottom: 1.5rem;\n line-height: 1.15;\n color: var(--text-light);\n text-shadow: 0 0 80px rgba(196, 162, 101, 0.15);\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n color: var(--accent-gold);\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 300;\n }\n\n .hero-tagline {\n font-size: 1.1rem;\n color: var(--text-soft);\n letter-spacing: 2px;\n font-style: italic;\n margin-bottom: 3rem;\n }\n\n .cta-btn {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 1px solid var(--accent-gold);\n color: var(--accent-gold);\n text-decoration: none;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-size: 0.85rem;\n transition: all 0.4s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .cta-btn:hover {\n background: var(--accent-gold);\n color: var(--bg-dark);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(196, 162, 101, 0.25);\n }\n\n .scroll-indicator {\n position: absolute;\n bottom: 3rem;\n left: 50%;\n transform: translateX(-50%);\n color: var(--accent-gold);\n font-size: 0.8rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n transform: translateX(-50%) translateY(0);\n }\n 40% {\n transform: translateX(-50%) translateY(-10px);\n }\n 60% {\n transform: translateX(-50%) translateY(-5px);\n }\n }\n\n .video-section {\n background: var(--bg-dark);\n padding: 8rem 5%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .video-container {\n position: relative;\n width: 100%;\n max-width: 1200px;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(196, 162, 101, 0.25);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 100px rgba(196, 162, 101, 0.08);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .section {\n padding: 8rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 3rem;\n text-align: center;\n color: var(--text-light);\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n margin: 3rem auto;\n }\n\n .description {\n max-width: 800px;\n margin: 0 auto;\n font-size: 1.2rem;\n line-height: 2;\n color: var(--text-muted);\n text-align: center;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 4rem;\n margin-top: 5rem;\n }\n\n .feature {\n text-align: center;\n padding: 2rem;\n transition: all 0.4s ease;\n border: 1px solid transparent;\n }\n\n .feature:hover {\n transform: translateY(-10px);\n border-color: rgba(196, 162, 101, 0.2);\n background: rgba(196, 162, 101, 0.02);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent-gold);\n margin-bottom: 1.5rem;\n opacity: 0.8;\n }\n\n .feature h3 {\n font-size: 1.5rem;\n font-weight: 300;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n color: var(--text-light);\n }\n\n .feature p {\n color: var(--text-soft);\n line-height: 1.8;\n }\n\n .backstory {\n background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n padding: 8rem 5%;\n position: relative;\n overflow: hidden;\n }\n\n .backstory::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 700px;\n height: 700px;\n background: radial-gradient(circle, rgba(212, 181, 160, 0.04) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.3rem;\n line-height: 2.2;\n color: #d8d0c0;\n font-style: italic;\n text-align: center;\n position: relative;\n z-index: 1;\n }\n\n .backstory-content p {\n margin-bottom: 2rem;\n }\n\n .backstory-content strong {\n color: var(--text-light);\n font-style: normal;\n }\n\n .backstory-quote {\n font-size: 1.6rem;\n color: var(--accent-rose);\n margin: 3rem 0;\n font-weight: 300;\n letter-spacing: 1px;\n }\n\n .edition-details {\n background: var(--bg-dark);\n padding: 6rem 5%;\n }\n\n .details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n max-width: 1200px;\n margin: 4rem auto 0;\n }\n\n .detail-item {\n text-align: center;\n border: 1px solid #2a2520;\n padding: 3rem 2rem;\n transition: all 0.4s ease;\n background: rgba(10, 10, 10, 0.5);\n }\n\n .detail-item:hover {\n border-color: var(--accent-gold);\n background: rgba(196, 162, 101, 0.04);\n box-shadow: 0 10px 40px rgba(196, 162, 101, 0.08);\n }\n\n .detail-number {\n font-size: 3rem;\n color: var(--accent-gold);\n margin-bottom: 1rem;\n font-weight: 300;\n }\n\n .detail-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-soft);\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .pairing {\n background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-warm) 50%, var(--bg-dark) 100%);\n padding: 8rem 5%;\n }\n\n .pairing-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .pairing-title {\n font-size: 1.8rem;\n color: var(--accent-gold);\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .pairing-title a {\n color: var(--accent-gold);\n text-decoration: none;\n border-bottom: 1px solid var(--accent-gold);\n transition: all 0.3s ease;\n }\n\n .pairing-title a:hover {\n color: var(--text-light);\n border-bottom-color: var(--text-light);\n }\n\n .pairing-description {\n color: var(--text-soft);\n font-size: 1.1rem;\n line-height: 1.9;\n margin-top: 1.5rem;\n font-style: italic;\n }\n\n .collection-explore {\n background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 100%);\n padding: 8rem 5%;\n text-align: center;\n }\n\n .collection-btn {\n display: inline-block;\n padding: 1.5rem 4rem;\n background: var(--bg-dark);\n border: 2px solid var(--accent-gold);\n color: var(--accent-gold);\n text-decoration: none;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n font-size: 0.9rem;\n transition: all 0.5s ease;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 400;\n position: relative;\n overflow: hidden;\n }\n\n .collection-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(196, 162, 101, 0.15), transparent);\n transition: left 0.5s ease;\n }\n\n .collection-btn:hover::before {\n left: 100%;\n }\n\n .collection-btn:hover {\n background: var(--accent-gold);\n color: var(--bg-dark);\n border-color: var(--accent-gold);\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(196, 162, 101, 0.3);\n }\n\n .investment {\n background: var(--bg-dark);\n padding: 8rem 5%;\n }\n\n .investment-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .investment-highlight {\n font-size: 1.4rem;\n color: var(--accent-gold);\n margin: 2rem 0;\n font-style: italic;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 2.5rem;\n }\n\n .target-space {\n padding: 0.6rem 1.5rem;\n border: 1px solid rgba(196, 162, 101, 0.25);\n color: var(--text-soft);\n font-size: 0.85rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'Helvetica Neue', sans-serif;\n transition: all 0.3s ease;\n }\n\n .target-space:hover {\n border-color: var(--accent-gold);\n color: var(--accent-gold);\n background: rgba(196, 162, 101, 0.05);\n }\n\n .brands-strip {\n background: #000;\n padding: 3rem 5%;\n text-align: center;\n border-top: 1px solid rgba(196, 162, 101, 0.15);\n border-bottom: 1px solid rgba(196, 162, 101, 0.15);\n }\n\n .brands-text {\n font-size: 0.85rem;\n letter-spacing: 4px;\n color: #555;\n text-transform: uppercase;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .cta-section {\n background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n padding: 8rem 5%;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 1px;\n height: 100px;\n background: linear-gradient(180deg, transparent, var(--accent-gold), transparent);\n }\n\n .cta-large {\n font-size: 3.5rem;\n font-weight: 300;\n margin-bottom: 3rem;\n line-height: 1.3;\n color: var(--text-light);\n }\n\n footer {\n background: #000;\n padding: 4rem 5%;\n text-align: center;\n border-top: 1px solid #2a2520;\n }\n\n .footer-logo {\n font-size: 1.1rem;\n letter-spacing: 3px;\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .footer-copyright {\n color: var(--text-soft);\n font-size: 0.9rem;\n letter-spacing: 1px;\n }\n\n .footer-links {\n margin-top: 2rem;\n }\n\n .footer-links a {\n color: var(--accent-gold);\n text-decoration: none;\n margin: 0 1rem;\n font-size: 0.85rem;\n letter-spacing: 1.5px;\n transition: color 0.3s ease;\n }\n\n .footer-links a:hover {\n color: var(--text-light);\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2.8rem;\n letter-spacing: 2px;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .nav {\n display: none;\n }\n\n .section {\n padding: 5rem 5%;\n }\n\n .video-section {\n padding: 5rem 5%;\n }\n\n .cta-large {\n font-size: 2.2rem;\n }\n\n .collection-btn {\n padding: 1.2rem 2.5rem;\n font-size: 0.8rem;\n }\n\n .backstory-content {\n font-size: 1.1rem;\n }\n\n .backstory-quote {\n font-size: 1.3rem;\n }\n\n .target-spaces {\n gap: 0.5rem;\n }\n\n .target-space {\n padding: 0.5rem 1rem;\n font-size: 0.75rem;\n }\n\n .glow-ring {\n width: 300px;\n height: 300px;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003cheader class=\"header\"\u003e\n \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cnav class=\"nav\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/ballet-figurative-collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"glow-ring\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particles\"\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eEthereal Ascension\u003c\/h1\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/VIDEO_ID_HERE\" title=\"Ethereal Ascension — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eGrace in Motion\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A graceful, museum-grade ballet masterpiece capturing movement, devotion, and timeless beauty—crafted for discerning collectors and luxury interiors that honor depth and emotional resonance.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-quote\"\u003eShe rises—not in defiance, but in devotion.\u003c\/p\u003e\n \n \u003cp\u003eEthereal Ascension is a portrait of a woman who has given her life to the poetry of movement. Wrapped in soft fabrics and golden morning light, she hovers in a dreamlike space where the world quiets and the body speaks in its own language.\u003c\/p\u003e\n \n \u003cp\u003eThe piece carries the hush of a pre-performance studio, the warmth of spotlight through dusted air, and the sacred stillness of feminine strength. It is a meditation on grace, discipline, and the transcendence found in art that asks everything of you.\u003c\/p\u003e\n \n \u003cp\u003eCreated for penthouses, luxury hotels, and collectors who honor depth, elegance, and emotional silhouette storytelling, Ethereal Ascension is a timeless addition to any legacy-level collection.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eMoody.\u003cbr\u003eElegant.\u003cbr\u003eTimeless.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure multi-generational preservation. Warm neutrals, gold undertones, and cloudlike pastels create ethereal, atmospheric depth.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eFigurative ballet art maintains strong demand among luxury collectors and hospitality buyers. Graceful elegance ensures enduring emotional and market appeal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"details-grid\"\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairing\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pairing-content\"\u003e\n \u003cdiv class=\"pairing-title\"\u003eRecommended: \u003ca href=\"#\"\u003eThe Quiet Balance\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A complementary abstract ballet motion piece that creates a narrative of movement—stillness beside momentum, form beside abstraction.\n \u003c\/div\u003e\n \u003cp class=\"pairing-description\"\u003e\n Together, the two artworks evoke fluidity, grace, and poetic discipline—ideal for dance studios, luxury wellness spas, modern penthouses, and gallery alcoves.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Discover more graceful, atmospheric works from our Ballet \u0026amp; Figurative Collection, each piece crafted to bring movement, serenity, and emotional resonance to luxury interiors.\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/ballet-figurative-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eBallet \u0026amp; Figurative Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003cdiv class=\"description\"\u003e\n Ethereal Ascension is an homage to the quiet strength, discipline, and soul-deep artistry found in ballet. Rendered in warm neutrals and soft atmospheric tones, the figure rises effortlessly—caught in a moment of pure transcendence where discipline meets divinity.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n This piece is crafted for collectors who value grace, emotional depth, and the transformative power of feminine movement in their interiors.\n \u003c\/div\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"target-space\"\u003ePenthouses\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eDance Studios\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eLuxury Hotels\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eBoutique Lobbies\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eWellness Spas\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eGallery Walls\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"brands-strip\"\u003e\n \u003cdiv class=\"brands-text\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n \u003c\/div\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\n \u003cdiv class=\"footer-logo\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cdiv class=\"footer-copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n \u003cdiv class=\"footer-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCollectors\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('.header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10,10,10,0.98)';\n header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n } else {\n header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n header.style.boxShadow = 'none';\n }\n });\n\n \/\/ Parallax effect on scroll\n window.addEventListener('scroll', () =\u003e {\n const scrolled = window.pageYOffset;\n const parallaxElements = document.querySelectorAll('.hero-bg');\n parallaxElements.forEach(el =\u003e {\n el.style.transform = `translateY(${scrolled * 0.4}px)`;\n });\n });\n\n \/\/ Enhanced particle movement on mouse\n const particles = document.querySelectorAll('.particle');\n document.addEventListener('mousemove', (e) =\u003e {\n const x = e.clientX \/ window.innerWidth;\n const y = e.clientY \/ window.innerHeight;\n \n particles.forEach((particle, index) =\u003e {\n const offsetX = (x - 0.5) * (index + 1) * 8;\n const offsetY = (y - 0.5) * (index + 1) * 8;\n particle.style.transform = `translate(${offsetX}px, ${offsetY}px)`;\n });\n });\n\n \/\/ Glow ring follows scroll subtly\n const glowRing = document.querySelector('.glow-ring');\n window.addEventListener('scroll', () =\u003e {\n const scrolled = window.pageYOffset;\n if (glowRing \u0026\u0026 scrolled \u003c window.innerHeight) {\n glowRing.style.transform = `translate(-50%, calc(-50% + ${scrolled * 0.2}px))`;\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083748987045,"sku":"4675557_16039","price":9764.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083749019813,"sku":"4675557_16045","price":9764.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083749052581,"sku":"4675557_15700","price":9764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/006CB575-B0C9-4E71-AC18-C4B6FFD57468.png?v=1763646687"},{"product_id":"fractured-light","title":"Golden Fracture — Luxury Black, White \u0026 Gold Abstract Fine Art","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGolden Fracture — Luxury Black, White \u0026amp; Gold Abstract Fine Art Print | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A dramatic black, white, and gold abstract artwork designed for luxury interiors, penthouses, and galleries. Museum-grade, limited edition, and architecturally striking.\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Playfair+Display:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n```\n body {\n font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n background: #0a0a0a;\n color: #e8e3d8;\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n .header {\n position: fixed;\n top: 0;\n width: 100%;\n padding: 2rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1000;\n background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n transition: all 0.4s ease;\n }\n\n .logo {\n font-size: 1.1rem;\n letter-spacing: 3px;\n font-weight: 300;\n text-transform: uppercase;\n }\n\n .nav a {\n color: #e8e3d8;\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .nav a:hover {\n color: #c9a227;\n }\n\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(ellipse at 30% 20%, rgba(201, 162, 39, 0.08) 0%, transparent 50%),\n radial-gradient(ellipse at 70% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 40%),\n linear-gradient(135deg, #0f0f0f 0%, #0a0a0a 50%, #0f0f0f 100%);\n opacity: 1;\n }\n\n \/* Animated gold fracture lines *\/\n .fracture-lines {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n opacity: 0.15;\n }\n\n .fracture-line {\n position: absolute;\n background: linear-gradient(90deg, transparent, #c9a227, transparent);\n height: 1px;\n animation: fracture 8s ease-in-out infinite;\n }\n\n .fracture-line:nth-child(1) {\n top: 25%;\n left: 10%;\n width: 30%;\n transform: rotate(15deg);\n animation-delay: 0s;\n }\n\n .fracture-line:nth-child(2) {\n top: 45%;\n right: 15%;\n width: 25%;\n transform: rotate(-20deg);\n animation-delay: 2s;\n }\n\n .fracture-line:nth-child(3) {\n bottom: 30%;\n left: 20%;\n width: 20%;\n transform: rotate(30deg);\n animation-delay: 4s;\n }\n\n @keyframes fracture {\n 0%, 100% { opacity: 0.1; }\n 50% { opacity: 0.4; }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: 0 5%;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero h1 {\n font-size: 5rem;\n font-weight: 300;\n letter-spacing: 4px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n color: #f5f0e8;\n text-shadow: 0 0 60px rgba(201, 162, 39, 0.2);\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n color: #c9a227;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 300;\n }\n\n .hero-tagline {\n font-size: 1.1rem;\n color: #b8b0a0;\n letter-spacing: 2px;\n font-style: italic;\n margin-bottom: 3rem;\n }\n\n .cta-btn {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 1px solid #c9a227;\n color: #c9a227;\n text-decoration: none;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-size: 0.85rem;\n transition: all 0.4s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .cta-btn:hover {\n background: #c9a227;\n color: #0a0a0a;\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(201, 162, 39, 0.3);\n }\n\n .scroll-indicator {\n position: absolute;\n bottom: 3rem;\n left: 50%;\n transform: translateX(-50%);\n color: #c9a227;\n font-size: 0.8rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n transform: translateX(-50%) translateY(0);\n }\n 40% {\n transform: translateX(-50%) translateY(-10px);\n }\n 60% {\n transform: translateX(-50%) translateY(-5px);\n }\n }\n\n .video-section {\n background: #0a0a0a;\n padding: 8rem 5%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .video-container {\n position: relative;\n width: 100%;\n max-width: 1200px;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid rgba(201, 162, 39, 0.3);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 80px rgba(201, 162, 39, 0.1);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .section {\n padding: 8rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 3rem;\n text-align: center;\n color: #f5f0e8;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: linear-gradient(90deg, transparent, #c9a227, transparent);\n margin: 3rem auto;\n }\n\n .description {\n max-width: 800px;\n margin: 0 auto;\n font-size: 1.2rem;\n line-height: 2;\n color: #c8c0b0;\n text-align: center;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 4rem;\n margin-top: 5rem;\n }\n\n .feature {\n text-align: center;\n padding: 2rem;\n transition: transform 0.3s ease;\n border: 1px solid transparent;\n }\n\n .feature:hover {\n transform: translateY(-10px);\n border-color: rgba(201, 162, 39, 0.2);\n background: rgba(201, 162, 39, 0.02);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #c9a227;\n margin-bottom: 1.5rem;\n }\n\n .feature h3 {\n font-size: 1.5rem;\n font-weight: 300;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n color: #f5f0e8;\n }\n\n .feature p {\n color: #b8b0a0;\n line-height: 1.8;\n }\n\n .backstory {\n background: linear-gradient(135deg, #0f0d0a 0%, #0a0a0a 50%, #0f0d0a 100%);\n padding: 8rem 5%;\n position: relative;\n overflow: hidden;\n }\n\n .backstory::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(201, 162, 39, 0.03) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.3rem;\n line-height: 2.2;\n color: #d8d0c0;\n font-style: italic;\n text-align: center;\n position: relative;\n z-index: 1;\n }\n\n .backstory-content p {\n margin-bottom: 2rem;\n }\n\n .backstory-content strong {\n color: #f5f0e8;\n font-style: normal;\n }\n\n .edition-details {\n background: #0a0a0a;\n padding: 6rem 5%;\n }\n\n .details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n max-width: 1200px;\n margin: 4rem auto 0;\n }\n\n .detail-item {\n text-align: center;\n border: 1px solid #2a2520;\n padding: 3rem 2rem;\n transition: all 0.3s ease;\n background: rgba(10, 10, 10, 0.5);\n }\n\n .detail-item:hover {\n border-color: #c9a227;\n background: rgba(201, 162, 39, 0.05);\n box-shadow: 0 10px 40px rgba(201, 162, 39, 0.1);\n }\n\n .detail-number {\n font-size: 3rem;\n color: #c9a227;\n margin-bottom: 1rem;\n font-weight: 300;\n }\n\n .detail-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #b8b0a0;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .pairing {\n background: linear-gradient(180deg, #0a0a0a 0%, #0f0d0a 50%, #0a0a0a 100%);\n padding: 8rem 5%;\n }\n\n .pairing-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .pairing-title {\n font-size: 1.8rem;\n color: #c9a227;\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .pairing-title a {\n color: #c9a227;\n text-decoration: none;\n border-bottom: 1px solid #c9a227;\n transition: all 0.3s ease;\n }\n\n .pairing-title a:hover {\n color: #f5f0e8;\n border-bottom-color: #f5f0e8;\n }\n\n .pairing-list {\n list-style: none;\n margin-top: 2rem;\n }\n\n .pairing-list li {\n color: #b8b0a0;\n margin-bottom: 0.8rem;\n font-size: 1.1rem;\n }\n\n .pairing-list li a {\n color: #c9a227;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .pairing-list li a:hover {\n color: #f5f0e8;\n }\n\n .collection-explore {\n background: linear-gradient(135deg, #0f0d0a 0%, #0a0a0a 100%);\n padding: 8rem 5%;\n text-align: center;\n }\n\n .collection-btn {\n display: inline-block;\n padding: 1.5rem 4rem;\n background: #0a0a0a;\n border: 2px solid #c9a227;\n color: #c9a227;\n text-decoration: none;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n font-size: 0.9rem;\n transition: all 0.5s ease;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 400;\n position: relative;\n overflow: hidden;\n }\n\n .collection-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(201, 162, 39, 0.2), transparent);\n transition: left 0.5s ease;\n }\n\n .collection-btn:hover::before {\n left: 100%;\n }\n\n .collection-btn:hover {\n background: #c9a227;\n color: #0a0a0a;\n border-color: #c9a227;\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(201, 162, 39, 0.4);\n }\n\n .investment {\n background: #0a0a0a;\n padding: 8rem 5%;\n }\n\n .investment-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .investment-highlight {\n font-size: 1.4rem;\n color: #c9a227;\n margin: 2rem 0;\n font-style: italic;\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 2rem;\n }\n\n .target-space {\n padding: 0.6rem 1.5rem;\n border: 1px solid rgba(201, 162, 39, 0.3);\n color: #b8b0a0;\n font-size: 0.85rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n font-family: 'Helvetica Neue', sans-serif;\n transition: all 0.3s ease;\n }\n\n .target-space:hover {\n border-color: #c9a227;\n color: #c9a227;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #0f0d0a 0%, #0a0a0a 50%, #0f0d0a 100%);\n padding: 8rem 5%;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 1px;\n height: 100px;\n background: linear-gradient(180deg, transparent, #c9a227, transparent);\n }\n\n .cta-large {\n font-size: 3.5rem;\n font-weight: 300;\n margin-bottom: 3rem;\n line-height: 1.3;\n color: #f5f0e8;\n }\n\n .brands-strip {\n background: #000;\n padding: 3rem 5%;\n text-align: center;\n border-top: 1px solid rgba(201, 162, 39, 0.2);\n border-bottom: 1px solid rgba(201, 162, 39, 0.2);\n }\n\n .brands-text {\n font-size: 0.85rem;\n letter-spacing: 4px;\n color: #666;\n text-transform: uppercase;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n footer {\n background: #000;\n padding: 4rem 5%;\n text-align: center;\n border-top: 1px solid #2a2520;\n }\n\n .footer-logo {\n font-size: 1.1rem;\n letter-spacing: 3px;\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .footer-copyright {\n color: #b8b0a0;\n font-size: 0.9rem;\n letter-spacing: 1px;\n }\n\n .footer-links {\n margin-top: 2rem;\n }\n\n .footer-links a {\n color: #c9a227;\n text-decoration: none;\n margin: 0 1rem;\n font-size: 0.85rem;\n letter-spacing: 1.5px;\n transition: color 0.3s ease;\n }\n\n .footer-links a:hover {\n color: #f5f0e8;\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n letter-spacing: 2px;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .nav {\n display: none;\n }\n\n .section {\n padding: 5rem 5%;\n }\n\n .video-section {\n padding: 5rem 5%;\n }\n\n .cta-large {\n font-size: 2.5rem;\n }\n\n .collection-btn {\n padding: 1.2rem 2.5rem;\n font-size: 0.8rem;\n }\n\n .backstory-content {\n font-size: 1.1rem;\n }\n\n .target-spaces {\n gap: 0.5rem;\n }\n\n .target-space {\n padding: 0.5rem 1rem;\n font-size: 0.75rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003cheader class=\"header\"\u003e\n \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cnav class=\"nav\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fracture-lines\"\u003e\n \u003cdiv class=\"fracture-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fracture-line\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fracture-line\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eGolden Fracture\u003c\/h1\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/l63kkpcHTg8\" title=\"Golden Fracture — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eElectric Luminosity\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n An electric fusion of obsidian black, cloud white, and metallic gold—crafted as a museum-grade abstract for luxury interiors and fine art collectors.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eSome artworks are quiet.\u003cbr\u003eThis one arrives like lightning.\u003c\/p\u003e\n \n \u003cp\u003eGolden Fracture was inspired by the beauty found in tension—where light meets pressure, where form meets force. Gold veins slice through clouded darkness like illuminated fault lines, evoking the Japanese art of kintsugi, where brokenness becomes art.\u003c\/p\u003e\n \n \u003cp\u003eDesigned for elevated spaces—galleries, penthouses, boutique hotels—this piece commands attention with its sculptural luminosity and architectural presence. White clouds bloom against obsidian black, split by radiant gold fissures reminiscent of lightning, marble veining, or the primal beauty of emergence.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eMoody.\u003cbr\u003eElegant.\u003cbr\u003eTimeless.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure multi-generational preservation. Obsidian black, cloud white, and metallic gold create dramatic, sculptural depth.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eDramatic black-and-gold abstracts maintain strong demand in luxury residential and hospitality markets. Kintsugi-inspired elegance ensures enduring collector appeal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"details-grid\"\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pairing-content\"\u003e\n \u003cdiv class=\"pairing-title\"\u003eCreate a Luxury Diptych\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Golden Fracture pairs beautifully with black-and-gold expressionist abstracts to create a commanding multi-piece wall series for architectural interiors.\n \u003c\/div\u003e\n \u003cul class=\"pairing-list\"\u003e\n \u003cli\u003e\n\u003ca href=\"#\"\u003eEmberborn\u003c\/a\u003e — black + gold movement\u003c\/li\u003e\n \u003cli\u003e\n\u003ca href=\"#\"\u003eGolden Horizon\u003c\/a\u003e — minimal gold bar\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Discover more dramatic, atmospheric works from our Abstract Atmospheric Collection, each piece crafted to bring sculptural luminosity and cinematic presence to luxury interiors.\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eAbstract Atmospheric Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003cdiv class=\"description\"\u003e\n Golden Fracture captures the raw beauty of pressure, energy, and emergence. The bold palette of obsidian black and cloud white wrapped in metallic gold makes it a commanding statement in minimal, contemporary, or classical luxury environments.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n This piece is crafted for collectors who value architectural presence, dramatic contrast, and emotional resonance in their interiors.\n \u003c\/div\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"target-space\"\u003eLuxury Galleries\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003ePenthouses\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eBoutique Hotels\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eMarble Foyers\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eCorporate Lobbies\u003c\/span\u003e\n \u003cspan class=\"target-space\"\u003eModern Estates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"brands-strip\"\u003e\n \u003cdiv class=\"brands-text\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n \u003c\/div\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\n \u003cdiv class=\"footer-logo\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cdiv class=\"footer-copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n \u003cdiv class=\"footer-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCollectors\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('.header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10,10,10,0.98)';\n header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n } else {\n header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n header.style.boxShadow = 'none';\n }\n });\n\n \/\/ Parallax effect on scroll\n window.addEventListener('scroll', () =\u003e {\n const scrolled = window.pageYOffset;\n const parallaxElements = document.querySelectorAll('.hero-bg');\n parallaxElements.forEach(el =\u003e {\n el.style.transform = `translateY(${scrolled * 0.5}px)`;\n });\n });\n\n \/\/ Fracture lines animation enhancement\n const fractures = document.querySelectorAll('.fracture-line');\n window.addEventListener('mousemove', (e) =\u003e {\n const x = e.clientX \/ window.innerWidth;\n const y = e.clientY \/ window.innerHeight;\n \n fractures.forEach((line, index) =\u003e {\n const offset = (index + 1) * 5;\n line.style.transform = `rotate(${15 + (x - 0.5) * offset}deg)`;\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083759603877,"sku":"5172851_16039","price":439.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083759636645,"sku":"5172851_16045","price":439.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083759669413,"sku":"5172851_15700","price":439.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_3667.png?v=1763560613"},{"product_id":"veil-of-shadows","title":"OBSIDIAN DRIFT— Luxury Black \u0026 Grey Atmospheric Abstract Art","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eLuxury Black Abstract Art | Obsidian Drift — Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Museum-grade black abstract artwork exploring depth, movement, and restraint for luxury interiors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg-dark: #0a0a0a;\n --bg-secondary: #1a1a1a;\n --bg-charcoal: #151515;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --accent: #8a8a8a;\n --accent-hover: #a0a0a0;\n --divider: rgba(138, 138, 138, 0.2);\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* HEADER *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(138, 138, 138, 0.1);\n padding: 1.5rem 5%;\n transition: all 0.3s ease;\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .logo:hover {\n color: var(--accent-hover);\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n text-transform: uppercase;\n }\n\n nav a:hover {\n color: var(--accent);\n }\n\n \/* HERO SECTION *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 8rem 5% 4rem;\n position: relative;\n overflow: hidden;\n background: radial-gradient(ellipse at center, #1a1a1a 0%, #000000 100%);\n }\n\n \/* Smoke wisp animation - diagonal sweeps *\/\n .hero::before {\n content: '';\n position: absolute;\n top: -20%;\n right: -10%;\n width: 60%;\n height: 140%;\n background: linear-gradient(135deg, \n transparent 0%, \n rgba(138, 138, 138, 0.03) 30%, \n rgba(138, 138, 138, 0.08) 50%, \n rgba(138, 138, 138, 0.03) 70%, \n transparent 100%);\n transform: rotate(-25deg);\n animation: smokeDrift 15s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes smokeDrift {\n 0%, 100% { \n transform: translateX(0) translateY(0) rotate(-25deg);\n opacity: 0.4;\n }\n 50% { \n transform: translateX(-80px) translateY(60px) rotate(-22deg);\n opacity: 0.7;\n }\n }\n\n \/* Secondary smoke layer *\/\n .hero::after {\n content: '';\n position: absolute;\n bottom: -20%;\n left: -10%;\n width: 50%;\n height: 120%;\n background: linear-gradient(-45deg, \n transparent 0%, \n rgba(138, 138, 138, 0.02) 30%, \n rgba(138, 138, 138, 0.06) 50%, \n rgba(138, 138, 138, 0.02) 70%, \n transparent 100%);\n transform: rotate(20deg);\n animation: smokeCounterDrift 18s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes smokeCounterDrift {\n 0%, 100% { \n transform: translateX(0) translateY(0) rotate(20deg);\n opacity: 0.3;\n }\n 50% { \n transform: translateX(60px) translateY(-40px) rotate(23deg);\n opacity: 0.6;\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-size: 0.9rem;\n letter-spacing: 4px;\n color: var(--accent);\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n font-weight: 400;\n }\n\n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: 4.5rem;\n font-weight: 400;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n color: var(--text-primary);\n letter-spacing: 3px;\n }\n\n .hero-tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n font-weight: 300;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n color: var(--accent);\n border: 1px solid var(--accent);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n font-weight: 400;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--bg-dark);\n }\n\n \/* SECTION STYLES *\/\n section {\n padding: 6rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 400;\n text-align: center;\n margin-bottom: 3rem;\n color: var(--text-primary);\n letter-spacing: 1px;\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.1rem;\n color: var(--text-secondary);\n max-width: 700px;\n margin: 0 auto 4rem;\n line-height: 1.8;\n }\n\n .divider {\n width: 100px;\n height: 1px;\n background: var(--accent);\n margin: 4rem auto;\n }\n\n \/* VIDEO SECTION *\/\n .video-section {\n background: var(--bg-charcoal);\n padding: 6rem 5%;\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--divider);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* DESCRIPTION SECTION *\/\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n }\n\n .description-content p {\n margin-bottom: 1.5rem;\n }\n\n .description-highlight {\n color: var(--text-primary);\n font-weight: 400;\n }\n\n \/* BACKSTORY SECTION *\/\n .backstory-section {\n background: var(--bg-charcoal);\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n line-height: 2.8;\n color: var(--text-secondary);\n font-style: italic;\n text-align: center;\n }\n\n .backstory-content p {\n margin-bottom: 2rem;\n }\n\n \/* FEATURES GRID *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2.5rem;\n background: var(--bg-charcoal);\n border: 1px solid var(--divider);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(138, 138, 138, 0.1);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: var(--accent);\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .feature-description {\n color: var(--text-secondary);\n font-size: 0.95rem;\n line-height: 1.8;\n }\n\n \/* EDITION DETAILS *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: var(--bg-charcoal);\n border: 1px solid var(--divider);\n }\n\n .stat {\n text-align: center;\n padding: 2rem 1rem;\n border-right: 1px solid var(--divider);\n }\n\n .stat:last-child {\n border-right: none;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent);\n margin-bottom: 0.5rem;\n font-weight: 400;\n }\n\n .stat-label {\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: var(--text-secondary);\n }\n\n \/* PAIRINGS SECTION *\/\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .pairing-card {\n padding: 2.5rem;\n background: var(--bg-charcoal);\n border: 1px solid var(--divider);\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n line-height: 1.8;\n font-size: 1rem;\n }\n\n \/* COLLECTION CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, var(--bg-charcoal) 0%, #0a0a0a 100%);\n text-align: center;\n padding: 6rem 5%;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 1.5rem;\n font-weight: 400;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* INVESTMENT SECTION *\/\n .investment-section {\n background: var(--bg-dark);\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 1rem 2rem;\n background: var(--bg-charcoal);\n border: 1px solid var(--divider);\n color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n border-color: var(--accent);\n color: var(--accent);\n }\n\n \/* LUXURY BRANDS *\/\n .luxury-brands {\n background: var(--bg-charcoal);\n padding: 4rem 5%;\n text-align: center;\n }\n\n .luxury-brands h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 2rem;\n color: var(--text-secondary);\n font-weight: 400;\n }\n\n .brand-list {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n color: var(--accent);\n letter-spacing: 3px;\n }\n\n \/* FINAL CTA *\/\n .final-cta {\n padding: 8rem 5%;\n text-align: center;\n background: linear-gradient(135deg, #0a0a0a 0%, var(--bg-charcoal) 100%);\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n margin-bottom: 2rem;\n font-weight: 400;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* FOOTER *\/\n footer {\n background: var(--bg-dark);\n padding: 4rem 5%;\n border-top: 1px solid var(--divider);\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n }\n\n .footer-section h4 {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n margin-bottom: 1.5rem;\n color: var(--accent);\n font-weight: 400;\n }\n\n .footer-section p,\n .footer-section a {\n color: var(--text-secondary);\n font-size: 0.9rem;\n line-height: 2;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .footer-section a:hover {\n color: var(--accent);\n }\n\n .social-links {\n display: flex;\n gap: 1.5rem;\n margin-top: 1rem;\n }\n\n .social-links a {\n font-size: 1.5rem;\n color: var(--text-secondary);\n transition: all 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent);\n transform: translateY(-3px);\n }\n\n .copyright {\n text-align: center;\n margin-top: 3rem;\n padding-top: 2rem;\n border-top: 1px solid var(--divider);\n color: var(--text-secondary);\n font-size: 0.85rem;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 768px) {\n .hero-title {\n font-size: 3rem;\n }\n\n .hero-tagline {\n font-size: 1.3rem;\n }\n\n .section-title {\n font-size: 2.5rem;\n }\n\n nav a {\n margin-left: 1.5rem;\n font-size: 0.8rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .stat {\n border-right: none;\n border-bottom: 1px solid var(--divider);\n }\n\n .stat:last-child {\n border-bottom: none;\n }\n }\n\n \/* SCROLL ANIMATIONS *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n\n```\n\u003c!-- HEADER --\u003e\n\u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\n \u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\n \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 20\u003c\/div\u003e\n \u003ch1 class=\"hero-title\"\u003eObsidian Drift\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Weight of Quiet\u003c\/p\u003e\n \u003cp class=\"section-subtitle\"\u003eDarkness, refined into movement.\u003c\/p\u003e\n \u003ca href=\"#inquire\" class=\"cta-button\"\u003eInquire About This Piece\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- VIDEO SECTION --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/e8EgnWMQcfg?si=eWPk-ht_IQo9P74h\" title=\"Obsidian Drift\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DESCRIPTION SECTION --\u003e\n\u003csection id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eDepth Without Subject\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eObsidian Drift is an exploration of depth without subject\u003c\/span\u003e—a meditation on shadow, motion, and restraint. Layered charcoal tones sweep across the surface like controlled breath, creating a sense of slow movement suspended in time.\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis piece does not demand attention. It commands presence.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eDesigned for collectors and curators who understand the power of absence, Obsidian Drift elevates modern interiors through its tonal complexity and quiet authority. It belongs in spaces where silence is intentional: \u003cspan class=\"description-highlight\"\u003eexecutive suites, Aman-style hotel corridors, private galleries, penthouses,\u003c\/span\u003e and architectural residences defined by discipline and refinement.\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis is not trend art.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis is timeless minimalism.\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BACKSTORY SECTION --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eWhere Authority Begins\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cp\u003eWhere light ends,\u003c\/p\u003e\n \u003cp\u003eauthority begins.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MUSEUM-GRADE FEATURES --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eOnly 20 prints will ever exist. Each piece is numbered and authenticated, ensuring rarity and long-term value for collectors who appreciate atmospheric minimalism.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eMuseum-grade materials ensure 100+ year longevity. Archival pigment inks deliver deep velvety blacks and clean tonal gradients essential for monochrome abstracts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eDramatic black abstracts maintain strong demand in luxury markets. This piece is designed for private collections, galleries, and high-end hospitality environments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- EDITION DETAILS --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"edition-stats fade-in\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e20\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYears Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eCertificate Included\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CURATED PAIRINGS --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"section-subtitle\"\u003eTogether, these works form a curated silence collection for luxury architectural environments.\u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eExhale\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA Study in Absolute Restraint — A minimalist counterpoint exploring singular gesture and negative space. Together with Obsidian Drift, these pieces create a dialogue between movement and stillness.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eQuiet Mass\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eMonochrome Authority Series — An exploration of weight and shadow in abstract form. Paired with Obsidian Drift, these works establish atmospheric depth for sophisticated interiors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COLLECTION CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more works from the Abstract Atmospheric Collection—pieces that celebrate depth, movement, and the quiet power of darkness.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- INVESTMENT SECTION --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Intentional Spaces\u003c\/h2\u003e\n \u003cdiv class=\"section-subtitle\"\u003eThis artwork is created for luxury interiors that value depth, restraint, and architectural presence over ornamentation.\u003c\/div\u003e\n \u003cdiv class=\"target-spaces fade-in\"\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Suites\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eHotel Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Galleries\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePenthouse Living\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoardrooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eArchitectural Foyers\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- LUXURY BRANDS --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003ch3\u003eTrusted by Leading Luxury Brands\u003c\/h3\u003e\n \u003cdiv class=\"brand-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n \u003ch2\u003eBegin Your Acquisition\u003c\/h2\u003e\n \u003cp\u003eFor pricing, framing consultations for dramatic abstracts, or installation guidance, contact our curatorial team.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- FOOTER --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eKasian Art Studio\u003c\/h4\u003e\n \u003cp\u003eMuseum-grade fine art for luxury interiors, private collectors, and hospitality brands.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eQuick Links\u003c\/h4\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eAll Collections\u003c\/a\u003e\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout the Artist\u003c\/a\u003e\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eConnect\u003c\/h4\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"copyright\"\u003e\n \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- SCROLL ANIMATIONS SCRIPT --\u003e\n\u003cscript\u003e\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10, 10, 10, 0.98)';\n } else {\n header.style.background = 'rgba(10, 10, 10, 0.95)';\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084927127717,"sku":"4713076_16039","price":11314.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084927160485,"sku":"4713076_16045","price":11314.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084927193253,"sku":"4713076_15700","price":11314.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_3657.png?v=1763560567"},{"product_id":"embers-of-the-infinite","title":"Emberborn — Luxury Black, Gold \u0026 Charcoal Abstract Fine Art","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eEmberborn — Luxury Black \u0026amp; Gold Abstract Fine Art Print | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A dramatic black, gold, and charcoal abstract artwork crafted for luxury homes, hotels, and collectors. Limited edition, museum-grade, cinematic, and powerful.\"\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n```\n body {\n font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n background: #0a0a0a;\n color: #e8e3d8;\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n .header {\n position: fixed;\n top: 0;\n width: 100%;\n padding: 2rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1000;\n background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n transition: all 0.4s ease;\n }\n\n .logo {\n font-size: 1.1rem;\n letter-spacing: 3px;\n font-weight: 300;\n text-transform: uppercase;\n }\n\n .nav a {\n color: #e8e3d8;\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .nav a:hover {\n color: #d4a574;\n }\n\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 50%, #1a1410 100%);\n opacity: 0.9;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: 0 5%;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero h1 {\n font-size: 5rem;\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n color: #f5f0e8;\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n color: #d4a574;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 300;\n }\n\n .hero-tagline {\n font-size: 1.1rem;\n color: #b8b0a0;\n letter-spacing: 2px;\n font-style: italic;\n margin-bottom: 3rem;\n }\n\n .cta-btn {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 1px solid #d4a574;\n color: #d4a574;\n text-decoration: none;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-size: 0.85rem;\n transition: all 0.4s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .cta-btn:hover {\n background: #d4a574;\n color: #0a0a0a;\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(212, 165, 116, 0.3);\n }\n\n .scroll-indicator {\n position: absolute;\n bottom: 3rem;\n left: 50%;\n transform: translateX(-50%);\n color: #d4a574;\n font-size: 0.8rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n transform: translateX(-50%) translateY(0);\n }\n 40% {\n transform: translateX(-50%) translateY(-10px);\n }\n 60% {\n transform: translateX(-50%) translateY(-5px);\n }\n }\n\n .video-section {\n background: #0a0a0a;\n padding: 8rem 5%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .video-container {\n position: relative;\n width: 100%;\n max-width: 1200px;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid #2a2520;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .section {\n padding: 8rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 3rem;\n text-align: center;\n color: #f5f0e8;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: #d4a574;\n margin: 3rem auto;\n }\n\n .description {\n max-width: 800px;\n margin: 0 auto;\n font-size: 1.2rem;\n line-height: 2;\n color: #c8c0b0;\n text-align: center;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 4rem;\n margin-top: 5rem;\n }\n\n .feature {\n text-align: center;\n padding: 2rem;\n transition: transform 0.3s ease;\n }\n\n .feature:hover {\n transform: translateY(-10px);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #d4a574;\n margin-bottom: 1.5rem;\n }\n\n .feature h3 {\n font-size: 1.5rem;\n font-weight: 300;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n color: #f5f0e8;\n }\n\n .feature p {\n color: #b8b0a0;\n line-height: 1.8;\n }\n\n .backstory {\n background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);\n padding: 8rem 5%;\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.3rem;\n line-height: 2.2;\n color: #d8d0c0;\n font-style: italic;\n text-align: center;\n }\n\n .backstory-content p {\n margin-bottom: 2rem;\n }\n\n .backstory-content strong {\n color: #f5f0e8;\n font-style: normal;\n }\n\n .edition-details {\n background: #0a0a0a;\n padding: 6rem 5%;\n }\n\n .details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n max-width: 1200px;\n margin: 4rem auto 0;\n }\n\n .detail-item {\n text-align: center;\n border: 1px solid #2a2520;\n padding: 3rem 2rem;\n transition: all 0.3s ease;\n }\n\n .detail-item:hover {\n border-color: #d4a574;\n background: rgba(212, 165, 116, 0.05);\n }\n\n .detail-number {\n font-size: 3rem;\n color: #d4a574;\n margin-bottom: 1rem;\n font-weight: 300;\n }\n\n .detail-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #b8b0a0;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .pairing {\n background: #0f0d0a;\n padding: 8rem 5%;\n }\n\n .pairing-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .pairing-title {\n font-size: 1.8rem;\n color: #d4a574;\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .pairing-title a {\n color: #d4a574;\n text-decoration: none;\n border-bottom: 1px solid #d4a574;\n transition: all 0.3s ease;\n }\n\n .pairing-title a:hover {\n color: #f5f0e8;\n border-bottom-color: #f5f0e8;\n }\n\n .collection-explore {\n background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 100%);\n padding: 8rem 5%;\n text-align: center;\n }\n\n .collection-btn {\n display: inline-block;\n padding: 1.5rem 4rem;\n background: #0a0a0a;\n border: 2px solid #d4a574;\n color: #d4a574;\n text-decoration: none;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n font-size: 0.9rem;\n transition: all 0.5s ease;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 400;\n position: relative;\n overflow: hidden;\n }\n\n .collection-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.2), transparent);\n transition: left 0.5s ease;\n }\n\n .collection-btn:hover::before {\n left: 100%;\n }\n\n .collection-btn:hover {\n background: #d4a574;\n color: #0a0a0a;\n border-color: #d4a574;\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(212, 165, 116, 0.4);\n }\n\n .investment {\n background: #0a0a0a;\n padding: 8rem 5%;\n }\n\n .investment-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .investment-highlight {\n font-size: 1.4rem;\n color: #d4a574;\n margin: 2rem 0;\n font-style: italic;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);\n padding: 8rem 5%;\n text-align: center;\n }\n\n .cta-large {\n font-size: 3.5rem;\n font-weight: 300;\n margin-bottom: 3rem;\n line-height: 1.3;\n color: #f5f0e8;\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .nav {\n display: none;\n }\n \n .section {\n padding: 5rem 5%;\n }\n\n .video-section {\n padding: 5rem 5%;\n }\n\n .cta-large {\n font-size: 2.5rem;\n }\n\n .collection-btn {\n padding: 1.2rem 2.5rem;\n font-size: 0.8rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003cheader class=\"header\"\u003e\n \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cnav class=\"nav\"\u003e\n \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"#about\"\u003eAbout\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eEmberborn\u003c\/h1\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/xWXeMpN_GWU\" title=\"Emberborn — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eElemental Drama\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A dramatic black, gold, and ash abstract infused with cinematic movement and museum-grade depth—crafted for luxury interiors and elite collectors.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eBorn from shadow and flame, Emberborn captures the moment light breaks through darkness. Swirls of molten gold cut through charcoal storms, evoking volcanic energy, celestial movement, and the primal beauty of creation.\u003c\/p\u003e\n \n \u003cp\u003eThis artwork was designed for spaces that hold presence—towering penthouses, stone-wrapped hotel lobbies, minimalist modern homes, and quiet gallery halls. It invites the viewer into a world where darkness becomes luminous and chaos becomes art.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eMoody.\u003cbr\u003eElegant.\u003cbr\u003eTimeless.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure multi-generational preservation. Swirling gold, charcoal, and smoke-like textures create volcanic, atmospheric depth.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eDramatic expressionist abstracts maintain strong demand in luxury residential and hospitality markets. Elemental power ensures enduring collector appeal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"details-grid\"\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairing\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pairing-content\"\u003e\n \u003cdiv class=\"pairing-title\"\u003eRecommended: \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eGolden Horizon\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A vertical black-and-gold expressionist or \"Golden Horizon\" minimalist piece—creating an elemental diptych: stillness + eruption, shadow + flame.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Discover more dramatic, atmospheric works from our Abstract Atmospheric Collection, each piece crafted to bring volcanic energy, celestial movement, and cinematic presence to luxury interiors.\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eAbstract Atmospheric Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003cdiv class=\"description\"\u003e\n Emberborn is a force of atmosphere—swirling gold, charcoal, and smoke-like textures that shift between elemental and celestial. The composition feels alive, as if carved from volcanic ash and illuminated by molten light.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n This piece is crafted for collectors who value movement, drama, and emotional presence in their interiors.\n \u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Perfect for penthouses, modern estates, boutique hotels, gallery installations, and architectural spaces that embrace bold, cinematic expression.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n \u003c\/div\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter style=\"background: #000; padding: 4rem 5%; text-align: center; border-top: 1px solid #2a2520;\"\u003e\n \u003cdiv style=\"font-size: 1.1rem; letter-spacing: 3px; margin-bottom: 2rem; text-transform: uppercase;\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cdiv style=\"color: #b8b0a0; font-size: 0.9rem; letter-spacing: 1px;\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n \u003cdiv style=\"margin-top: 2rem;\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eContact\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eCollectors\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('.header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10,10,10,0.98)';\n header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n } else {\n header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n header.style.boxShadow = 'none';\n }\n });\n\n \/\/ Parallax effect on scroll\n window.addEventListener('scroll', () =\u003e {\n const scrolled = window.pageYOffset;\n const parallaxElements = document.querySelectorAll('.hero-bg');\n parallaxElements.forEach(el =\u003e {\n el.style.transform = `translateY(${scrolled * 0.5}px)`;\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084931846309,"sku":"8220331_16039","price":13314.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084931879077,"sku":"8220331_16045","price":13314.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084931911845,"sku":"8220331_15700","price":13314.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/5008E260-36C3-4C79-94EC-A5DD6BE9E14F.png?v=1763646616"},{"product_id":"golden-horizon","title":"Golden Horizon — Luxury Black \u0026 Gold Minimalist Fine Art Print","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGolden Horizon — Luxury Black \u0026amp; Gold Minimalist Fine Art Print | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A modern minimalist black-and-gold artwork crafted for luxury homes, penthouses, hotels, and designer spaces. Limited edition, museum-grade.\"\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n```\n body {\n font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n background: #0a0a0a;\n color: #e8e3d8;\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n .header {\n position: fixed;\n top: 0;\n width: 100%;\n padding: 2rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1000;\n background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n transition: all 0.4s ease;\n }\n\n .logo {\n font-size: 1.1rem;\n letter-spacing: 3px;\n font-weight: 300;\n text-transform: uppercase;\n }\n\n .nav a {\n color: #e8e3d8;\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .nav a:hover {\n color: #d4a574;\n }\n\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 50%, #1a1410 100%);\n opacity: 0.9;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: 0 5%;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero h1 {\n font-size: 5rem;\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n color: #f5f0e8;\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n color: #d4a574;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 300;\n }\n\n .hero-tagline {\n font-size: 1.1rem;\n color: #b8b0a0;\n letter-spacing: 2px;\n font-style: italic;\n margin-bottom: 3rem;\n }\n\n .cta-btn {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 1px solid #d4a574;\n color: #d4a574;\n text-decoration: none;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-size: 0.85rem;\n transition: all 0.4s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .cta-btn:hover {\n background: #d4a574;\n color: #0a0a0a;\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(212, 165, 116, 0.3);\n }\n\n .scroll-indicator {\n position: absolute;\n bottom: 3rem;\n left: 50%;\n transform: translateX(-50%);\n color: #d4a574;\n font-size: 0.8rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n transform: translateX(-50%) translateY(0);\n }\n 40% {\n transform: translateX(-50%) translateY(-10px);\n }\n 60% {\n transform: translateX(-50%) translateY(-5px);\n }\n }\n\n .video-section {\n background: #0a0a0a;\n padding: 8rem 5%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .video-container {\n position: relative;\n width: 100%;\n max-width: 1200px;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid #2a2520;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .section {\n padding: 8rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 3rem;\n text-align: center;\n color: #f5f0e8;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: #d4a574;\n margin: 3rem auto;\n }\n\n .description {\n max-width: 800px;\n margin: 0 auto;\n font-size: 1.2rem;\n line-height: 2;\n color: #c8c0b0;\n text-align: center;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 4rem;\n margin-top: 5rem;\n }\n\n .feature {\n text-align: center;\n padding: 2rem;\n transition: transform 0.3s ease;\n }\n\n .feature:hover {\n transform: translateY(-10px);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #d4a574;\n margin-bottom: 1.5rem;\n }\n\n .feature h3 {\n font-size: 1.5rem;\n font-weight: 300;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n color: #f5f0e8;\n }\n\n .feature p {\n color: #b8b0a0;\n line-height: 1.8;\n }\n\n .backstory {\n background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);\n padding: 8rem 5%;\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.3rem;\n line-height: 2.2;\n color: #d8d0c0;\n font-style: italic;\n text-align: center;\n }\n\n .backstory-content p {\n margin-bottom: 2rem;\n }\n\n .backstory-content strong {\n color: #f5f0e8;\n font-style: normal;\n }\n\n .edition-details {\n background: #0a0a0a;\n padding: 6rem 5%;\n }\n\n .details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n max-width: 1200px;\n margin: 4rem auto 0;\n }\n\n .detail-item {\n text-align: center;\n border: 1px solid #2a2520;\n padding: 3rem 2rem;\n transition: all 0.3s ease;\n }\n\n .detail-item:hover {\n border-color: #d4a574;\n background: rgba(212, 165, 116, 0.05);\n }\n\n .detail-number {\n font-size: 3rem;\n color: #d4a574;\n margin-bottom: 1rem;\n font-weight: 300;\n }\n\n .detail-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #b8b0a0;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .pairing {\n background: #0f0d0a;\n padding: 8rem 5%;\n }\n\n .pairing-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .pairing-title {\n font-size: 1.8rem;\n color: #d4a574;\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .pairing-title a {\n color: #d4a574;\n text-decoration: none;\n border-bottom: 1px solid #d4a574;\n transition: all 0.3s ease;\n }\n\n .pairing-title a:hover {\n color: #f5f0e8;\n border-bottom-color: #f5f0e8;\n }\n\n .collection-explore {\n background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 100%);\n padding: 8rem 5%;\n text-align: center;\n }\n\n .collection-btn {\n display: inline-block;\n padding: 1.5rem 4rem;\n background: #0a0a0a;\n border: 2px solid #d4a574;\n color: #d4a574;\n text-decoration: none;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n font-size: 0.9rem;\n transition: all 0.5s ease;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 400;\n position: relative;\n overflow: hidden;\n }\n\n .collection-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.2), transparent);\n transition: left 0.5s ease;\n }\n\n .collection-btn:hover::before {\n left: 100%;\n }\n\n .collection-btn:hover {\n background: #d4a574;\n color: #0a0a0a;\n border-color: #d4a574;\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(212, 165, 116, 0.4);\n }\n\n .investment {\n background: #0a0a0a;\n padding: 8rem 5%;\n }\n\n .investment-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .investment-highlight {\n font-size: 1.4rem;\n color: #d4a574;\n margin: 2rem 0;\n font-style: italic;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);\n padding: 8rem 5%;\n text-align: center;\n }\n\n .cta-large {\n font-size: 3.5rem;\n font-weight: 300;\n margin-bottom: 3rem;\n line-height: 1.3;\n color: #f5f0e8;\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .nav {\n display: none;\n }\n \n .section {\n padding: 5rem 5%;\n }\n\n .video-section {\n padding: 5rem 5%;\n }\n\n .cta-large {\n font-size: 2.5rem;\n }\n\n .collection-btn {\n padding: 1.2rem 2.5rem;\n font-size: 0.8rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003cheader class=\"header\"\u003e\n \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cnav class=\"nav\"\u003e\n \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"#about\"\u003eAbout\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eGolden Horizon\u003c\/h1\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/47Kl9ICNTQg?si=73G0DtH2c04vftXZ\" title=\"Golden Horizon — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eArchitectural Restraint\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A sleek, architectural black-and-gold minimalist statement piece crafted for refined interiors and collector-level luxury environments.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eThere is a moment each day when darkness meets light—a thin line where contrast becomes harmony. Golden Horizon captures that moment.\u003c\/p\u003e\n \n \u003cp\u003eThe expanse of matte black carries weight, depth, and silence, while a single gold horizon interrupts it with brilliance and purpose. This piece is not meant to be loud; it is meant to center a room, to carve space, to create presence.\u003c\/p\u003e\n \n \u003cp\u003eInspired by architectural minimalism and quiet luxury, the artwork brings balance to expansive modern interiors—from sky-high penthouses to curated hotel suites.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eA statement of power through simplicity.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade materials ensure multi-generational preservation. Deep matte black field with brushed gold horizon creates commanding architectural presence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eMinimalist color-field works maintain strong demand in luxury residential and hospitality markets. Timeless restraint ensures enduring value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"details-grid\"\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairing\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pairing-content\"\u003e\n \u003cdiv class=\"pairing-title\"\u003eRecommended: \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eVertical Gold Accent\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A vertical gold-accent minimalist companion piece from the same series, enhancing symmetry and creating an ultra-luxury diptych experience ideal for lobbies, long hallways, and feature walls.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Discover more sleek, architectural minimalist works from our Gold \u0026amp; Noir Collection, each piece crafted to bring commanding presence and quiet luxury to refined interiors.\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eGold \u0026amp; Noir Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003cdiv class=\"description\"\u003e\n Golden Horizon is a study in restraint, contrast, and quietly commanding elegance. The deep matte black field anchors the room with gravity, while the horizon line of brushed gold creates a moment of light, balance, and architectural tension.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n This work embodies quiet luxury—a museum-grade piece designed for collectors, interior designers, and hospitality buyers seeking depth without noise.\n \u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Perfect for penthouses, modern estates, boutique hotels, gallery entrance walls, and executive spaces that require an artwork with presence.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n \u003c\/div\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter style=\"background: #000; padding: 4rem 5%; text-align: center; border-top: 1px solid #2a2520;\"\u003e\n \u003cdiv style=\"font-size: 1.1rem; letter-spacing: 3px; margin-bottom: 2rem; text-transform: uppercase;\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cdiv style=\"color: #b8b0a0; font-size: 0.9rem; letter-spacing: 1px;\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n \u003cdiv style=\"margin-top: 2rem;\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eContact\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eCollectors\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('.header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10,10,10,0.98)';\n header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n } else {\n header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n header.style.boxShadow = 'none';\n }\n });\n\n \/\/ Parallax effect on scroll\n window.addEventListener('scroll', () =\u003e {\n const scrolled = window.pageYOffset;\n const parallaxElements = document.querySelectorAll('.hero-bg');\n parallaxElements.forEach(el =\u003e {\n el.style.transform = `translateY(${scrolled * 0.5}px)`;\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084940431525,"sku":"6331537_16039","price":11424.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084940464293,"sku":"6331537_16045","price":11424.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084940497061,"sku":"6331537_15700","price":11424.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/D14325DC-FBBD-4BC2-91DC-64CC7CE5ED90.png?v=1763646592"},{"product_id":"eternal-embrace","title":"Eternal Embrace • Collector’s Edition Fine Art by Kasian","description":"\u003cbody\u003e\n\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eEternal Embrace — Luxury Figurative Black \u0026amp; White Fine Art Print | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A cinematic, intimate black-and-white figurative artwork crafted as a museum-grade limited edition for luxury homes, penthouses, hotels, and collectors.\"\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n```\n body {\n font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n background: #0a0a0a;\n color: #e8e3d8;\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n .header {\n position: fixed;\n top: 0;\n width: 100%;\n padding: 2rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1000;\n background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n transition: all 0.4s ease;\n }\n\n .logo {\n font-size: 1.1rem;\n letter-spacing: 3px;\n font-weight: 300;\n text-transform: uppercase;\n }\n\n .nav a {\n color: #e8e3d8;\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .nav a:hover {\n color: #7a756d;\n }\n\n .hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, #1a1814 0%, #0a0a0a 50%, #1a1814 100%);\n opacity: 0.9;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: 0 5%;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero h1 {\n font-size: 5rem;\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n color: #f5f0e8;\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n color: #7a756d;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 300;\n }\n\n .hero-tagline {\n font-size: 1.1rem;\n color: #b8b0a0;\n letter-spacing: 2px;\n font-style: italic;\n margin-bottom: 3rem;\n }\n\n .cta-btn {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n border: 1px solid #7a756d;\n color: #7a756d;\n text-decoration: none;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-size: 0.85rem;\n transition: all 0.4s ease;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .cta-btn:hover {\n background: #7a756d;\n color: #0a0a0a;\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(122, 117, 109, 0.3);\n }\n\n .scroll-indicator {\n position: absolute;\n bottom: 3rem;\n left: 50%;\n transform: translateX(-50%);\n color: #7a756d;\n font-size: 0.8rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n transform: translateX(-50%) translateY(0);\n }\n 40% {\n transform: translateX(-50%) translateY(-10px);\n }\n 60% {\n transform: translateX(-50%) translateY(-5px);\n }\n }\n\n .video-section {\n background: #0a0a0a;\n padding: 8rem 5%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .video-container {\n position: relative;\n width: 100%;\n max-width: 1200px;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid #2a2520;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .section {\n padding: 8rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 3rem;\n text-align: center;\n color: #f5f0e8;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: #7a756d;\n margin: 3rem auto;\n }\n\n .description {\n max-width: 800px;\n margin: 0 auto;\n font-size: 1.2rem;\n line-height: 2;\n color: #c8c0b0;\n text-align: center;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 4rem;\n margin-top: 5rem;\n }\n\n .feature {\n text-align: center;\n padding: 2rem;\n transition: transform 0.3s ease;\n }\n\n .feature:hover {\n transform: translateY(-10px);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n color: #7a756d;\n margin-bottom: 1.5rem;\n }\n\n .feature h3 {\n font-size: 1.5rem;\n font-weight: 300;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n color: #f5f0e8;\n }\n\n .feature p {\n color: #b8b0a0;\n line-height: 1.8;\n }\n\n .backstory {\n background: linear-gradient(135deg, #1a1814 0%, #0f0d0a 100%);\n padding: 8rem 5%;\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.3rem;\n line-height: 2.2;\n color: #d8d0c0;\n font-style: italic;\n text-align: center;\n }\n\n .backstory-content p {\n margin-bottom: 2rem;\n }\n\n .backstory-content strong {\n color: #f5f0e8;\n font-style: normal;\n }\n\n .edition-details {\n background: #0a0a0a;\n padding: 6rem 5%;\n }\n\n .details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n max-width: 1200px;\n margin: 4rem auto 0;\n }\n\n .detail-item {\n text-align: center;\n border: 1px solid #2a2520;\n padding: 3rem 2rem;\n transition: all 0.3s ease;\n }\n\n .detail-item:hover {\n border-color: #7a756d;\n background: rgba(122, 117, 109, 0.05);\n }\n\n .detail-number {\n font-size: 3rem;\n color: #7a756d;\n margin-bottom: 1rem;\n font-weight: 300;\n }\n\n .detail-label {\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #b8b0a0;\n font-family: 'Helvetica Neue', sans-serif;\n }\n\n .pairing {\n background: #0f0d0a;\n padding: 8rem 5%;\n }\n\n .pairing-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .pairing-title {\n font-size: 1.8rem;\n color: #7a756d;\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .pairing-title a {\n color: #7a756d;\n text-decoration: none;\n border-bottom: 1px solid #7a756d;\n transition: all 0.3s ease;\n }\n\n .pairing-title a:hover {\n color: #f5f0e8;\n border-bottom-color: #f5f0e8;\n }\n\n .collection-explore {\n background: linear-gradient(135deg, #1a1814 0%, #0a0a0a 100%);\n padding: 8rem 5%;\n text-align: center;\n }\n\n .collection-btn {\n display: inline-block;\n padding: 1.5rem 4rem;\n background: #0a0a0a;\n border: 2px solid #7a756d;\n color: #7a756d;\n text-decoration: none;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n font-size: 0.9rem;\n transition: all 0.5s ease;\n font-family: 'Helvetica Neue', sans-serif;\n font-weight: 400;\n position: relative;\n overflow: hidden;\n }\n\n .collection-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(122, 117, 109, 0.2), transparent);\n transition: left 0.5s ease;\n }\n\n .collection-btn:hover::before {\n left: 100%;\n }\n\n .collection-btn:hover {\n background: #7a756d;\n color: #0a0a0a;\n border-color: #7a756d;\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(122, 117, 109, 0.3);\n }\n\n .investment {\n background: #0a0a0a;\n padding: 8rem 5%;\n }\n\n .investment-content {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n .investment-highlight {\n font-size: 1.4rem;\n color: #7a756d;\n margin: 2rem 0;\n font-style: italic;\n }\n\n .cta-section {\n background: linear-gradient(135deg, #1a1814 0%, #0f0d0a 100%);\n padding: 8rem 5%;\n text-align: center;\n }\n\n .cta-large {\n font-size: 3.5rem;\n font-weight: 300;\n margin-bottom: 3rem;\n line-height: 1.3;\n color: #f5f0e8;\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .nav {\n display: none;\n }\n \n .section {\n padding: 5rem 5%;\n }\n\n .video-section {\n padding: 5rem 5%;\n }\n\n .cta-large {\n font-size: 2.5rem;\n }\n\n .collection-btn {\n padding: 1.2rem 2.5rem;\n font-size: 0.8rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n \u003cheader class=\"header\"\u003e\n \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cnav class=\"nav\"\u003e\n \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"#about\"\u003eAbout\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1\u003eEternal Embrace\u003c\/h1\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/WTgyu6q-rHc?si=A-LKpJrnN-qSahVU\" title=\"Eternal Embrace — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eIntimate Connection\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n An intimate, cinematic portrait capturing connection, devotion, and timeless elegance—crafted as a museum-grade limited edition for luxury interiors.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eThere are moments where time pauses—where the world dissolves, and only connection remains. Eternal Embrace was born from that suspended stillness.\u003c\/p\u003e\n \n \u003cp\u003eCaptured in soft charcoal gradients, the piece reflects a bond that is both tender and unwavering. The figures are rendered without distraction—the story told entirely through gesture, tension, and shadow.\u003c\/p\u003e\n \n \u003cp\u003eCreated for collectors who understand the poetry of restraint, this artwork echoes the timeless intimacy found in classic portraiture while delivering a modern, moody aesthetic fit for luxury interiors from New York penthouses to boutique Parisian suites.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis is a piece that doesn't simply hang on a wall—it changes the emotional temperature of the room.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 50 prints will ever exist. Each individually numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n \u003cp\u003eMuseum-grade archival materials ensure multi-generational preservation. Deep charcoal tones with sculptural softness create emotional depth.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp\u003eIntimate figurative works maintain strong collector demand in luxury residential and hospitality markets. Timeless emotional narrative ensures enduring value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"details-grid\"\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"detail-item\"\u003e\n \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairing\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pairing-content\"\u003e\n \u003cdiv class=\"pairing-title\"\u003eRecommended: \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eEternal Silhouette\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A moody figurative abstract from the same collection. The pairing deepens the emotional narrative and creates a gallery-quality diptych experience ideal for feature walls, suites, and curated spaces.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Discover more intimate, emotionally charged works from our Black \u0026amp; White Luxury Collection, each piece crafted to transform interiors with cinematic elegance and timeless sophistication.\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eBlack \u0026amp; White Luxury Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003cdiv class=\"description\"\u003e\n Eternal Embrace is a study in intimacy, trust, and human connection. Rendered in deep charcoal tones with sculptural softness, the artwork evokes the quiet power of two souls anchored in each other.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n This piece draws its strength from restraint—no distractions, only form, shadow, and the emotional gravity between two bodies.\n \u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Designed for luxury collectors and hospitality spaces, this work transforms a room into a sanctuary of stillness and depth. Perfect for penthouses, boutique hotel suites, Parisian townhomes, and gallery-level installations.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n \u003c\/div\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter style=\"background: #000; padding: 4rem 5%; text-align: center; border-top: 1px solid #2a2520;\"\u003e\n \u003cdiv style=\"font-size: 1.1rem; letter-spacing: 3px; margin-bottom: 2rem; text-transform: uppercase;\"\u003eKasian Art Studio\u003c\/div\u003e\n \u003cdiv style=\"color: #b8b0a0; font-size: 0.9rem; letter-spacing: 1px;\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n \u003cdiv style=\"margin-top: 2rem;\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #7a756d; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" style=\"color: #7a756d; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eContact\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" style=\"color: #7a756d; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eCollectors\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('.header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10,10,10,0.98)';\n header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n } else {\n header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n header.style.boxShadow = 'none';\n }\n });\n\n \/\/ Parallax effect on scroll\n window.addEventListener('scroll', () =\u003e {\n const scrolled = window.pageYOffset;\n const parallaxElements = document.querySelectorAll('.hero-bg');\n parallaxElements.forEach(el =\u003e {\n el.style.transform = `translateY(${scrolled * 0.5}px)`;\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084941676709,"sku":"7169501_16039","price":12824.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084941709477,"sku":"7169501_16045","price":12824.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084941742245,"sku":"7169501_15700","price":12824.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/23537FA5-B3C3-4DF8-8788-89BE747C82D8_0cfaf94a-2117-406f-901d-8dd60f7c37d2.png?v=1763559566"},{"product_id":"eclipsed-silence","title":"Eclipsed Silence— Luxury Minimalist Black \u0026 White Abstract","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eMinimalist Luxury Wall Art | Exhale — Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Museum-grade minimalist artwork exploring silence, restraint, and negative space for luxury interiors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg-dark: #0a0a0a;\n --bg-secondary: #1a1a1a;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --accent: #ffffff;\n --accent-secondary: #d4d4d4;\n --divider: rgba(255, 255, 255, 0.15);\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* HEADER *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n padding: 1.5rem 5%;\n transition: all 0.3s ease;\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .logo:hover {\n color: var(--accent-secondary);\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n text-transform: uppercase;\n }\n\n nav a:hover {\n color: var(--accent);\n }\n\n \/* HERO SECTION *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 8rem 5% 4rem;\n position: relative;\n overflow: hidden;\n background: #000000;\n }\n\n \/* Minimal vertical line animation *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 1px;\n height: 0;\n background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.3), transparent);\n animation: verticalLine 8s ease-in-out infinite;\n }\n\n @keyframes verticalLine {\n 0%, 100% { \n height: 0;\n opacity: 0;\n }\n 50% { \n height: 100%;\n opacity: 1;\n }\n }\n\n \/* Minimal dot accent *\/\n .hero::after {\n content: '';\n position: absolute;\n top: 50%;\n right: 20%;\n width: 8px;\n height: 8px;\n background: rgba(255, 255, 255, 0.4);\n border-radius: 50%;\n animation: dotPulse 6s ease-in-out infinite;\n }\n\n @keyframes dotPulse {\n 0%, 100% { \n opacity: 0.2;\n transform: scale(1);\n }\n 50% { \n opacity: 0.6;\n transform: scale(1.5);\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-size: 0.9rem;\n letter-spacing: 4px;\n color: var(--accent);\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n font-weight: 400;\n }\n\n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: 5rem;\n font-weight: 300;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n color: var(--text-primary);\n letter-spacing: 8px;\n }\n\n .hero-tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n font-weight: 300;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n color: var(--accent);\n border: 1px solid var(--accent);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n font-weight: 400;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--bg-dark);\n }\n\n \/* SECTION STYLES *\/\n section {\n padding: 6rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 400;\n text-align: center;\n margin-bottom: 3rem;\n color: var(--text-primary);\n letter-spacing: 2px;\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.1rem;\n color: var(--text-secondary);\n max-width: 700px;\n margin: 0 auto 4rem;\n line-height: 1.8;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: var(--accent);\n margin: 4rem auto;\n }\n\n \/* VIDEO SECTION *\/\n .video-section {\n background: var(--bg-secondary);\n padding: 6rem 5%;\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--divider);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* DESCRIPTION SECTION *\/\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n }\n\n .description-content p {\n margin-bottom: 1.5rem;\n }\n\n .description-highlight {\n color: var(--text-primary);\n font-weight: 400;\n }\n\n \/* BACKSTORY SECTION *\/\n .backstory-section {\n background: var(--bg-secondary);\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.6rem;\n line-height: 2.5;\n color: var(--text-secondary);\n font-style: italic;\n text-align: center;\n }\n\n .backstory-content p {\n margin-bottom: 2rem;\n }\n\n \/* FEATURES GRID *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2.5rem;\n background: var(--bg-secondary);\n border: 1px solid var(--divider);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(255, 255, 255, 0.05);\n }\n\n .feature-icon {\n font-size: 2rem;\n color: var(--accent);\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .feature-description {\n color: var(--text-secondary);\n font-size: 0.95rem;\n line-height: 1.8;\n }\n\n \/* EDITION DETAILS *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: var(--bg-secondary);\n border: 1px solid var(--divider);\n }\n\n .stat {\n text-align: center;\n padding: 2rem 1rem;\n border-right: 1px solid var(--divider);\n }\n\n .stat:last-child {\n border-right: none;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent);\n margin-bottom: 0.5rem;\n font-weight: 400;\n }\n\n .stat-label {\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: var(--text-secondary);\n }\n\n \/* PAIRINGS SECTION *\/\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .pairing-card {\n padding: 2.5rem;\n background: var(--bg-secondary);\n border: 1px solid var(--divider);\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 400;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n line-height: 1.8;\n font-size: 1rem;\n }\n\n \/* COLLECTION CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, var(--bg-secondary) 0%, #0a0a0a 100%);\n text-align: center;\n padding: 6rem 5%;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 1.5rem;\n font-weight: 400;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* INVESTMENT SECTION *\/\n .investment-section {\n background: var(--bg-dark);\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 1rem 2rem;\n background: var(--bg-secondary);\n border: 1px solid var(--divider);\n color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n border-color: var(--accent);\n color: var(--accent);\n }\n\n \/* LUXURY BRANDS *\/\n .luxury-brands {\n background: var(--bg-secondary);\n padding: 4rem 5%;\n text-align: center;\n }\n\n .luxury-brands h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 2rem;\n color: var(--text-secondary);\n font-weight: 400;\n }\n\n .brand-list {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n color: var(--accent);\n letter-spacing: 3px;\n }\n\n \/* FINAL CTA *\/\n .final-cta {\n padding: 8rem 5%;\n text-align: center;\n background: linear-gradient(135deg, #0a0a0a 0%, var(--bg-secondary) 100%);\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n margin-bottom: 2rem;\n font-weight: 400;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* FOOTER *\/\n footer {\n background: var(--bg-dark);\n padding: 4rem 5%;\n border-top: 1px solid var(--divider);\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n }\n\n .footer-section h4 {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n margin-bottom: 1.5rem;\n color: var(--accent);\n font-weight: 400;\n }\n\n .footer-section p,\n .footer-section a {\n color: var(--text-secondary);\n font-size: 0.9rem;\n line-height: 2;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .footer-section a:hover {\n color: var(--accent);\n }\n\n .social-links {\n display: flex;\n gap: 1.5rem;\n margin-top: 1rem;\n }\n\n .social-links a {\n font-size: 1.5rem;\n color: var(--text-secondary);\n transition: all 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent);\n transform: translateY(-3px);\n }\n\n .copyright {\n text-align: center;\n margin-top: 3rem;\n padding-top: 2rem;\n border-top: 1px solid var(--divider);\n color: var(--text-secondary);\n font-size: 0.85rem;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 768px) {\n .hero-title {\n font-size: 3.5rem;\n letter-spacing: 4px;\n }\n\n .hero-tagline {\n font-size: 1.3rem;\n }\n\n .section-title {\n font-size: 2.5rem;\n }\n\n nav a {\n margin-left: 1.5rem;\n font-size: 0.8rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .stat {\n border-right: none;\n border-bottom: 1px solid var(--divider);\n }\n\n .stat:last-child {\n border-bottom: none;\n }\n }\n\n \/* SCROLL ANIMATIONS *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n\n```\n\u003c!-- HEADER --\u003e\n\u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\n \u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\n \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 15\u003c\/div\u003e\n \u003ch1 class=\"hero-title\"\u003eEXHALE\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eA Study in Absolute Restraint\u003c\/p\u003e\n \u003cp class=\"section-subtitle\"\u003eWhen less becomes everything.\u003c\/p\u003e\n \u003ca href=\"#inquire\" class=\"cta-button\"\u003eInquire About This Piece\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- VIDEO SECTION --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/_BY6zlgJF6s?si=LbT9K_D89BaRNsKM\" title=\"Exhale\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DESCRIPTION SECTION --\u003e\n\u003csection id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eIntentional Silence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eExhale is not an image—it is a pause.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eA singular vertical gesture meets a quiet point of interruption, suspended in negative space. This work explores finality, breath, and intentional silence, drawing power not from excess but from discipline. The composition commands attention through restraint, offering a moment of calm authority rather than explanation.\u003c\/p\u003e\n \u003cp\u003eThis piece belongs in interiors curated for those who understand visual weight: spaces where confidence is expressed through clarity, not decoration. It thrives in \u003cspan class=\"description-highlight\"\u003emodern penthouses, executive corridors, boutique hotel lobbies, private galleries,\u003c\/span\u003e and architectural interiors where minimalism is elevated to philosophy.\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis is not decorative art.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis is decisive art.\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BACKSTORY SECTION --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Space Between\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cp\u003eBefore the word.\u003c\/p\u003e\n \u003cp\u003eAfter the noise.\u003c\/p\u003e\n \u003cp\u003eThere is this.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MUSEUM-GRADE FEATURES --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e—\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eOnly 15 prints will ever exist. Each piece is numbered and authenticated, ensuring absolute exclusivity for collectors who value rarity and architectural presence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e—\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eMuseum-grade materials ensure 100+ year longevity. Archival pigment inks on premium substrates deliver precise tonal clarity and crisp edge integrity for minimalist compositions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e—\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchitectural Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eMinimalist abstracts transcend trends. This piece is designed for high-end architectural spaces, executive environments, and galleries where visual discipline defines the aesthetic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- EDITION DETAILS --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"edition-stats fade-in\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e15\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYears Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eCertificate Included\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CURATED PAIRINGS --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"section-subtitle\"\u003eTogether, these works form a curated silence collection designed for high-end architectural spaces.\u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eStillness I\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eNegative Authority — A companion study in visual weight and negative space. Together with Exhale, these pieces create a dialogue of restraint for collectors who value clarity over complexity.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eQuiet Form\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eMinimal Gesture Series — An exploration of essential form reduced to its purest expression. Paired with Exhale, these works establish a visual language of absolute discipline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COLLECTION CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more works from the Collector's Gallery Limited Editions—pieces reserved for those who understand that true luxury requires nothing superfluous.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/collector-s-gallery-limited-editions\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- INVESTMENT SECTION --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Architectural Interiors\u003c\/h2\u003e\n \u003cdiv class=\"section-subtitle\"\u003eThis artwork is created for spaces that value clarity, restraint, and architectural presence over ornamentation.\u003c\/div\u003e\n \u003cdiv class=\"target-spaces fade-in\"\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Galleries\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Lobbies\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePenthouse Studies\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eArchitectural Foyers\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoardrooms\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- LUXURY BRANDS --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003ch3\u003eTrusted by Leading Luxury Brands\u003c\/h3\u003e\n \u003cdiv class=\"brand-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n \u003ch2\u003eBegin Your Acquisition\u003c\/h2\u003e\n \u003cp\u003eFor pricing, framing consultations tailored to architectural spaces, or installation guidance, contact our curatorial team.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- FOOTER --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eKasian Art Studio\u003c\/h4\u003e\n \u003cp\u003eMuseum-grade fine art for luxury interiors, private collectors, and hospitality brands.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eQuick Links\u003c\/h4\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eAll Collections\u003c\/a\u003e\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout the Artist\u003c\/a\u003e\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eConnect\u003c\/h4\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"copyright\"\u003e\n \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- SCROLL ANIMATIONS SCRIPT --\u003e\n\u003cscript\u003e\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10, 10, 10, 0.98)';\n } else {\n header.style.background = 'rgba(10, 10, 10, 0.95)';\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084942823589,"sku":"1559158_16039","price":12764.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084942856357,"sku":"1559158_16045","price":12764.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084942889125,"sku":"1559158_15700","price":12764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/4590D4C0-C3E7-44B7-86F8-A30CD49AF8D3.png?v=1763559519"},{"product_id":"glass-reverie","title":"Liquid Poise• Sculptural Monochrome Luxury Art Print","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eLuxury Abstract Wall Art | Liquid Poise — Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Museum-grade abstract art inspired by glass, light, and restraint for luxury interiors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg-dark: #0a0a0a;\n --bg-secondary: #1a1a1a;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --accent: #c9b896;\n --accent-hover: #d4c4a8;\n --divider: rgba(201, 184, 150, 0.2);\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* HEADER *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(201, 184, 150, 0.1);\n padding: 1.5rem 5%;\n transition: all 0.3s ease;\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--accent);\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n .logo:hover {\n color: var(--accent-hover);\n }\n\n nav a {\n color: var(--text-secondary);\n text-decoration: none;\n margin-left: 2.5rem;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n text-transform: uppercase;\n }\n\n nav a:hover {\n color: var(--accent);\n }\n\n \/* HERO SECTION *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 8rem 5% 4rem;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, rgba(201, 184, 150, 0.05) 0%, transparent 70%);\n animation: gentlePulse 12s ease-in-out infinite;\n }\n\n @keyframes gentlePulse {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1); \n opacity: 0.4; \n }\n 50% { \n transform: translate(-50%, -50%) scale(1.15); \n opacity: 0.6; \n }\n }\n\n \/* Floating curves animation *\/\n .hero::after {\n content: '';\n position: absolute;\n bottom: -20%;\n right: -10%;\n width: 600px;\n height: 600px;\n background: radial-gradient(ellipse, rgba(201, 184, 150, 0.03) 0%, transparent 60%);\n border-radius: 50%;\n animation: floatCurve 20s ease-in-out infinite;\n }\n\n @keyframes floatCurve {\n 0%, 100% { \n transform: translate(0, 0) rotate(0deg);\n }\n 50% { \n transform: translate(-50px, -50px) rotate(5deg);\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-size: 0.9rem;\n letter-spacing: 4px;\n color: var(--accent);\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n font-weight: 400;\n }\n\n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: 4.5rem;\n font-weight: 600;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n color: var(--text-primary);\n letter-spacing: -1px;\n }\n\n .hero-tagline {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n font-weight: 300;\n font-style: italic;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: transparent;\n color: var(--accent);\n border: 2px solid var(--accent);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n font-weight: 500;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--bg-dark);\n }\n\n \/* SECTION STYLES *\/\n section {\n padding: 6rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n font-weight: 600;\n text-align: center;\n margin-bottom: 3rem;\n color: var(--text-primary);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.1rem;\n color: var(--text-secondary);\n max-width: 700px;\n margin: 0 auto 4rem;\n line-height: 1.8;\n }\n\n .divider {\n width: 100px;\n height: 2px;\n background: var(--accent);\n margin: 4rem auto;\n }\n\n \/* VIDEO SECTION *\/\n .video-section {\n background: var(--bg-secondary);\n padding: 6rem 5%;\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border: 1px solid var(--divider);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* DESCRIPTION SECTION *\/\n .description-content {\n max-width: 900px;\n margin: 0 auto;\n font-size: 1.1rem;\n line-height: 2;\n color: var(--text-secondary);\n }\n\n .description-content p {\n margin-bottom: 1.5rem;\n }\n\n .description-highlight {\n color: var(--text-primary);\n font-weight: 500;\n }\n\n \/* BACKSTORY SECTION *\/\n .backstory-section {\n background: var(--bg-secondary);\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n line-height: 2.2;\n color: var(--text-secondary);\n font-style: italic;\n text-align: center;\n }\n\n .backstory-content p {\n margin-bottom: 2rem;\n }\n\n \/* FEATURES GRID *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2.5rem;\n background: var(--bg-secondary);\n border: 1px solid var(--divider);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n border-color: var(--accent);\n box-shadow: 0 20px 40px rgba(201, 184, 150, 0.1);\n }\n\n .feature-icon {\n font-size: 3rem;\n color: var(--accent);\n margin-bottom: 1.5rem;\n }\n\n .feature-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-description {\n color: var(--text-secondary);\n font-size: 0.95rem;\n line-height: 1.8;\n }\n\n \/* EDITION DETAILS *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n padding: 3rem;\n background: var(--bg-secondary);\n border: 1px solid var(--divider);\n }\n\n .stat {\n text-align: center;\n padding: 2rem 1rem;\n border-right: 1px solid var(--divider);\n }\n\n .stat:last-child {\n border-right: none;\n }\n\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--accent);\n margin-bottom: 0.5rem;\n font-weight: 600;\n }\n\n .stat-label {\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: var(--text-secondary);\n }\n\n \/* PAIRINGS SECTION *\/\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .pairing-card {\n padding: 2.5rem;\n background: var(--bg-secondary);\n border: 1px solid var(--divider);\n transition: all 0.4s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--accent);\n transform: translateY(-5px);\n }\n\n .pairing-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .pairing-description {\n color: var(--text-secondary);\n line-height: 1.8;\n font-size: 1rem;\n }\n\n \/* COLLECTION CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, var(--bg-secondary) 0%, #0a0a0a 100%);\n text-align: center;\n padding: 6rem 5%;\n }\n\n .collection-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 1.5rem;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* INVESTMENT SECTION *\/\n .investment-section {\n background: var(--bg-dark);\n }\n\n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .space-tag {\n padding: 1rem 2rem;\n background: var(--bg-secondary);\n border: 1px solid var(--divider);\n color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n border-color: var(--accent);\n color: var(--accent);\n }\n\n \/* LUXURY BRANDS *\/\n .luxury-brands {\n background: var(--bg-secondary);\n padding: 4rem 5%;\n text-align: center;\n }\n\n .luxury-brands h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n margin-bottom: 2rem;\n color: var(--text-secondary);\n font-weight: 400;\n }\n\n .brand-list {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n color: var(--accent);\n letter-spacing: 3px;\n }\n\n \/* FINAL CTA *\/\n .final-cta {\n padding: 8rem 5%;\n text-align: center;\n background: linear-gradient(135deg, #0a0a0a 0%, var(--bg-secondary) 100%);\n }\n\n .final-cta h2 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* FOOTER *\/\n footer {\n background: var(--bg-dark);\n padding: 4rem 5%;\n border-top: 1px solid var(--divider);\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n }\n\n .footer-section h4 {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n margin-bottom: 1.5rem;\n color: var(--accent);\n }\n\n .footer-section p,\n .footer-section a {\n color: var(--text-secondary);\n font-size: 0.9rem;\n line-height: 2;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .footer-section a:hover {\n color: var(--accent);\n }\n\n .social-links {\n display: flex;\n gap: 1.5rem;\n margin-top: 1rem;\n }\n\n .social-links a {\n font-size: 1.5rem;\n color: var(--text-secondary);\n transition: all 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent);\n transform: translateY(-3px);\n }\n\n .copyright {\n text-align: center;\n margin-top: 3rem;\n padding-top: 2rem;\n border-top: 1px solid var(--divider);\n color: var(--text-secondary);\n font-size: 0.85rem;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 768px) {\n .hero-title {\n font-size: 3rem;\n }\n\n .hero-tagline {\n font-size: 1.3rem;\n }\n\n .section-title {\n font-size: 2.5rem;\n }\n\n nav a {\n margin-left: 1.5rem;\n font-size: 0.8rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .stat {\n border-right: none;\n border-bottom: 1px solid var(--divider);\n }\n\n .stat:last-child {\n border-bottom: none;\n }\n }\n\n \/* SCROLL ANIMATIONS *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\u003c\/style\u003e\n```\n\n\n\n\n```\n\u003c!-- HEADER --\u003e\n\u003cheader\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n \u003cnav\u003e\n \u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\n \u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\n \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n \u003c\/nav\u003e\n \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 25\u003c\/div\u003e\n \u003ch1 class=\"hero-title\"\u003eLiquid Poise\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Shape of Quiet Luxury\u003c\/p\u003e\n \u003cp class=\"section-subtitle\"\u003eWhere restraint becomes desire.\u003c\/p\u003e\n \u003ca href=\"#inquire\" class=\"cta-button\"\u003eInquire About This Piece\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- VIDEO SECTION --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/ZC0Lz5Kb3H4?si=4Rjr0DB3M7nQ52QA\" title=\"Liquid Poise\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DESCRIPTION SECTION --\u003e\n\u003csection id=\"details\"\u003e\n \u003ch2 class=\"section-title\"\u003eForm in Suspension\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eLiquid Poise — The Shape of Quiet Luxury\u003c\/span\u003e is an exploration of controlled fluidity—a moment where form pauses just long enough to be admired.\u003c\/p\u003e\n \u003cp\u003eRendered in sculptural monochrome, the composition captures a glass-like curve suspended between motion and stillness. Light glides across its surface with discipline, revealing tension, balance, and elegance without excess. There is no narrative imposed—only suggestion. Only refinement.\u003c\/p\u003e\n \u003cp\u003eThis work speaks to collectors and designers who understand that true luxury whispers. It belongs in environments where calm authority is the defining feature: \u003cspan class=\"description-highlight\"\u003eexecutive lounges, penthouse living rooms, private dining spaces, wine rooms,\u003c\/span\u003e and five-star hospitality corridors.\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eIt does not compete with a space. It completes it.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eThis is art for those who notice proportion, shadow, and silence.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BACKSTORY SECTION --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Philosophy of Restraint\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cp\u003eBefore movement, there is balance.\u003c\/p\u003e\n \u003cp\u003eBefore indulgence, control.\u003c\/p\u003e\n \u003cp\u003eBefore sound—silence.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MUSEUM-GRADE FEATURES --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eOnly 25 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity and investment-level positioning for discerning collectors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eMuseum-grade materials ensure 100+ year longevity. Ultra-rich archival pigment inks on premium fine art substrates deliver exceptional tonal depth and sculptural diffusion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eHospitality Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eMinimalist abstracts maintain enduring appeal in luxury environments. This piece is designed for wine rooms, private dining spaces, boutique hotels, and refined residential interiors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- EDITION DETAILS --\u003e\n\u003csection\u003e\n \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n \u003cdiv class=\"edition-stats fade-in\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e25\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eYears Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eCertificate Included\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CURATED PAIRINGS --\u003e\n\u003csection class=\"backstory-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"section-subtitle\"\u003eCurated together, these works create a visual language of composure and restraint.\u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eStill Decanter\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eAn Ode to Pause — A contemplative study of form and negative space. The perfect companion to Liquid Poise for creating environments that value silence over spectacle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eRefined Tension\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eWhere Light Rests — Capturing the moment where light meets surface with intention. Together with Liquid Poise, these pieces speak the language of understated elegance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COLLECTION CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more works from the Black \u0026amp; White Luxury Collection—contemporary pieces that celebrate proportion, restraint, and the quiet poetry of form.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- INVESTMENT SECTION --\u003e\n\u003csection class=\"investment-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Refined Environments\u003c\/h2\u003e\n \u003cdiv class=\"section-subtitle\"\u003eThis artwork is created for interiors that value proportion, calm, and quiet luxury over ornament.\u003c\/div\u003e\n \u003cdiv class=\"target-spaces fade-in\"\u003e\n \u003cdiv class=\"space-tag\"\u003eWine Rooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Lounges\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Dining\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePenthouse Living\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotels\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Corridors\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- LUXURY BRANDS --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n \u003ch3\u003eTrusted by Leading Luxury Brands\u003c\/h3\u003e\n \u003cdiv class=\"brand-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n \u003ch2\u003eBegin Your Acquisition\u003c\/h2\u003e\n \u003cp\u003eFor pricing, framing consultations, or custom installation guidance for wine rooms and luxury spaces, contact our curatorial team.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- FOOTER --\u003e\n\u003cfooter\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eKasian Art Studio\u003c\/h4\u003e\n \u003cp\u003eMuseum-grade fine art for luxury interiors, private collectors, and hospitality brands.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eQuick Links\u003c\/h4\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eAll Collections\u003c\/a\u003e\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout the Artist\u003c\/a\u003e\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"footer-section\"\u003e\n \u003ch4\u003eConnect\u003c\/h4\u003e\n \u003cdiv class=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"copyright\"\u003e\n \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- SCROLL ANIMATIONS SCRIPT --\u003e\n\u003cscript\u003e\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Header background on scroll\n window.addEventListener('scroll', () =\u003e {\n const header = document.querySelector('header');\n if (window.scrollY \u003e 100) {\n header.style.background = 'rgba(10, 10, 10, 0.98)';\n } else {\n header.style.background = 'rgba(10, 10, 10, 0.95)';\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084944461989,"sku":"6176226_16039","price":13764.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084944494757,"sku":"6176226_16045","price":13764.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084944527525,"sku":"6176226_15700","price":13764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/2980066A-548E-45DA-A512-09689432BD18.png?v=1763646754"},{"product_id":"sunset-layers","title":"Golden Foundations — Limited Edition Modern Luxe Abstract","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGolden Foundations — Luxury Modern Color-Block Abstract Art\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A refined color-block abstract in ivory, ochre, clay, and teal. Perfect for luxury lobbies, penthouses, and boutique hotels. Limited Edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg-primary: #0a0a0a;\n --bg-secondary: #111111;\n --bg-warm: #1a1410;\n --text-primary: #f5f5f5;\n --text-secondary: #c0c0c0;\n --text-muted: #808080;\n --accent-ochre: #d4a033;\n --accent-clay: #b8774d;\n --accent-teal: #2d5f5d;\n --accent-ivory: #f5ead6;\n --accent-primary: #1a1a1a;\n --accent-secondary: #2a2a2a;\n --border-color: #333333;\n --serif: 'Cormorant Garamond', serif;\n --display: 'Playfair Display', serif;\n --sans: 'Montserrat', sans-serif;\n }\n\n body {\n font-family: var(--sans);\n background-color: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Fixed Header *\/\n .header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border-color);\n padding: 1rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: var(--display);\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .logo:hover {\n color: var(--accent-ochre);\n }\n\n .nav {\n display: flex;\n gap: 2rem;\n }\n\n .nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n .nav a:hover {\n color: var(--accent-ochre);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 0 5%;\n position: relative;\n overflow: hidden;\n background: linear-gradient(180deg, var(--bg-warm) 0%, var(--bg-primary) 100%);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40%;\n background: linear-gradient(180deg, \n rgba(212, 160, 51, 0.08) 0%, \n rgba(184, 119, 77, 0.05) 50%,\n transparent 100%);\n animation: warmGlow 12s ease-in-out infinite;\n }\n\n .hero::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 40%;\n background: linear-gradient(0deg, \n rgba(45, 95, 93, 0.08) 0%, \n transparent 100%);\n animation: coolGlow 10s ease-in-out infinite;\n }\n\n @keyframes warmGlow {\n 0%, 100% { opacity: 0.6; }\n 50% { opacity: 1; }\n }\n\n @keyframes coolGlow {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 0.8; }\n }\n\n .color-bands {\n position: absolute;\n top: 20%;\n right: 5%;\n width: 200px;\n height: 400px;\n opacity: 0.15;\n filter: blur(80px);\n }\n\n .band {\n width: 100%;\n height: 25%;\n }\n\n .band-1 { background: var(--accent-ochre); }\n .band-2 { background: var(--accent-ivory); }\n .band-3 { background: var(--accent-clay); }\n .band-4 { background: var(--accent-teal); }\n\n .hero-content {\n position: relative;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-family: var(--sans);\n font-size: 0.75rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--accent-ochre);\n margin-bottom: 1.5rem;\n }\n\n .hero-title {\n font-family: var(--display);\n font-size: clamp(2.5rem, 8vw, 5.5rem);\n font-weight: 400;\n line-height: 1.1;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n background: linear-gradient(135deg, \n var(--accent-ochre) 0%, \n var(--accent-ivory) 50%,\n var(--accent-clay) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-edition {\n font-family: var(--serif);\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n font-style: italic;\n }\n\n .hero-tagline {\n font-family: var(--serif);\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n letter-spacing: 2px;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n color: var(--accent-ochre);\n border: 1px solid var(--accent-ochre);\n text-decoration: none;\n font-family: var(--sans);\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-ochre);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--bg-primary);\n }\n\n \/* Section Styles *\/\n .section {\n padding: 6rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: var(--display);\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 400;\n margin-bottom: 3rem;\n text-align: center;\n letter-spacing: 1px;\n }\n\n .divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, var(--accent-ochre), var(--accent-clay));\n margin: 0 auto 4rem;\n }\n\n \/* Video Section *\/\n .video-section {\n background: var(--bg-secondary);\n padding: 6rem 5%;\n }\n\n .video-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n background: #000;\n border: 1px solid var(--accent-ochre);\n box-shadow: 0 0 40px rgba(212, 160, 51, 0.15);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description {\n text-align: center;\n background: var(--bg-warm);\n }\n\n .description-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 800px;\n margin: 0 auto;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-secondary);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: var(--serif);\n font-size: 1.25rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n .backstory-highlight {\n font-family: var(--display);\n font-size: 1.8rem;\n font-style: italic;\n text-align: center;\n margin: 3rem 0;\n color: var(--accent-ochre);\n letter-spacing: 1px;\n line-height: 1.4;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2.5rem;\n background: var(--bg-secondary);\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n position: relative;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, \n transparent, \n var(--accent-ochre) 30%, \n var(--accent-clay) 70%, \n transparent);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n\n .feature-card:hover::before {\n transform: scaleX(1);\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-ochre);\n box-shadow: 0 10px 30px rgba(212, 160, 51, 0.15);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-ochre);\n }\n\n .feature-title {\n font-family: var(--display);\n font-size: 1.3rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-text {\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Edition Details Grid *\/\n .edition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n padding: 3rem;\n background: var(--bg-warm);\n border-top: 2px solid var(--accent-ochre);\n border-bottom: 2px solid var(--accent-teal);\n position: relative;\n overflow: hidden;\n }\n\n .edition-grid::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 200%;\n height: 100%;\n background: linear-gradient(90deg, \n transparent, \n rgba(212, 160, 51, 0.05), \n transparent);\n animation: shimmer 8s infinite;\n }\n\n @keyframes shimmer {\n 0% { left: -100%; }\n 100% { left: 100%; }\n }\n\n .edition-stat {\n text-align: center;\n padding: 1.5rem;\n position: relative;\n z-index: 2;\n }\n\n .edition-number {\n font-family: var(--display);\n font-size: 2.5rem;\n color: var(--accent-ochre);\n margin-bottom: 0.5rem;\n }\n\n .edition-label {\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-secondary);\n }\n\n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-primary);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n padding: 2.5rem;\n background: var(--bg-secondary);\n border: 1px solid var(--border-color);\n border-left: 3px solid var(--accent-teal);\n transition: all 0.3s ease;\n position: relative;\n }\n\n .pairing-card:hover {\n border-left-color: var(--accent-ochre);\n transform: translateX(5px);\n box-shadow: -5px 5px 20px rgba(212, 160, 51, 0.1);\n }\n\n .pairing-title {\n font-family: var(--display);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--accent-ochre);\n }\n\n .pairing-description {\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 6rem 5%;\n background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-primary) 100%);\n position: relative;\n overflow: hidden;\n }\n\n .collection-cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 50%, \n rgba(212, 160, 51, 0.08) 0%, \n transparent 60%);\n }\n\n .collection-cta-content {\n position: relative;\n z-index: 2;\n }\n\n .collection-title {\n font-family: var(--display);\n font-size: clamp(2rem, 5vw, 3.5rem);\n margin-bottom: 1.5rem;\n background: linear-gradient(135deg, \n var(--accent-ochre) 0%, \n var(--accent-ivory) 50%,\n var(--accent-clay) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .collection-subtitle {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment {\n background: var(--bg-secondary);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .spaces-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin-top: 2rem;\n }\n\n .space-tag {\n font-size: 0.9rem;\n letter-spacing: 1px;\n padding: 0.75rem 1.5rem;\n background: var(--bg-warm);\n border: 1px solid var(--accent-ochre);\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n background: var(--accent-ochre);\n color: var(--bg-primary);\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(212, 160, 51, 0.2);\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 5%;\n background: var(--bg-warm);\n text-align: center;\n border-top: 1px solid var(--accent-ochre);\n border-bottom: 1px solid var(--accent-teal);\n }\n\n .brand-strip-title {\n font-size: 0.75rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-bottom: 2rem;\n }\n\n .brand-names {\n font-family: var(--serif);\n font-size: 1.5rem;\n background: linear-gradient(90deg, \n var(--accent-ochre), \n var(--accent-ivory), \n var(--accent-clay));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n letter-spacing: 3px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 5%;\n background: radial-gradient(ellipse at center, var(--bg-warm) 0%, var(--bg-primary) 70%);\n position: relative;\n overflow: hidden;\n }\n\n .final-cta::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, \n rgba(212, 160, 51, 0.1) 0%, \n transparent 70%);\n animation: pulse 8s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n 50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.8; }\n }\n\n .final-cta-content {\n position: relative;\n z-index: 2;\n }\n\n .final-cta-title {\n font-family: var(--display);\n font-size: clamp(2rem, 6vw, 4rem);\n margin-bottom: 2rem;\n background: linear-gradient(135deg, \n var(--accent-ochre) 0%, \n var(--accent-ivory) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .final-cta-subtitle {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .final-cta-email {\n font-family: var(--serif);\n font-size: 1.3rem;\n color: var(--accent-ochre);\n text-decoration: none;\n border-bottom: 1px solid var(--accent-ochre);\n transition: all 0.3s ease;\n padding-bottom: 0.25rem;\n }\n\n .final-cta-email:hover {\n color: var(--accent-ivory);\n border-color: var(--accent-ivory);\n }\n\n \/* Footer *\/\n .footer {\n padding: 3rem 5%;\n background: var(--bg-primary);\n border-top: 1px solid var(--border-color);\n text-align: center;\n }\n\n .footer-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .footer-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .footer-links a:hover {\n color: var(--accent-ochre);\n }\n\n .footer-copyright {\n font-size: 0.85rem;\n color: var(--text-muted);\n letter-spacing: 1px;\n }\n\n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .header {\n padding: 1rem 3%;\n }\n\n .nav {\n gap: 1rem;\n }\n\n .nav a {\n font-size: 0.75rem;\n }\n\n .section {\n padding: 4rem 3%;\n }\n\n .hero-title {\n font-size: 2.5rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-grid {\n grid-template-columns: repeat(2, 1fr);\n padding: 2rem 1rem;\n }\n\n .spaces-list {\n flex-direction: column;\n align-items: center;\n }\n\n .brand-names {\n font-size: 1.1rem;\n }\n\n .color-bands {\n display: none;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n\n```\n\u003c!-- Fixed Header --\u003e\n\u003cheader class=\"header\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN\u003c\/a\u003e\n \u003cnav class=\"nav\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n \u003c\/nav\u003e\n\u003c\/header\u003e\n\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"color-bands\"\u003e\n \u003cdiv class=\"band band-1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"band band-2\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"band band-3\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"band band-4\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cp class=\"hero-subtitle\"\u003eKasian Art Studio\u003c\/p\u003e\n \u003ch1 class=\"hero-title\"\u003eGolden Foundations\u003c\/h1\u003e\n \u003cp class=\"hero-edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Golden%20Foundations\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"section-title fade-in\"\u003eArchitectural Color Symphony\u003c\/div\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"video-container fade-in\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/vRd3QUgt57Q\" title=\"Golden Foundations — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"section description\"\u003e\n \u003cp class=\"description-text fade-in\"\u003e\n A warm, modern color-block abstract harmonizing heritage architecture with contemporary calm—ideal for grand lobbies, penthouses, boutique hotels, and luxury interiors.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"section backstory\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eThe Story\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n In grand interiors where stone meets soft light and architecture commands presence, art becomes structure.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n Golden Foundations was created from that philosophy—a composition built on balance, warmth, and quiet authority.\n \u003c\/p\u003e\n \u003cp class=\"backstory-highlight fade-in\"\u003e\n The ochre band captures the glow of candlelight.\u003cbr\u003e\n The clay stripe grounds the palette in earth.\u003cbr\u003e\n The deep teal anchors the canvas in modern sophistication.\u003cbr\u003e\n And the soft ivory above everything brings calm.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n Together, they form a modern architectural language—simple, elegant, timeless. In boutique hotels, penthouse living rooms, marble foyers, and designer lobbies, Golden Foundations becomes a serene centerpiece, echoing heritage luxury while speaking in a contemporary voice.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n This artwork is collected by those who value quiet strength, refined simplicity, and modern beauty shaped by classical roots.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e▭\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each edition is individually numbered, signed, and authenticated with museum-grade provenance documentation for architectural permanence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade archival materials ensure multi-generational color stability. Soft-matte color fields with rich tonal layering create depth and luminosity in any lighting condition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⬡\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eLarge-scale color field abstracts remain one of the strongest performers in luxury and hospitality design. Their timeless appeal ensures enduring collector demand and long-term value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection class=\"section\"\u003e\n \u003cdiv class=\"edition-grid fade-in\"\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e50\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eEdition Size\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eYear Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e1\/1\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eCollector Grade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"section pairings\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eEmpire Strata\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA complementary color-block composition exploring deeper earth tones and architectural layering. Together, the two form a powerful modernist narrative—warmth, depth, and architectural grounding. Ideal for double-height lobbies, hotel corridors, penthouse living rooms, and designer suites.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eHorizon Study — Warm Modernism\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eAn expansive color field exploring the interplay of warm and cool tones in architectural symmetry. When paired with Golden Foundations, these works create a sophisticated dialogue perfect for grand-scale installations in luxury hospitality spaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\"\u003e\n \u003cdiv class=\"collection-cta-content\"\u003e\n \u003ch2 class=\"collection-title fade-in\"\u003eGrand Scale Statement Pieces\u003c\/h2\u003e\n \u003cp class=\"collection-subtitle fade-in\"\u003eExplore the complete collection of large-format artworks designed to command architectural spaces with quiet authority and timeless sophistication.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/grand-scale-statement-pieces\" class=\"cta-button fade-in\"\u003eView Collection\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"section investment\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eDesigned For Architecture\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003cp class=\"investment-text fade-in\"\u003e\n This work is curated for spaces where architecture and art converge—interiors that value structural beauty, warm sophistication, and the seamless harmony of classical heritage with modern restraint.\n \u003c\/p\u003e\n \u003cdiv class=\"spaces-list\"\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eGrand Lobbies\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003ePenthouses\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eBoutique Hotels\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eMarble Foyers\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eDesigner Suites\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eLuxury Hospitality Corridors\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eEstate Living Rooms\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eCorporate Art Collections\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003cp class=\"brand-strip-title\"\u003eTrusted by the World's Finest\u003c\/p\u003e\n \u003cp class=\"brand-names\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n \u003cdiv class=\"final-cta-content\"\u003e\n \u003ch2 class=\"final-cta-title fade-in\"\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp class=\"final-cta-subtitle fade-in\"\u003eLimited availability. Museum-grade provenance. Collector-ready documentation.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Collector%20Inquiry:%20Golden%20Foundations\" class=\"final-cta-email fade-in\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"footer-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eStudio\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"footer-copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for fade-in animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084946460837,"sku":"7032095_16039","price":10985.0,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084946493605,"sku":"7032095_16045","price":10985.0,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084946526373,"sku":"7032095_15700","price":10985.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/EB8D0BBB-9D35-409C-83ED-15F7673FA0B7.png?v=1763904535"},{"product_id":"black-stilettos","title":"black stilletto — Executive Study No. I","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eLuxury Executive Wall Art | Red Sole Authority — Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A museum-grade luxury artwork symbolizing power, confidence, and authority—designed for executive offices and refined interiors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg-primary: #0a0a0a;\n --bg-secondary: #111111;\n --bg-executive: #141414;\n --text-primary: #f5f5f5;\n --text-secondary: #c0c0c0;\n --text-muted: #808080;\n --accent-red: #c41e3a;\n --accent-crimson: #8B0000;\n --accent-gold: #d4a574;\n --accent-neutral: #e8e0d5;\n --accent-primary: #1a1a1a;\n --accent-secondary: #2a2a2a;\n --border-color: #333333;\n --serif: 'Cormorant Garamond', serif;\n --display: 'Playfair Display', serif;\n --sans: 'Montserrat', sans-serif;\n }\n\n body {\n font-family: var(--sans);\n background-color: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Fixed Header *\/\n .header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.98);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border-color);\n padding: 1rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: var(--display);\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .logo:hover {\n color: var(--accent-red);\n }\n\n .nav {\n display: flex;\n gap: 2rem;\n }\n\n .nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .nav a:hover {\n color: var(--accent-red);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 0 5%;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, var(--bg-executive) 0%, var(--bg-primary) 100%);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 80% 20%, rgba(196, 30, 58, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 20% 80%, rgba(139, 0, 0, 0.06) 0%, transparent 50%);\n animation: powerPulse 8s ease-in-out infinite;\n }\n\n @keyframes powerPulse {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 0.8; }\n }\n\n .authority-accent {\n position: absolute;\n bottom: 10%;\n left: 50%;\n transform: translateX(-50%);\n width: 300px;\n height: 3px;\n background: linear-gradient(90deg, \n transparent, \n var(--accent-red), \n var(--accent-crimson), \n transparent);\n opacity: 0.6;\n animation: slideAccent 6s ease-in-out infinite;\n }\n\n @keyframes slideAccent {\n 0%, 100% { \n transform: translateX(-50%) scaleX(0.5); \n opacity: 0.4; \n }\n 50% { \n transform: translateX(-50%) scaleX(1); \n opacity: 0.8; \n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-family: var(--sans);\n font-size: 0.75rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--accent-red);\n margin-bottom: 1.5rem;\n font-weight: 500;\n }\n\n .hero-title {\n font-family: var(--display);\n font-size: clamp(2.5rem, 8vw, 5.5rem);\n font-weight: 500;\n line-height: 1.1;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n background: linear-gradient(135deg, \n var(--text-primary) 0%, \n var(--accent-red) 50%,\n var(--accent-crimson) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-edition {\n font-family: var(--serif);\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n font-style: italic;\n }\n\n .hero-tagline {\n font-family: var(--serif);\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n letter-spacing: 2px;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n color: var(--accent-red);\n border: 1px solid var(--accent-red);\n text-decoration: none;\n font-family: var(--sans);\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-weight: 500;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-red);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--text-primary);\n border-color: var(--accent-red);\n }\n\n \/* Section Styles *\/\n .section {\n padding: 6rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: var(--display);\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 400;\n margin-bottom: 3rem;\n text-align: center;\n letter-spacing: 1px;\n }\n\n .divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, \n transparent, \n var(--accent-red), \n transparent);\n margin: 0 auto 4rem;\n }\n\n \/* Video Section *\/\n .video-section {\n background: var(--bg-secondary);\n padding: 6rem 5%;\n }\n\n .video-container {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 177.78%;\n height: 0;\n overflow: hidden;\n background: #000;\n border: 1px solid var(--accent-red);\n box-shadow: 0 0 50px rgba(196, 30, 58, 0.2);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description {\n text-align: center;\n background: var(--bg-executive);\n }\n\n .description-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-secondary);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: var(--serif);\n font-size: 1.25rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n .backstory-highlight {\n font-family: var(--display);\n font-size: 2.5rem;\n font-style: italic;\n text-align: center;\n margin: 3rem 0;\n color: var(--accent-red);\n letter-spacing: 1px;\n line-height: 1.3;\n font-weight: 400;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2.5rem;\n background: var(--bg-secondary);\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n position: relative;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, \n transparent, \n var(--accent-red), \n var(--accent-crimson), \n transparent);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n\n .feature-card:hover::before {\n transform: scaleX(1);\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-red);\n box-shadow: 0 10px 30px rgba(196, 30, 58, 0.15);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-red);\n }\n\n .feature-title {\n font-family: var(--display);\n font-size: 1.3rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 500;\n }\n\n .feature-text {\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Edition Details Grid *\/\n .edition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n padding: 3rem;\n background: var(--bg-executive);\n border-top: 2px solid var(--accent-red);\n border-bottom: 2px solid var(--accent-crimson);\n position: relative;\n overflow: hidden;\n }\n\n .edition-grid::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 200%;\n height: 100%;\n background: linear-gradient(90deg, \n transparent, \n rgba(196, 30, 58, 0.05), \n transparent);\n animation: authorityShimmer 10s infinite;\n }\n\n @keyframes authorityShimmer {\n 0% { left: -100%; }\n 100% { left: 100%; }\n }\n\n .edition-stat {\n text-align: center;\n padding: 1.5rem;\n position: relative;\n z-index: 2;\n }\n\n .edition-number {\n font-family: var(--display);\n font-size: 2.5rem;\n color: var(--accent-red);\n margin-bottom: 0.5rem;\n font-weight: 500;\n }\n\n .edition-label {\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-secondary);\n }\n\n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-primary);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n padding: 2.5rem;\n background: var(--bg-secondary);\n border: 1px solid var(--border-color);\n border-left: 3px solid var(--accent-red);\n transition: all 0.3s ease;\n position: relative;\n }\n\n .pairing-card:hover {\n border-left-width: 5px;\n transform: translateX(5px);\n box-shadow: -5px 5px 20px rgba(196, 30, 58, 0.15);\n }\n\n .pairing-title {\n font-family: var(--display);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--accent-red);\n font-weight: 500;\n }\n\n .pairing-description {\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 6rem 5%;\n background: linear-gradient(135deg, var(--bg-executive) 0%, var(--bg-primary) 100%);\n position: relative;\n overflow: hidden;\n }\n\n .collection-cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 50%, \n rgba(196, 30, 58, 0.1) 0%, \n transparent 70%);\n }\n\n .collection-cta-content {\n position: relative;\n z-index: 2;\n }\n\n .collection-title {\n font-family: var(--display);\n font-size: clamp(2rem, 5vw, 3.5rem);\n margin-bottom: 1.5rem;\n font-weight: 500;\n background: linear-gradient(135deg, \n var(--text-primary) 0%, \n var(--accent-red) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .collection-subtitle {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n }\n\n \/* Investment Section *\/\n .investment {\n background: var(--bg-secondary);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .spaces-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin-top: 2rem;\n }\n\n .space-tag {\n font-size: 0.9rem;\n letter-spacing: 1px;\n padding: 0.75rem 1.5rem;\n background: var(--bg-executive);\n border: 1px solid var(--accent-red);\n transition: all 0.3s ease;\n font-weight: 500;\n }\n\n .space-tag:hover {\n background: var(--accent-red);\n color: var(--text-primary);\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(196, 30, 58, 0.3);\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 5%;\n background: var(--bg-executive);\n text-align: center;\n border-top: 1px solid var(--accent-red);\n border-bottom: 1px solid var(--accent-crimson);\n }\n\n .brand-strip-title {\n font-size: 0.75rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-bottom: 2rem;\n }\n\n .brand-names {\n font-family: var(--serif);\n font-size: 1.5rem;\n background: linear-gradient(90deg, \n var(--accent-gold), \n var(--text-primary), \n var(--accent-red));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n letter-spacing: 3px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 5%;\n background: radial-gradient(ellipse at center, var(--bg-executive) 0%, var(--bg-primary) 70%);\n position: relative;\n overflow: hidden;\n }\n\n .final-cta::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, \n rgba(196, 30, 58, 0.12) 0%, \n transparent 70%);\n animation: commandPulse 10s ease-in-out infinite;\n }\n\n @keyframes commandPulse {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1); \n opacity: 0.5; \n }\n 50% { \n transform: translate(-50%, -50%) scale(1.2); \n opacity: 0.8; \n }\n }\n\n .final-cta-content {\n position: relative;\n z-index: 2;\n }\n\n .final-cta-title {\n font-family: var(--display);\n font-size: clamp(2rem, 6vw, 4rem);\n margin-bottom: 2rem;\n font-weight: 500;\n background: linear-gradient(135deg, \n var(--text-primary) 0%, \n var(--accent-red) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .final-cta-subtitle {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .final-cta-email {\n font-family: var(--serif);\n font-size: 1.3rem;\n color: var(--accent-red);\n text-decoration: none;\n border-bottom: 1px solid var(--accent-red);\n transition: all 0.3s ease;\n padding-bottom: 0.25rem;\n }\n\n .final-cta-email:hover {\n color: var(--text-primary);\n border-color: var(--text-primary);\n }\n\n \/* Footer *\/\n .footer {\n padding: 3rem 5%;\n background: var(--bg-primary);\n border-top: 1px solid var(--border-color);\n text-align: center;\n }\n\n .footer-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .footer-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .footer-links a:hover {\n color: var(--accent-red);\n }\n\n .footer-copyright {\n font-size: 0.85rem;\n color: var(--text-muted);\n letter-spacing: 1px;\n }\n\n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .header {\n padding: 1rem 3%;\n }\n\n .nav {\n gap: 1rem;\n }\n\n .nav a {\n font-size: 0.75rem;\n }\n\n .section {\n padding: 4rem 3%;\n }\n\n .hero-title {\n font-size: 2.5rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-grid {\n grid-template-columns: repeat(2, 1fr);\n padding: 2rem 1rem;\n }\n\n .spaces-list {\n flex-direction: column;\n align-items: center;\n }\n\n .brand-names {\n font-size: 1.1rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n\n```\n\u003c!-- Fixed Header --\u003e\n\u003cheader class=\"header\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN\u003c\/a\u003e\n \u003cnav class=\"nav\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n \u003c\/nav\u003e\n\u003c\/header\u003e\n\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"authority-accent\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cp class=\"hero-subtitle\"\u003eKasian Art Studio\u003c\/p\u003e\n \u003ch1 class=\"hero-title\"\u003eRed Sole Authority\u003c\/h1\u003e\n \u003cp class=\"hero-edition\"\u003eLimited Edition of 25\u003c\/p\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Red%20Sole%20Authority\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"section-title fade-in\"\u003eExecutive Study No. I\u003c\/div\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"video-container fade-in\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/IRQ84UMQUCs\" title=\"Red Sole Authority — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"section description\"\u003e\n \u003cp class=\"description-text fade-in\"\u003e\n Power, precision, and quiet seduction—captured from the ground up. An international symbol of status, confidence, and uncompromising taste.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"section backstory\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eThe Story\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n Red Sole Authority is a study in control without noise. The composition reveals only what matters: elongated legs poised in stillness, finished with unmistakable red soles—an international symbol of status, confidence, and uncompromising taste.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n The body is cropped, anonymous, and deliberate. Identity dissolves into authority.\n \u003c\/p\u003e\n \u003cp class=\"backstory-highlight fade-in\"\u003e\n \"She never raises her voice.\u003cbr\u003eThe room adjusts.\"\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n Set against a softened neutral field and framed in warm gold, the artwork balances restraint with provocation. There is no chaos here. No excess. Only intent.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n This piece was created for environments where decisions are made quietly and power is expressed without explanation—executive offices, private boardrooms, luxury penthouses, and collector-grade residential spaces.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n It does not ask permission. It assumes command.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 25 prints will ever exist. Each edition is individually numbered, signed, and authenticated with museum-grade provenance documentation for executive permanence and collector value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade archival pigment inks ensure 100+ year color stability with exceptional tonal depth and clarity. Premium fine-art substrates maintain visual authority across decades.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eExecutive art symbolizing power and confidence maintains strong demand among collectors, business leaders, and tastemakers who value visual statements that command presence without explanation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection class=\"section\"\u003e\n \u003cdiv class=\"edition-grid fade-in\"\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e25\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eEdition Size\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eYear Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e1\/1\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eCollector Grade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"section pairings\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eQuiet Power — Executive Study No. II\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA complementary study exploring stillness and command through minimalist composition. Together, these works create a powerful diptych of executive presence—ideal for high-level office suites and luxury boardrooms.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eThe Pause Between Decisions\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eAn abstract exploration of momentary stillness before action. When paired with Red Sole Authority, these pieces establish a visual narrative of controlled power perfect for executive office corridors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\"\u003e\n \u003cdiv class=\"collection-cta-content\"\u003e\n \u003ch2 class=\"collection-title fade-in\"\u003eBlack \u0026amp; White Luxury Collection\u003c\/h2\u003e\n \u003cp class=\"collection-subtitle fade-in\"\u003eExplore the complete collection of refined monochrome artworks curated for collectors who value restraint, elegance, and powerful visual statements that command without explanation.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button fade-in\"\u003eView Collection\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"section investment\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eDesigned For Command\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003cp class=\"investment-text fade-in\"\u003e\n This work is curated for environments where decisions are final and power is expressed through presence—spaces designed for leaders, tastemakers, and collectors who value authority without noise.\n \u003c\/p\u003e\n \u003cdiv class=\"spaces-list\"\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eExecutive Offices\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003ePrivate Boardrooms\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eLuxury Penthouses\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eCollector Residences\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eCorporate Headquarters\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eC-Suite Offices\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eLaw Firm Suites\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eInvestment Bank Corridors\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003cp class=\"brand-strip-title\"\u003eTrusted by the World's Finest\u003c\/p\u003e\n \u003cp class=\"brand-names\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n \u003cdiv class=\"final-cta-content\"\u003e\n \u003ch2 class=\"final-cta-title fade-in\"\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp class=\"final-cta-subtitle fade-in\"\u003eLimited availability. Museum-grade provenance. Collector-ready documentation.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Collector%20Inquiry:%20Red%20Sole%20Authority\" class=\"final-cta-email fade-in\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"footer-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eStudio\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"footer-copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for fade-in animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084947509413,"sku":"1907898_16039","price":12334.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084947542181,"sku":"1907898_16045","price":12334.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084947574949,"sku":"1907898_15700","price":12334.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/79702282-6760-400A-9452-96239700694E.png?v=1763559172"},{"product_id":"framed-canvas-59","title":"Gilded Stillness — Noir Botanical No. I","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eBlack \u0026amp; Gold Botanical Wall Art | Gilded Stillness — Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A museum-grade black and gold floral artwork curated for luxury interiors, hotels, and refined architectural spaces.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg-primary: #0a0a0a;\n --bg-secondary: #111111;\n --text-primary: #f5f5f5;\n --text-secondary: #c0c0c0;\n --text-muted: #808080;\n --accent-gold: #d4a574;\n --accent-dark-gold: #b8935f;\n --accent-primary: #1a1a1a;\n --accent-secondary: #2a2a2a;\n --border-color: #333333;\n --serif: 'Cormorant Garamond', serif;\n --display: 'Playfair Display', serif;\n --sans: 'Montserrat', sans-serif;\n }\n\n body {\n font-family: var(--sans);\n background-color: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Fixed Header *\/\n .header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border-color);\n padding: 1rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: var(--display);\n font-size: 1.5rem;\n font-weight: 600;\n letter-spacing: 2px;\n color: var(--text-primary);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .logo:hover {\n color: var(--accent-gold);\n }\n\n .nav {\n display: flex;\n gap: 2rem;\n }\n\n .nav a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n\n .nav a:hover {\n color: var(--accent-gold);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 0 5%;\n position: relative;\n overflow: hidden;\n background: radial-gradient(ellipse at center, #1a1410 0%, #0a0a0a 70%);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, rgba(212, 165, 116, 0.08) 0%, transparent 70%);\n animation: goldPulse 10s ease-in-out infinite;\n }\n\n @keyframes goldPulse {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1); \n opacity: 0.4; \n }\n 50% { \n transform: translate(-50%, -50%) scale(1.3); \n opacity: 0.6; \n }\n }\n\n .hero-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n }\n\n .particle {\n position: absolute;\n width: 2px;\n height: 2px;\n background: var(--accent-gold);\n border-radius: 50%;\n opacity: 0;\n animation: float 15s infinite;\n }\n\n @keyframes float {\n 0% { \n transform: translateY(100vh) translateX(0); \n opacity: 0; \n }\n 10% { opacity: 0.8; }\n 90% { opacity: 0.8; }\n 100% { \n transform: translateY(-100vh) translateX(50px); \n opacity: 0; \n }\n }\n\n .particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .particle:nth-child(2) { left: 20%; animation-delay: 3s; }\n .particle:nth-child(3) { left: 30%; animation-delay: 6s; }\n .particle:nth-child(4) { left: 40%; animation-delay: 9s; }\n .particle:nth-child(5) { left: 50%; animation-delay: 2s; }\n .particle:nth-child(6) { left: 60%; animation-delay: 5s; }\n .particle:nth-child(7) { left: 70%; animation-delay: 8s; }\n .particle:nth-child(8) { left: 80%; animation-delay: 1s; }\n .particle:nth-child(9) { left: 90%; animation-delay: 4s; }\n\n .hero-content {\n position: relative;\n z-index: 2;\n animation: fadeInUp 1.2s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-family: var(--sans);\n font-size: 0.75rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--accent-gold);\n margin-bottom: 1.5rem;\n }\n\n .hero-title {\n font-family: var(--display);\n font-size: clamp(2.5rem, 8vw, 5.5rem);\n font-weight: 400;\n line-height: 1.1;\n margin-bottom: 1rem;\n letter-spacing: 1px;\n background: linear-gradient(135deg, #f5f5f5 0%, var(--accent-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-edition {\n font-family: var(--serif);\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n font-style: italic;\n }\n\n .hero-tagline {\n font-family: var(--serif);\n font-size: 1.3rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n letter-spacing: 2px;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n color: var(--accent-gold);\n border: 1px solid var(--accent-gold);\n text-decoration: none;\n font-family: var(--sans);\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: var(--accent-gold);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover::before {\n left: 0;\n }\n\n .cta-button:hover {\n color: var(--bg-primary);\n }\n\n \/* Section Styles *\/\n .section {\n padding: 6rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: var(--display);\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 400;\n margin-bottom: 3rem;\n text-align: center;\n letter-spacing: 1px;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: var(--accent-gold);\n margin: 0 auto 4rem;\n }\n\n \/* Video Section *\/\n .video-section {\n background: var(--bg-secondary);\n padding: 6rem 5%;\n }\n\n .video-container {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 177.78%;\n height: 0;\n overflow: hidden;\n background: #000;\n border: 1px solid var(--accent-gold);\n box-shadow: 0 0 30px rgba(212, 165, 116, 0.2);\n }\n\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Description Section *\/\n .description {\n text-align: center;\n }\n\n .description-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: var(--text-secondary);\n max-width: 800px;\n margin: 0 auto;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: var(--bg-secondary);\n }\n\n .backstory-content {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .backstory-text {\n font-family: var(--serif);\n font-size: 1.25rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n }\n\n .backstory-highlight {\n font-family: var(--display);\n font-size: 2rem;\n font-style: italic;\n text-align: center;\n margin: 3rem 0;\n color: var(--accent-gold);\n letter-spacing: 1px;\n }\n\n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n text-align: center;\n padding: 2.5rem;\n background: var(--bg-secondary);\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n position: relative;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n\n .feature-card:hover::before {\n transform: scaleX(1);\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-gold);\n box-shadow: 0 10px 30px rgba(212, 165, 116, 0.15);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-gold);\n }\n\n .feature-title {\n font-family: var(--display);\n font-size: 1.3rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-text {\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Edition Details Grid *\/\n .edition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n padding: 3rem;\n background: var(--accent-primary);\n border: 1px solid var(--accent-gold);\n position: relative;\n overflow: hidden;\n }\n\n .edition-grid::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(212, 165, 116, 0.05) 0%, transparent 70%);\n animation: rotate 20s linear infinite;\n }\n\n @keyframes rotate {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n .edition-stat {\n text-align: center;\n padding: 1.5rem;\n position: relative;\n z-index: 2;\n }\n\n .edition-number {\n font-family: var(--display);\n font-size: 2.5rem;\n color: var(--accent-gold);\n margin-bottom: 0.5rem;\n }\n\n .edition-label {\n font-size: 0.85rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-secondary);\n }\n\n \/* Pairings Section *\/\n .pairings {\n background: var(--bg-primary);\n }\n\n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n\n .pairing-card {\n padding: 2.5rem;\n background: var(--bg-secondary);\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n position: relative;\n }\n\n .pairing-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n\n .pairing-card:hover::after {\n transform: scaleX(1);\n }\n\n .pairing-card:hover {\n border-color: var(--accent-gold);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(212, 165, 116, 0.1);\n }\n\n .pairing-title {\n font-family: var(--display);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--accent-gold);\n }\n\n .pairing-description {\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n text-align: center;\n padding: 6rem 5%;\n background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 100%);\n position: relative;\n overflow: hidden;\n }\n\n .collection-cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212, 165, 116, 0.1) 0%, transparent 50%);\n }\n\n .collection-cta-content {\n position: relative;\n z-index: 2;\n }\n\n .collection-title {\n font-family: var(--display);\n font-size: clamp(2rem, 5vw, 3.5rem);\n margin-bottom: 1.5rem;\n background: linear-gradient(135deg, #f5f5f5 0%, var(--accent-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .collection-subtitle {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment {\n background: var(--bg-secondary);\n }\n\n .investment-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .investment-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .spaces-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1.5rem;\n margin-top: 2rem;\n }\n\n .space-tag {\n font-size: 0.9rem;\n letter-spacing: 1px;\n padding: 0.75rem 1.5rem;\n background: var(--accent-primary);\n border: 1px solid var(--accent-gold);\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n background: var(--accent-gold);\n color: var(--bg-primary);\n transform: translateY(-2px);\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 5%;\n background: var(--bg-primary);\n text-align: center;\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .brand-strip-title {\n font-size: 0.75rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-bottom: 2rem;\n }\n\n .brand-names {\n font-family: var(--serif);\n font-size: 1.5rem;\n color: var(--accent-gold);\n letter-spacing: 3px;\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 5%;\n background: radial-gradient(ellipse at center, #1a1410 0%, #0a0a0a 70%);\n position: relative;\n overflow: hidden;\n }\n\n .final-cta::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(212, 165, 116, 0.1) 0%, transparent 70%);\n }\n\n .final-cta-content {\n position: relative;\n z-index: 2;\n }\n\n .final-cta-title {\n font-family: var(--display);\n font-size: clamp(2rem, 6vw, 4rem);\n margin-bottom: 2rem;\n background: linear-gradient(135deg, #f5f5f5 0%, var(--accent-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .final-cta-subtitle {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n }\n\n .final-cta-email {\n font-family: var(--serif);\n font-size: 1.3rem;\n color: var(--accent-gold);\n text-decoration: none;\n border-bottom: 1px solid var(--accent-gold);\n transition: all 0.3s ease;\n padding-bottom: 0.25rem;\n }\n\n .final-cta-email:hover {\n color: var(--text-primary);\n border-color: var(--text-primary);\n }\n\n \/* Footer *\/\n .footer {\n padding: 3rem 5%;\n background: var(--bg-primary);\n border-top: 1px solid var(--border-color);\n text-align: center;\n }\n\n .footer-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .footer-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n transition: color 0.3s ease;\n }\n\n .footer-links a:hover {\n color: var(--accent-gold);\n }\n\n .footer-copyright {\n font-size: 0.85rem;\n color: var(--text-muted);\n letter-spacing: 1px;\n }\n\n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .header {\n padding: 1rem 3%;\n }\n\n .nav {\n gap: 1rem;\n }\n\n .nav a {\n font-size: 0.75rem;\n }\n\n .section {\n padding: 4rem 3%;\n }\n\n .hero-title {\n font-size: 2.5rem;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n\n .edition-grid {\n grid-template-columns: repeat(2, 1fr);\n padding: 2rem 1rem;\n }\n\n .spaces-list {\n flex-direction: column;\n align-items: center;\n }\n\n .brand-names {\n font-size: 1.1rem;\n }\n }\n\u003c\/style\u003e\n```\n\n\n\n\n```\n\u003c!-- Fixed Header --\u003e\n\u003cheader class=\"header\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN\u003c\/a\u003e\n \u003cnav class=\"nav\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n \u003c\/nav\u003e\n\u003c\/header\u003e\n\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-particles\"\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cp class=\"hero-subtitle\"\u003eKasian Art Studio\u003c\/p\u003e\n \u003ch1 class=\"hero-title\"\u003eGilded Stillness\u003c\/h1\u003e\n \u003cp class=\"hero-edition\"\u003eLimited Edition of 75\u003c\/p\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Gilded%20Stillness\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n \u003cdiv class=\"section-title fade-in\"\u003eNoir Botanical No. I\u003c\/div\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"video-container fade-in\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/Fy59b8IKjLc\" title=\"Gilded Stillness — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"section description\"\u003e\n \u003cp class=\"description-text fade-in\"\u003e\n Where silence blooms in gold—five sculptural tulips rise from darkness, their petals fractured with luminous veins that honor fragility through illumination.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"section backstory\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eThe Story\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n Gilded Stillness is a meditation on restraint, fragility, and permanence. Five sculptural tulips rise from darkness—matte black petals fractured with veins of luminous gold. They are not delicate flowers. They are relics. Objects of reverence.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n Each bloom carries the visual language of kintsugi—the art of honoring fracture by illuminating it. Where others see damage, this work reveals beauty. Where others see impermanence, it declares endurance.\n \u003c\/p\u003e\n \u003cp class=\"backstory-highlight fade-in\"\u003e\n \"They do not wilt. They endure.\"\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n This work does not decorate a room. It sanctifies it. Set against a deep obsidian field and framed in restrained metallic warmth, the composition commands architectural symmetry.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n The piece reads as both botanical and ceremonial—ideal for grand entryways, gallery alcoves, boutique hotel lounges, and luxury hospitality corridors where light is intentional and silence is curated.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n This is florals for collectors who do not want softness—only meaning.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"features-grid\"\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eOnly 75 prints will ever exist. Each edition is individually numbered and authenticated with museum-grade provenance documentation that honors the work's ceremonial nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eMuseum-grade archival pigment inks ensure 100+ year color stability. Printed on premium fine-art substrates for exceptional gold detail clarity and long-term preservation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card fade-in\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚜\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-text\"\u003eNoir botanical works with gold accents maintain strong demand among collectors seeking florals with authority, symbolism, and permanence—art that transforms rather than decorates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection class=\"section\"\u003e\n \u003cdiv class=\"edition-grid fade-in\"\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e75\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eEdition Size\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e100+\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eYear Longevity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e2025\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eRelease Year\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edition-stat\"\u003e\n \u003cdiv class=\"edition-number\"\u003e1\/1\u003c\/div\u003e\n \u003cdiv class=\"edition-label\"\u003eCollector Grade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"section pairings\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eObsidian Bloom — Noir Botanical No. II\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA companion study in ceremonial florals. Together, these works create a powerful diptych of reverence and permanence—ideal for hotel lobbies, formal seating salons, or collector stairwells.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSilent Offering — Gold Vein Study\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eAn intimate exploration of kintsugi philosophy. When paired with Gilded Stillness, these pieces form a trilogy that transforms fracture into beauty—perfect for curated gallery installations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\"\u003e\n \u003cdiv class=\"collection-cta-content\"\u003e\n \u003ch2 class=\"collection-title fade-in\"\u003eGold Noir Luxe Collection\u003c\/h2\u003e\n \u003cp class=\"collection-subtitle fade-in\"\u003eExplore the complete collection of black and gold artworks where elegance meets permanence, curated for discerning collectors and refined architectural spaces.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"cta-button fade-in\"\u003eView Collection\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"section investment\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eDesigned For Reverence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"investment-content\"\u003e\n \u003cp class=\"investment-text fade-in\"\u003e\n This work is curated for interiors where silence is intentional and every element carries meaning—spaces that value ceremony over decoration, permanence over trend.\n \u003c\/p\u003e\n \u003cdiv class=\"spaces-list\"\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eGrand Entryways\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eGallery Alcoves\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eBoutique Hotel Lounges\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eLuxury Hospitality Corridors\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eExecutive Residences\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eCollector Stairwells\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003cp class=\"brand-strip-title\"\u003eTrusted by the World's Finest\u003c\/p\u003e\n \u003cp class=\"brand-names\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n \u003cdiv class=\"final-cta-content\"\u003e\n \u003ch2 class=\"final-cta-title fade-in\"\u003eBegin Your Inquiry\u003c\/h2\u003e\n \u003cp class=\"final-cta-subtitle fade-in\"\u003eLimited availability. Museum-grade provenance. Collector-ready documentation.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Collector%20Inquiry:%20Gilded%20Stillness\" class=\"final-cta-email fade-in\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"footer-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\"\u003eInstagram\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\"\u003ePinterest\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eStudio\u003c\/a\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cp class=\"footer-copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n \/\/ Intersection Observer for fade-in animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el =\u003e {\n observer.observe(el);\n });\n\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084950458533,"sku":"3523272_16039","price":10694.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084950491301,"sku":"3523272_16045","price":10694.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084950524069,"sku":"3523272_15700","price":10694.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/85486E38-B4B8-4F67-A7AC-BE9784743A98.png?v=1763646367"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/collections\/F27C0140-065B-4264-BDA4-5D60618D34D3.png?v=1763412907","url":"https:\/\/www.kasianartstudio.com\/collections\/penthouses-amp-luxury-homes.oembed?page=6","provider":"Kasian Art Studio","version":"1.0","type":"link"}