{"title":"GRAND-SCALE STATEMENT PIECES","description":"\u003cp\u003e\u003cspan\u003eArt designed for billion-dollar spaces.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis collection features Kasian Art Studio’s most commanding large-format works — created for hotel lobbies, penthouse living rooms, corporate atriums, and grand architectural interiors.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eOversized, museum-grade, and visually arresting, these pieces transform walls into experiences.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eEach artwork is engineered to anchor a space with power, prestige, and breathtaking emotional presence.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eFor collectors and designers who refuse the ordinary and curate only what feels monumental.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eGRAND-SCALE STATEMENT PIECES\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eArt designed for billion-dollar spaces.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis collection features Kasian Art Studio’s most commanding large-format works — created for hotel lobbies, penthouse living rooms, corporate atriums, and grand architectural interiors.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eOversized, museum-grade, and visually arresting, these pieces transform walls into experiences.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eEach artwork is engineered to anchor a space with power, prestige, and breathtaking emotional presence.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eFor collectors and designers who refuse the ordinary and curate only what feels monumental.\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":"iron-city-reverie","title":"Iron City Reverie — Birmingham in Modern Myth","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\u003eIron City Reverie — Luxury Birmingham Wall Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A refined Art-Deco–inspired homage to Birmingham—museum-grade artwork 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-teal: #2a7b7b;\n --accent-rust: #c86542;\n --accent-amber: #d4a574;\n --accent-gold: #d9a85f;\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-amber);\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 \/* Art Deco geometric pattern *\/\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(42, 123, 123, 0.08) 50%, transparent 55%),\n linear-gradient(45deg, transparent 60%, rgba(200, 101, 66, 0.06) 65%, transparent 70%);\n animation: decoShift 15s ease-in-out infinite;\n }\n \n @keyframes decoShift {\n 0%, 100% { \n opacity: 0.4;\n transform: translateX(0);\n }\n 50% { \n opacity: 0.6;\n transform: translateX(30px);\n }\n }\n \n \/* Circular skyline element *\/\n .hero::after {\n content: '';\n position: absolute;\n top: 20%;\n right: 15%;\n width: 350px;\n height: 350px;\n background: radial-gradient(circle, rgba(212, 165, 116, 0.1) 0%, transparent 70%);\n border-radius: 50%;\n animation: skylineGlow 12s ease-in-out infinite;\n pointer-events: none;\n }\n \n @keyframes skylineGlow {\n 0%, 100% { \n transform: scale(1);\n opacity: 0.3;\n }\n 50% { \n transform: 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: 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.4);\n background: linear-gradient(135deg, var(--accent-amber) 0%, var(--accent-gold) 50%, var(--accent-rust) 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-amber);\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-teal);\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-teal), var(--accent-amber));\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-amber);\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-amber), var(--accent-rust));\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-amber), 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(42, 123, 123, 0.2);\n border: 1px solid 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-amber);\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-teal);\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-rust);\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(42, 123, 123, 0.3);\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 background: linear-gradient(135deg, var(--accent-teal), var(--accent-amber));\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-amber);\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(42, 123, 123, 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-teal), var(--accent-amber));\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-amber);\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-teal);\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-teal), var(--accent-amber));\n border-color: var(--accent-amber);\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-teal), var(--accent-amber));\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-amber), var(--accent-rust));\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-amber);\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\u003eIron City 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:%20Iron%20City%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\/FDofn-ne7Uo\" 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 bold, graphic homage to Birmingham's industrial soul—reimagined as modern luxury art.\u003c\/p\u003e\n \u003cdiv class=\"long-description\"\u003e\n \u003cp\u003eIron City Reverie transforms Birmingham, Alabama into visual mythology.\u003c\/p\u003e\n \n \u003cp\u003eRendered in a refined Art-Deco–inspired style, this composition elevates iconic landmarks—Regions Field, Railroad Park, Sloss Furnaces—into a timeless architectural narrative. Strong geometric forms and saturated earth tones echo the city's steel legacy, while soft curves and celestial elements introduce harmony, optimism, and renewal.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis is not tourist art. It is civic pride curated for luxury interiors.\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003eThe silhouetted figure stands elevated—symbolic of labor, progress, and resilience—while the modern skyline rises behind it, confident and forward-looking. The palette of deep teal, warm rust, golden amber, and soft ivory allows this piece to feel both rooted and elevated, making it ideal for sophisticated spaces seeking cultural depth without nostalgia.\u003c\/p\u003e\n \n \u003cp\u003eDesigned for collectors who value place, legacy, and design intelligence, Iron City Reverie belongs in penthouse living rooms, executive offices, boutique hotel lobbies, and curated hospitality properties where art becomes conversation.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis piece doesn't shout hometown pride. It commands respect through refinement.\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\u003eSteel built the city.\u003c\/p\u003e\n \u003cp\u003eDesign gave it soul.\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 fidelity 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\u003eCultural Refinement\u003c\/h3\u003e\n \u003cp\u003ePlace-based artwork maintains strong appeal among sophisticated collectors. Designed for spaces valuing regional identity, architectural storytelling, and civic mythology elevated through design.\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\u003eSteel Horizon\u003c\/h3\u003e\n \u003cp\u003eModern industrial abstract that echoes the geometric strength and industrial heritage of Iron City Reverie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3\u003eSouthern Geometry\u003c\/h3\u003e\n \u003cp\u003eBlack and gold minimal study that continues the refined regional 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 Together, these works create a refined Southern-industrial collection suited for corporate and hospitality environments.\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 Iron City Reverie is part of the Grand Scale Statement Pieces Collection—a curated selection of bold, culturally significant works designed to anchor luxury interiors with confidence and narrative depth.\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 living rooms • Executive offices • Boutique hotel lobbies • Curated hospitality properties\u003cbr\u003e\n Corporate environments • Gallery-forward residences • Architectural firms • Regional collector 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 Iron City 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:%20Iron%20City%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":46076960932005,"sku":"8570612_16039","price":6964.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/5A6ACD37-8771-4045-A5F9-F19B49370B89.png?v=1764943583"},{"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":"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":"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":"glyphs-of-quiet-power","title":"Glyphs of Quiet Power — Gilded Geometry","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\u003eGilded Geometric Wall Art | Luxury Modern Abstract Print | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Luxury geometric gold wall art for modern interiors, executive offices, boutique hotels, and refined 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: #c9a227;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --border-color: rgba(201, 162, 39, 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(201, 162, 39, 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 \/* Geometric glyph animations *\/\n .geometric-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n\n .glyph {\n position: absolute;\n border: 1px solid rgba(201, 162, 39, 0.3);\n opacity: 0;\n }\n\n .glyph-circle {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n top: 15%;\n left: 10%;\n animation: glyphFloat 15s ease-in-out infinite;\n }\n\n .glyph-square {\n width: 50px;\n height: 50px;\n top: 25%;\n right: 15%;\n animation: glyphFloat 18s ease-in-out infinite 3s;\n }\n\n .glyph-triangle {\n width: 0;\n height: 0;\n border-left: 30px solid transparent;\n border-right: 30px solid transparent;\n border-bottom: 52px solid rgba(201, 162, 39, 0.3);\n border: none;\n top: 70%;\n left: 20%;\n animation: glyphFloat 20s ease-in-out infinite 6s;\n }\n\n .glyph-triangle::before {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 30px solid transparent;\n border-right: 30px solid transparent;\n border-bottom: 52px solid rgba(201, 162, 39, 0.3);\n top: 0;\n left: -30px;\n }\n\n .glyph-arc {\n width: 70px;\n height: 70px;\n border-radius: 50%;\n border-top: 1px solid rgba(201, 162, 39, 0.3);\n border-right: 1px solid rgba(201, 162, 39, 0.3);\n border-bottom: none;\n border-left: none;\n top: 60%;\n right: 12%;\n animation: glyphFloat 16s ease-in-out infinite 9s;\n }\n\n @keyframes glyphFloat {\n 0%, 100% { \n opacity: 0;\n transform: translateY(0) rotate(0deg);\n }\n 10%, 90% {\n opacity: 0.4;\n }\n 50% { \n opacity: 0.6;\n transform: translateY(-30px) rotate(45deg);\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(201, 162, 39, 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(201, 162, 39, 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(201, 162, 39, 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(201, 162, 39, 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(201, 162, 39, 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(201, 162, 39, 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(201, 162, 39, 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=\"geometric-animation\"\u003e\n \u003cdiv class=\"glyph glyph-circle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"glyph glyph-square\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"glyph glyph-triangle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"glyph glyph-arc\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 75\u003c\/div\u003e\n \u003ch1\u003eGlyphs of Quiet Power\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eGilded Geometry\u003c\/p\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Glyphs%20of%20Quiet%20Power\" 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\/ffpbQ88dM3o?si=Ue6B1LXbs9UsefU1\" title=\"Glyphs of Quiet Power - 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 restrained composition of gold and shadow—architectural, timeless, absolute.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eHand-rendered geometric forms—circles, angles, arcs, and directional lines—float in deliberate harmony against a deep obsidian field. Each gold element feels symbolic, almost ceremonial, like a visual language understood only by those trained to notice nuance.\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\"\u003ePower does not shout. It aligns.\u003c\/p\u003e\n \n \u003cp\u003eGlyphs of Quiet Power is a meditation on order, rhythm, and intentional restraint. Hand-rendered geometric forms—circles, angles, arcs, and directional lines—float in deliberate harmony against a deep obsidian field. Each gold element feels symbolic, almost ceremonial, like a visual language understood only by those trained to notice nuance.\u003c\/p\u003e\n \n \u003cp\u003eThe surface reads as softly burnished metal—quietly luminous, never reflective. It evokes ancient architectural markings, modernist precision, and contemporary luxury design in a single breath. This is not decorative abstraction. This is architectural art—created to anchor space.\u003c\/p\u003e\n \n \u003cdiv class=\"backstory-verse\"\u003e\n \u003cp\u003eSymbols don't explain themselves.\u003c\/p\u003e\n \u003cp\u003eThey endure.\u003c\/p\u003e\n \u003cp\u003eOrder is luxury.\u003c\/p\u003e\n \u003cp\u003eSilence is power.\u003c\/p\u003e\n \u003cp\u003eGold remembers.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp\u003eDesigned for executive offices, luxury hotel lounges, private residences, and curated galleries, this work holds presence without interrupting flow. It elevates interiors through balance, not excess.\u003c\/p\u003e\n \n \u003cp class=\"backstory-highlight\"\u003eFor collectors who value structure, silence, and intention.\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 75 prints will ever exist. Each piece is individually numbered and certified, ensuring long-term collector value and architectural-level exclusivity.\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\u003eCreated using acid-free, museum-grade materials rated for over 100 years of longevity. Printed with archival pigment inks on fine-art cotton rag for depth and permanence.\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\u003eGeometric abstractions maintain strong demand in executive and hospitality environments. Architectural art designed to anchor space and transcend 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\"\u003e75\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\u003eGolden Stillness\u003c\/h3\u003e\n \u003cp\u003eMinimalist horizon abstract. Together with Glyphs of Quiet Power, they create a collector-grade wall narrative rooted in order and permanence.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eMonolith Composition I\u003c\/h3\u003e\n \u003cp\u003eArchitectural noir abstraction. Paired, they form a sophisticated dialogue about structure, balance, and the quiet authority of geometric precision.\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 architectural pieces from the Gold Noir Luxe Collection\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 Discerning Spaces\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \n \u003cp\u003eGlyphs of Quiet Power is created to anchor space through balance, not excess. This architectural art finds its home in environments where order is luxury and silence commands attention.\u003c\/p\u003e\n \n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"space-tag\"\u003eExecutive Offices\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eLuxury Hotel Lounges\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePrivate Residences\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eCurated Galleries\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eCorporate Boardrooms\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePenthouse 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\u003eOrder is the most luxurious language. Make it yours.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Glyphs%20of%20Quiet%20Power%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":46077011329189,"sku":"4180258_16039","price":7164.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/91C75917-C20C-4767-82C7-44380081B88E.png?v=1764777692"},{"product_id":"gilded-silence","title":"Gilded Silence — Where Power Rests","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; Gold Abstract Art | Gilded Silence — Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Museum-grade black and gold abstract artwork designed for luxury interiors and refined architectural spaces.\"\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: #c9a227;\n --accent-hover: #d4af3a;\n --divider: rgba(201, 162, 39, 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, 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(--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(180deg, #000000 0%, #0a0a0a 50%, #1a1a1a 100%);\n }\n\n \/* Horizontal gold shimmer effect *\/\n .hero::before {\n content: '';\n position: absolute;\n bottom: 30%;\n left: -20%;\n width: 140%;\n height: 150px;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(201, 162, 39, 0.03) 20%,\n rgba(201, 162, 39, 0.08) 40%,\n rgba(201, 162, 39, 0.12) 50%,\n rgba(201, 162, 39, 0.08) 60%,\n rgba(201, 162, 39, 0.03) 80%,\n transparent 100%);\n animation: goldShimmer 12s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes goldShimmer {\n 0%, 100% { \n transform: translateX(0) scaleX(1);\n opacity: 0.5;\n }\n 50% { \n transform: translateX(30px) scaleX(1.05);\n opacity: 0.8;\n }\n }\n\n \/* Floating gold particles *\/\n .hero::after {\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, 162, 39, 0.05) 0%, transparent 70%);\n animation: goldPulse 10s ease-in-out infinite;\n pointer-events: none;\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.15);\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: 500;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n color: var(--text-primary);\n letter-spacing: 2px;\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: 500;\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(201, 162, 39, 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-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.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-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, 162, 39, 0.15);\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 15\u003c\/div\u003e\n \u003ch1 class=\"hero-title\"\u003eGilded Silence\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eWhere Power Rests\u003c\/p\u003e\n \u003cp class=\"section-subtitle\"\u003eGold does not shine. It waits.\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\/tKnTZ3g_rxU?si=A5K9U3pF8Ea2cXxI\" title=\"Gilded Silence\" 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\"\u003eContrast Refined\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\"\u003eGilded Silence is an exploration of contrast at its most refined\u003c\/span\u003e—absolute black meeting restrained gold in a composition that speaks to legacy, restraint, and quiet dominance.\u003c\/p\u003e\n \u003cp\u003eThe upper field absorbs light, grounding the space in authority.\u003c\/p\u003e\n \u003cp\u003eThe lower gold plane glows softly, not to impress—but to endure.\u003c\/p\u003e\n \u003cp\u003eThis piece was created for interiors where excess is unnecessary and confidence is implied. It anchors luxury spaces with composure: \u003cspan class=\"description-highlight\"\u003eexecutive offices, Aman-style hotel corridors, private galleries, penthouses,\u003c\/span\u003e and architectural residences defined by intention rather than ornament.\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis artwork does not decorate a room.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eIt establishes hierarchy.\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 Language of Restraint\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cp\u003eGold does not speak loudly.\u003c\/p\u003e\n \u003cp\u003eIt waits for those who understand it.\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 restrained luxury and timeless design.\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. Deep matte blacks and velvety gold depth are preserved through archival pigment inks on premium substrates.\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\"\u003eBlack and gold abstracts maintain exceptional 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\"\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 signature Kasian black-and-gold collection designed for luxury hospitality and high-net-worth collectors.\u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eObsidian Drift\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eThe Weight of Quiet — A companion study in atmospheric depth and tonal complexity. Together with Gilded Silence, these pieces create a powerful narrative of darkness and restrained luxury.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eQuiet Authority\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eMonochrome Series — An exploration of power through minimal gesture. Paired with Gilded Silence, these works establish visual hierarchy for executive environments and 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\" id=\"collection\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more works from the Gold Noir Luxe Collection—pieces that celebrate the timeless elegance of black and gold, crafted for collectors who understand legacy.\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 \u003ch2 class=\"section-title\"\u003eDesigned for Legacy Spaces\u003c\/h2\u003e\n \u003cdiv class=\"section-subtitle\"\u003eThis artwork is created for luxury interiors that value authority, balance, and timeless design over trend-driven ornament.\u003c\/div\u003e\n \u003cdiv class=\"target-spaces fade-in\"\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Boardrooms\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\"\u003eArchitectural Foyers\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Suites\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 black and gold 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":46077019422885,"sku":"2728328_16039","price":9174.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46077019455653,"sku":"2728328_16045","price":9174.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46077019488421,"sku":"2728328_15700","price":9174.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/FE351797-4358-497E-8251-A55CD09D941E.png?v=1764773551"},{"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":"the-painter-s-cathedral","title":"Quiet Devotion — Limited Edition Artist at Work","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 Devotion | Luxury Fine Art by Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A limited edition fine art print celebrating artistic devotion and timeless European craftsmanship. Perfect for refined 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: #c9872e;\n --accent-hover: #d49740;\n --text-primary: #ffffff;\n --text-secondary: #a0a0a0;\n --text-muted: #707070;\n --divider-color: rgba(201, 135, 46, 0.3);\n --warm-overlay: rgba(201, 135, 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, 135, 46, 0.3);\n }\n\n \/* Warm heritage glow 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 25% 45%, rgba(201, 135, 46, 0.07) 0%, transparent 50%),\n radial-gradient(circle at 75% 65%, rgba(201, 135, 46, 0.05) 0%, transparent 50%);\n animation: warmPulse 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(--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, 135, 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, 135, 46, 0.05) 0%, transparent 100%);\n border: 1px solid rgba(201, 135, 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, 135, 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, 135, 46, 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%, #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 warmPulse {\n 0%, 100% {\n opacity: 0.7;\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n transform: 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\u003eQuiet Devotion\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\/_3NP-BzFyCQ\" title=\"Quiet Devotion - Luxury 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\"\u003eArtistic Heritage\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n A tribute to patience, craft, and legacy. Quiet Devotion captures the timeless intimacy between artist and subject—where creation itself becomes sacred.\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 Act of Making\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"backstory-text\"\u003e\n Quiet Devotion is an homage to the act of making.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n An artist sits quietly before an old cathedral, brush in hand, posture unhurried. The scene is not about the finished painting—it is about the discipline of observation, the reverence for detail, the devotion required to translate memory into form.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Rendered with naïve warmth and intentional restraint, this piece carries the soul of European courtyards, plein-air tradition, and lived artistry. The palette—ochre, weathered yellow, muted green, sky blue, and worn terracotta—recalls historic town squares and artists who painted not for applause, but for truth.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This work speaks to collectors who value process over performance. To spaces where craft, history, and authenticity matter more than trend.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Designed for libraries, studies, boutique hotel lounges, cultural corridors, refined living spaces, and collector bedrooms, Quiet Devotion rewards slow looking. It grounds a room with meaning rather than spectacle.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Printed with museum-grade archival methods and released in a strictly limited edition, this artwork is a reflection of artistic legacy—meant to be lived with, not merely displayed.\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 discerning collectors who appreciate heritage and craftsmanship.\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 fidelity to the original warmth and character.\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\"\u003eWorks celebrating artistic tradition and cultural heritage maintain enduring appeal among sophisticated collectors. This piece represents both aesthetic value and meaningful 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 Devotion pairs beautifully with complementary works for culturally rich 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\"\u003eStillness in Stone\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eArchitectural serenity\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-item reveal\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eGolden Hours of Memory\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eWarm European nostalgia\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 curated narrative of heritage, patience, and artistic lineage—ideal for collectors, boutique hotels, and cultural 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 grand-scale statement pieces that command attention and anchor refined spaces.\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 craft, history, and authenticity matter more than trend.\n \u003c\/p\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cdiv class=\"space-tag\"\u003eLibraries\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eStudies\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotel Lounges\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eCultural Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eRefined Living Spaces\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eCollector Bedrooms\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 artistic legacy.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Quiet%20Devotion%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":46081448673445,"sku":"6836009_16039","price":7224.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/1BD8BF26-ABF1-4359-A55B-6F51386EBE05.png?v=1764719531"},{"product_id":"obsidian-calla","title":"Crimson Eclipse — Limited Edition Noir Botanical Elegance","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\u003eCrimson Eclipse | Luxury Noir Botanical Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A dramatic black-background calla lily in crimson and violet tones. Limited edition luxury botanical art for refined 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: #8B0000;\n --accent-light: #a61c1c;\n --accent-violet: #5a3a52;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --divider-color: rgba(139, 0, 0, 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(139, 0, 0, 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 background: radial-gradient(circle at 50% 50%, rgba(139, 0, 0, 0.15) 0%, transparent 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: radial-gradient(circle at 30% 40%, rgba(90, 58, 82, 0.1) 0%, transparent 60%);\n animation: darkPulse 15s ease-in-out infinite;\n }\n \n @keyframes darkPulse {\n 0%, 100% { \n opacity: 0.3;\n transform: scale(1) translate(0, 0);\n }\n 50% { \n opacity: 0.6;\n transform: scale(1.1) translate(-2%, -2%);\n }\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 40px rgba(139, 0, 0, 0.4);\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(139, 0, 0, 0.3);\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(--text-primary);\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(139, 0, 0, 0.4);\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(139, 0, 0, 0.5);\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(139, 0, 0, 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(139, 0, 0, 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 \/* Philosophy Section *\/\n .philosophy-section {\n padding: 6rem 5%;\n background: radial-gradient(circle at center, rgba(139, 0, 0, 0.08) 0%, transparent 70%);\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(139, 0, 0, 0.3);\n }\n \n .philosophy-subtext {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n font-style: italic;\n color: var(--accent-violet);\n line-height: 1.8;\n margin-bottom: 2rem;\n }\n \n .philosophy-text {\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 2;\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(139, 0, 0, 0.15);\n transition: all 0.3s ease;\n background: rgba(139, 0, 0, 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(139, 0, 0, 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(139, 0, 0, 0.2);\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.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(139, 0, 0, 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(139, 0, 0, 0.15);\n padding: 2.5rem;\n transition: all 0.3s ease;\n background: rgba(139, 0, 0, 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(139, 0, 0, 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 \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 5%;\n background: var(--secondary-bg);\n border-top: 1px solid rgba(139, 0, 0, 0.1);\n border-bottom: 1px solid rgba(139, 0, 0, 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(139, 0, 0, 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 .philosophy-subtext {\n font-size: 1.4rem;\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 .philosophy-subtext {\n font-size: 1.2rem;\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 \/* Ember Effect *\/\n @keyframes emberGlow {\n 0%, 100% { \n opacity: 0.2;\n transform: scale(1);\n }\n 50% { \n opacity: 0.4;\n transform: scale(1.2);\n }\n }\n \n .ember {\n position: absolute;\n width: 3px;\n height: 3px;\n background: var(--accent-color);\n border-radius: 50%;\n box-shadow: 0 0 10px var(--accent-color);\n animation: emberGlow 3s 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\"\u003eCrimson Eclipse\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:%20Crimson%20Eclipse\" 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\/6Hq-OpZeB68\" 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\"\u003eSovereign Stillness\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n A single calla, sculpted by shadow and flame. Crimson Eclipse embodies quiet power, sensual stillness, and luminous restraint.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Philosophy Section --\u003e\n\u003csection class=\"philosophy-section\"\u003e\n \u003cdiv class=\"philosophy-content\"\u003e\n \u003cp class=\"philosophy-quote\"\u003e\n \"Some flowers whisper.\"\n \u003c\/p\u003e\n \u003cp class=\"philosophy-subtext\"\u003e\n This one calls the night.\n \u003c\/p\u003e\n \u003cp class=\"philosophy-text\"\u003e\n It doesn't blossom. It emerges.\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\u003eSome flowers whisper.\u003cbr\u003eThis one calls the night.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Crimson Eclipse was inspired by the moment color rises out of darkness—quiet but undeniable. The calla stands alone, not isolated, but sovereign. It is a study in restraint, confidence, and the beauty of singular focus.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This piece belongs in interiors that curate emotion as intentionally as design.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Against a pure-black field, a solitary calla lily rises—its form carved from darkness, its edges kissed in deep violet and molten crimson. The bloom unfurls like a whisper of fire, controlled yet undeniably alive. Nothing distracts. Nothing competes. The void around it becomes its stage.\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 heirloom-level exclusivity and collector 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 depth in crimson, violet, and pure black tones.\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 Noir botanical artwork maintains exceptional demand in luxury markets. This piece carries the presence of sculpture, the drama of cinema, and the intimacy of portraiture—positioned for discerning collectors.\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\"\u003eGilded Stillness\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n Dark floral architecture meets sovereign presence. Together, these pieces create a botanical trilogy exploring darkness, elegance, and quiet power—ideal for penthouse foyers and gallery installations.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSilent Bloom\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n Monochrome sensuality balanced with dramatic restraint. This pairing explores shadow, form, and emotional depth—perfect for boutique hotel corridors and collector living rooms.\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 Crimson Eclipse belongs to the Grand Scale Statement Pieces Collection—a curated series of bold, dramatic artworks designed to command presence and define luxury interiors.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/grand-scale-statement-pieces\" 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 artwork feels at home in Aman-style suites, penthouse foyers, boutique hotel corridors, gallery walls, and collector living rooms where silence and refinement define the space.\n \u003c\/p\u003e\n \u003cp class=\"target-spaces\"\u003e\n \u003cstrong\u003eTarget Spaces:\u003c\/strong\u003e\u003cbr\u003e\n Aman-Style Suites • Penthouse Foyers • Boutique Hotel Corridors • Gallery Walls • Collector Living Rooms\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 Crimson Eclipse is available for private acquisition, gallery representation, and hospitality procurement.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Crimson%20Eclipse\" 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 \/\/ Ember Effect\n function createEmber() {\n const ember = document.createElement('div');\n ember.className = 'ember';\n ember.style.left = Math.random() * 100 + '%';\n ember.style.top = Math.random() * 100 + '%';\n ember.style.animationDelay = Math.random() * 2 + 's';\n \n document.querySelector('.hero').appendChild(ember);\n \n setTimeout(() =\u003e {\n ember.remove();\n }, 6000);\n }\n\n \/\/ Create embers periodically\n setInterval(createEmber, 1500);\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.5}px)`;\n hero.style.opacity = 1 - (scrolled \/ window.innerHeight * 0.6);\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083370385573,"sku":"9100099_16039","price":9364.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083370418341,"sku":"9100099_16045","price":9364.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083370451109,"sku":"9100099_15700","price":9364.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/54D3C3A6-3CA7-4D5B-B113-B9A2071F89A0.png?v=1764640805"},{"product_id":"luminous-tulips","title":"Scarlet Whisper — Limited Edition Impressionist Floral 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\u003eScarlet Whisper | Luxury Impressionist Floral Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"An elegant impressionist tulip artwork in red and green tones. Limited edition fine art for luxury homes, boutique hotels, and serene 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: #141414;\n --accent-color: #c74a3d;\n --accent-light: #d96459;\n --accent-green: #547a4e;\n --text-primary: #f5f5f5;\n --text-secondary: #a8a8a8;\n --divider-color: rgba(199, 74, 61, 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(199, 74, 61, 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(199, 74, 61, 0.12) 0%, transparent 60%);\n animation: softBloom 12s ease-in-out infinite;\n }\n \n @keyframes softBloom {\n 0%, 100% { \n opacity: 0.4;\n transform: scale(1);\n }\n 50% { \n opacity: 0.7;\n transform: scale(1.1);\n }\n }\n \n .hero::after {\n content: '🌷';\n position: absolute;\n font-size: 3rem;\n opacity: 0.03;\n top: 15%;\n right: 20%;\n animation: gentleFloat 8s ease-in-out infinite;\n }\n \n @keyframes gentleFloat {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-30px) rotate(5deg); }\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(199, 74, 61, 0.3);\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(199, 74, 61, 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(--accent-color);\n font-weight: 500;\n }\n \n \/* Philosophy Section *\/\n .philosophy-section {\n padding: 6rem 5%;\n background: linear-gradient(135deg, rgba(199, 74, 61, 0.05) 0%, rgba(84, 122, 78, 0.05) 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 }\n \n .philosophy-text {\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 2;\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(199, 74, 61, 0.15);\n transition: all 0.3s ease;\n background: rgba(199, 74, 61, 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(199, 74, 61, 0.15);\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.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(199, 74, 61, 0.15);\n padding: 2.5rem;\n transition: all 0.3s ease;\n background: rgba(199, 74, 61, 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(199, 74, 61, 0.15);\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(199, 74, 61, 0.1);\n border-bottom: 1px solid rgba(199, 74, 61, 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(199, 74, 61, 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 \/* Petal Float Effect *\/\n @keyframes petalFloat {\n 0% {\n transform: translateY(0) rotate(0deg);\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity: 1;\n }\n 100% {\n transform: translateY(-100vh) rotate(360deg);\n opacity: 0;\n }\n }\n \n .petal {\n position: fixed;\n width: 10px;\n height: 10px;\n background: var(--accent-color);\n opacity: 0.2;\n border-radius: 50% 0 50% 0;\n pointer-events: none;\n z-index: 999;\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\"\u003eScarlet Whisper\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:%20Scarlet%20Whisper\" 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\/zGA1wodNxa0\" 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\"\u003eSoftened Beauty\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n A softened vision of passion and calm. Scarlet Whisper captures the fleeting breath of beauty—romantic, luminous, and timeless.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Philosophy Section --\u003e\n\u003csection class=\"philosophy-section\"\u003e\n \u003cdiv class=\"philosophy-content\"\u003e\n \u003cp class=\"philosophy-quote\"\u003e\n \"Some moments are meant to blur.\"\n \u003c\/p\u003e\n \u003cp class=\"philosophy-text\"\u003e\n It doesn't demand attention. It holds it softly.\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\u003eSome moments are meant to blur.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Scarlet Whisper was inspired by the way beauty lingers after you've looked away. It is not a snapshot—it is an echo. The softness is intentional. The color is memory.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This is art chosen by those who understand subtlety as sophistication.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Three scarlet tulips emerge from a softened green field, their forms gently blurred as if remembered rather than seen. The color is bold yet tender, saturated without force. Edges dissolve into atmosphere, allowing the viewer to feel the moment instead of analyze 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=\"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 timeless exclusivity.\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 luminous color depth and emotional resonance.\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 Impressionist floral artwork maintains exceptional demand in luxury residential and hospitality markets. Positioned for collectors who value warmth, serenity, and lasting beauty.\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\"\u003eVerdant Stillness\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n Calm botanical harmony meets softened beauty. Together, these pieces create a floral narrative centered on tranquility and natural grace—ideal for luxury spas and serene living spaces.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eCrimson Echo\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n Deeper emotional resonance balanced with romantic warmth. This pairing explores memory and color—perfect for boutique hotel corridors and curated residential galleries.\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 Scarlet Whisper belongs to the Grand Scale Statement Pieces Collection—a curated series of bold, emotive artworks designed to transform luxury interiors with warmth and presence.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/grand-scale-statement-pieces\" 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 refined residential interiors, luxury hospitality spaces, boutique hotels, spas, curated corridors, and serene living environments, Scarlet Whisper brings warmth, life, and understated elegance to any setting.\n \u003c\/p\u003e\n \u003cp class=\"target-spaces\"\u003e\n \u003cstrong\u003eTarget Spaces:\u003c\/strong\u003e\u003cbr\u003e\n Luxury Residences • Boutique Hotels • Luxury Spas • Curated Corridors • Serene Living Rooms\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 Scarlet Whisper is available for private acquisition, gallery representation, and hospitality procurement.\n \u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Scarlet%20Whisper\" 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 \/\/ Floating Petal Effect\n function createPetal() {\n const petal = document.createElement('div');\n petal.className = 'petal';\n petal.style.left = Math.random() * 100 + '%';\n petal.style.animationDuration = (Math.random() * 10 + 15) + 's';\n petal.style.animationDelay = Math.random() * 5 + 's';\n petal.style.animation = 'petalFloat ' + petal.style.animationDuration + ' linear infinite';\n \n document.body.appendChild(petal);\n \n setTimeout(() =\u003e {\n petal.remove();\n }, parseFloat(petal.style.animationDuration) * 1000);\n }\n\n \/\/ Create petals periodically\n setInterval(createPetal, 3000);\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.4}px)`;\n hero.style.opacity = 1 - (scrolled \/ window.innerHeight * 0.5);\n }\n });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083371303077,"sku":"1356330_16039","price":8334.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083371335845,"sku":"1356330_16045","price":8334.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083371368613,"sku":"1356330_15700","price":8334.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/476630C3-CF34-4742-9C9B-2AA101311EA7.png?v=1764639598"},{"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":"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":"fleur-royale","title":"Gilded Stillness — Limited Edition Noir Botanical Masterwork","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 Stillness | Luxury Gold Botanical Fine Art by Kasian\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A black and gold floral fine art piece symbolizing elegance and restraint. 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: #111111;\n --accent-color: #d4a574;\n --accent-hover: #f0c896;\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%, #1a1510 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 30% 40%, rgba(212, 165, 116, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(212, 165, 116, 0.03) 0%, transparent 50%);\n animation: gentleGlow 10s ease-in-out infinite;\n }\n\n @keyframes gentleGlow {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.6; }\n }\n\n .golden-particles {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n\n .particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: var(--accent-color);\n border-radius: 50%;\n opacity: 0;\n animation: floatParticle 15s infinite;\n }\n\n .particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n .particle:nth-child(2) { left: 30%; animation-delay: 3s; }\n .particle:nth-child(3) { left: 50%; animation-delay: 6s; }\n .particle:nth-child(4) { left: 70%; animation-delay: 9s; }\n .particle:nth-child(5) { left: 90%; animation-delay: 12s; }\n\n @keyframes floatParticle {\n 0% {\n transform: translateY(100vh) scale(0);\n opacity: 0;\n }\n 10% {\n opacity: 0.6;\n }\n 90% {\n opacity: 0.6;\n }\n 100% {\n transform: translateY(-100px) scale(1);\n opacity: 0;\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 background: linear-gradient(135deg, #f5f5f5 0%, var(--accent-color) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\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: linear-gradient(90deg, transparent, var(--accent-color), transparent);\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 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: 2px;\n background: linear-gradient(90deg, transparent, var(--accent-color), transparent);\n transition: left 0.6s ease;\n }\n\n .feature-card:hover::before {\n left: 100%;\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 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, #1a1510 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 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 }\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%, #1a1510 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, 165, 116, 0.05) 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\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=\"golden-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 \u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cp class=\"hero-subtitle\"\u003eBOTANICAL MASTERWORK\u003c\/p\u003e\n \u003ch1 class=\"hero-title\"\u003eGilded Stillness\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\/Fy59b8IKjLc\" 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\u003eDark florals crowned in gold. Gilded Stillness is a study in elegance, restraint, and enduring beauty—created for luxury spaces where silence is intentional.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eDesigned specifically for grand interiors—boutique hotel lounges, luxury residential salons, museum-like corridors, and five-star hospitality suites—Gilded Stillness operates as an emotional anchor.\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\u003eStillness is the final form of power.\u003c\/p\u003e\n \u003cp\u003eGilded Stillness was created to honor the moment when beauty no longer seeks approval. The gold marks not embellishment, but survival. The flowers do not lean. They hold.\u003c\/p\u003e\n \u003cp\u003eAgainst an obsidian-black field, tulips rise with sculptural dignity—matte petals fractured by luminous gold, as if touched by history rather than paint. Each bloom is quiet yet resolute, standing tall in ceremonial stillness. There is no motion here—only presence.\u003c\/p\u003e\n \u003cp\u003eThis work is neither floral nor decorative. It is architectural. The stems form vertical lines of discipline, while the gold fractures introduce humanity, age, and memory. The contrast speaks softly, but it speaks forever.\u003c\/p\u003e\n \u003cp\u003eThis is a work chosen by collectors who curate with instinct, not trend.\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\"\u003eBotanical fine art maintains 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\"\u003eGilded Stillness pairs beautifully with works from the Gold Noir Luxe Collection, forming a cohesive black-and-gold luxury botanical narrative.\u003c\/p\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eGilded Nocturne Tulips\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA companion piece exploring intimate botanical restraint with the same architectural discipline and golden luminosity—ideal for creating cohesive luxury gallery walls.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eGilded Equilibrium\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eArchitectural balance meets botanical grace, completing a gold noir trilogy that speaks to collectors who value restraint, elegance, and lasting presence.\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 botanical works designed for collectors who value elegance, restraint, and the power of stillness.\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\"\u003eBOUTIQUE HOTEL LOUNGES\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eLUXURY RESIDENTIAL SALONS\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eFIVE-STAR HOSPITALITY SUITES\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eMUSEUM-LIKE CORRIDORS\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePRIVATE GALLERIES\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eEXECUTIVE SPACES\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\u003eGold Remembers.\u003cbr\u003eStillness Reigns.\u003c\/h2\u003e\n \u003cp\u003eInquire about Gilded Stillness and discover how this limited edition botanical masterwork can bring elegance, restraint, and enduring beauty to your luxury 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":46083632955557,"sku":"3187090_16039","price":8295.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083632988325,"sku":"3187090_16045","price":8295.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083633021093,"sku":"3187090_15700","price":8295.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/AC8DDA2D-BD2F-47B2-A396-A33DFFF6B8B9.png?v=1763730576"},{"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":"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":"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":"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"},{"product_id":"golden-horizizon-noir","title":"Veil of Becoming — Ethereal Figure 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\u003eEthereal Figurative Wall Art | Veil of Becoming — Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A museum-grade ethereal figure artwork designed for luxury interiors, spas, boutique hotels, and serene 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 --bg-soft: #1a1612;\n --text-primary: #f5f5f5;\n --text-secondary: #c0c0c0;\n --text-muted: #808080;\n --accent-sand: #d4b89a;\n --accent-blue: #a8c5c7;\n --accent-warm: #e8dfd2;\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-sand);\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-sand);\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, var(--bg-soft) 0%, var(--bg-primary) 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 20% 30%, rgba(212, 184, 154, 0.06) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(168, 197, 199, 0.06) 0%, transparent 40%);\n animation: etherealFlow 15s ease-in-out infinite;\n }\n\n @keyframes etherealFlow {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.7; }\n }\n\n .floating-veil {\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 .veil-particle {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(212, 184, 154, 0.3) 0%, transparent 70%);\n filter: blur(40px);\n animation: float 20s infinite ease-in-out;\n }\n\n .veil-particle:nth-child(1) {\n width: 200px;\n height: 200px;\n top: 10%;\n left: 10%;\n animation-delay: 0s;\n animation-duration: 18s;\n }\n\n .veil-particle:nth-child(2) {\n width: 150px;\n height: 150px;\n top: 60%;\n right: 15%;\n animation-delay: 5s;\n animation-duration: 22s;\n }\n\n .veil-particle:nth-child(3) {\n width: 180px;\n height: 180px;\n top: 40%;\n left: 70%;\n animation-delay: 10s;\n animation-duration: 20s;\n background: radial-gradient(circle, rgba(168, 197, 199, 0.25) 0%, transparent 70%);\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translate(0, 0) scale(1);\n opacity: 0.3;\n }\n 33% {\n transform: translate(30px, -40px) scale(1.1);\n opacity: 0.5;\n }\n 66% {\n transform: translate(-20px, 30px) scale(0.9);\n opacity: 0.4;\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n animation: fadeInUp 1.5s 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-family: var(--sans);\n font-size: 0.75rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--accent-sand);\n margin-bottom: 1.5rem;\n opacity: 0.9;\n }\n\n .hero-title {\n font-family: var(--display);\n font-size: clamp(2.5rem, 8vw, 5.5rem);\n font-weight: 300;\n line-height: 1.2;\n margin-bottom: 1rem;\n letter-spacing: 2px;\n background: linear-gradient(135deg, \n var(--accent-warm) 0%, \n var(--accent-sand) 50%,\n var(--accent-blue) 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-sand);\n border: 1px solid var(--accent-sand);\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-sand);\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: 300;\n margin-bottom: 3rem;\n text-align: center;\n letter-spacing: 1px;\n }\n\n .divider {\n width: 80px;\n height: 1px;\n background: linear-gradient(90deg, \n transparent, \n var(--accent-sand), \n var(--accent-blue), \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-sand);\n box-shadow: 0 0 40px rgba(212, 184, 154, 0.12);\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-soft);\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-style: italic;\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.2rem;\n font-style: italic;\n text-align: center;\n margin: 3rem 0;\n color: var(--accent-sand);\n letter-spacing: 2px;\n line-height: 1.4;\n font-weight: 300;\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.4s 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, \n transparent, \n var(--accent-sand), \n transparent);\n transform: scaleX(0);\n transition: transform 0.5s 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-sand);\n box-shadow: 0 10px 30px rgba(212, 184, 154, 0.15);\n }\n\n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-sand);\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: 400;\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-soft);\n border: 1px solid var(--accent-sand);\n position: relative;\n overflow: hidden;\n }\n\n .edition-grid::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%, \n rgba(212, 184, 154, 0.04) 0%, \n transparent 60%);\n animation: softGlow 10s ease-in-out infinite;\n }\n\n @keyframes softGlow {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 0.8; }\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-sand);\n margin-bottom: 0.5rem;\n font-weight: 300;\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: 2px solid var(--accent-blue);\n transition: all 0.4s ease;\n position: relative;\n }\n\n .pairing-card:hover {\n border-left-color: var(--accent-sand);\n transform: translateX(5px);\n box-shadow: -5px 5px 20px rgba(168, 197, 199, 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-sand);\n font-weight: 400;\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-soft) 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, 184, 154, 0.08) 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: 300;\n background: linear-gradient(135deg, \n var(--accent-warm) 0%, \n var(--accent-sand) 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-soft);\n border: 1px solid var(--accent-sand);\n transition: all 0.3s ease;\n }\n\n .space-tag:hover {\n background: var(--accent-sand);\n color: var(--bg-primary);\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(212, 184, 154, 0.2);\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 5%;\n background: var(--bg-soft);\n text-align: center;\n border-top: 1px solid var(--accent-sand);\n border-bottom: 1px solid var(--accent-blue);\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-sand), \n var(--accent-warm), \n var(--accent-blue));\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-soft) 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, 184, 154, 0.08) 0%, \n transparent 70%);\n animation: breathe 12s ease-in-out infinite;\n }\n\n @keyframes breathe {\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 .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: 300;\n background: linear-gradient(135deg, \n var(--accent-warm) 0%, \n var(--accent-sand) 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-sand);\n text-decoration: none;\n border-bottom: 1px solid var(--accent-sand);\n transition: all 0.3s ease;\n padding-bottom: 0.25rem;\n }\n\n .final-cta-email:hover {\n color: var(--accent-warm);\n border-color: var(--accent-warm);\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-sand);\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 1s ease, transform 1s 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=\"floating-veil\"\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 \u003cp class=\"hero-subtitle\"\u003eKasian Art Studio\u003c\/p\u003e\n \u003ch1 class=\"hero-title\"\u003eVeil of Becoming\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:%20Veil%20of%20Becoming\" 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\"\u003eEthereal Figure 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\/rtj7sFD-_5g\" title=\"Veil of Becoming — 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 figure in motion. A moment suspended between breath and becoming—rendered in soft sand, sky-washed blue, and warm alabaster tones.\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 Veil of Becoming captures the rare instant when form dissolves into feeling. A solitary figure emerges through softened air and light—neither fully revealed nor hidden—wrapped in a translucent veil that moves like memory itself.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n The body is suggested, not defined. Identity is implied, not declared. This is not a portrait; it is a state of being.\n \u003c\/p\u003e\n \u003cp class=\"backstory-highlight fade-in\"\u003e\n \"She is not arriving.\u003cbr\u003eShe is becoming.\"\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n Rendered in muted sand, sky-washed blue, and warm alabaster tones, the composition evokes ancient frescoes, coastal silence, and the quiet intimacy of dawn. The figure's motion suggests freedom without urgency—grace without performance.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n This artwork belongs in spaces designed for pause: luxury spa corridors, boutique hotel suites, private meditation salons, and serene residential galleries where calm is intentional and emotion is curated.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n It does not demand attention. It rewards stillness.\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 and authenticated with museum-grade provenance documentation that honors the work's ethereal quality.\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 with painterly texture that preserves tonal subtlety and softness of motion.\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\"\u003eEthereal figurative works maintain strong demand among collectors seeking art that transforms spaces through emotional resonance rather than bold statements—pieces that whisper rather than shout.\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\"\u003eQuiet Ascent — Ethereal Figure No. II\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA companion study exploring upward motion and lightness of being. Together, these works create a serene diptych of transformation—ideal for spa resorts, wellness hotels, and private sanctuary spaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eDriftform — Motion Study in Light\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eAn abstract exploration of movement suspended in time. When paired with Veil of Becoming, these pieces form a tranquil trilogy perfect for curated wellness installations and meditative environments.\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\"\u003eEmotional Figurative Collection\u003c\/h2\u003e\n \u003cp class=\"collection-subtitle fade-in\"\u003eExplore the complete collection of ethereal figure studies curated for collectors who seek art that transforms through feeling, stillness, and quiet emotional resonance.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-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 Serenity\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 designed for pause—interiors where calm is intentional, emotion is valued, and every element invites contemplation rather than conversation.\n \u003c\/p\u003e\n \u003cdiv class=\"spaces-list\"\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eLuxury Spa Corridors\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eBoutique Hotel Suites\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003ePrivate Meditation Salons\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eWellness Centers\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eSerene Residential Galleries\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eYoga Studios\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eHealing Spaces\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eSanctuary Rooms\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:%20Veil%20of%20Becoming\" 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":46084951376037,"sku":"5931878_16039","price":14314.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084951408805,"sku":"5931878_16045","price":14314.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084951441573,"sku":"5931878_15700","price":14314.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/8FE10E97-DAED-44DE-AA04-9A42DED7847C.png?v=1763646347"},{"product_id":"golden-horizon-no-i","title":"Golden Nightfall — Luxury Black \u0026 Gold Abstract Art Print | Kasian Art Studio","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 Nightfall — Luxury Black \u0026amp; Gold Abstract Art Print | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A serene black-and-gold horizon abstract for luxury hotel suites and penthouses. Limited edition, museum-grade, warm, moody, timeless.\"\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 Nightfall\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\/4P3CYublKdw?si=zgwyBo7z28kN5udV\" title=\"Golden Nightfall — 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\"\u003eEvening Sanctuary\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A serene black-and-gold horizon abstract designed for luxury hotels, penthouses, and collectors seeking quiet, moody elegance.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eNight arrives softly in the world's most peaceful places. Lights dim. Air stills. Everything begins to glow.\u003c\/p\u003e\n \n \u003cp\u003eGolden Nightfall was created from that exact moment—when warm light meets deep shadow, and the world feels quiet enough to hear your own breath.\u003c\/p\u003e\n \n \u003cp\u003eThe velvety black upper field evokes a moonless sky; the gold below mirrors the soft shimmer of lights reflecting over water. Together, they create a tranquil horizon—an invitation to rest, unwind, and disappear into stillness.\u003c\/p\u003e\n \n \u003cp\u003eThis piece was made for spaces that understand serenity: penthouse suites, boutique hotel bedrooms, lakeside villas, modern retreats. \u003cstrong\u003eIt turns any room into an evening sanctuary.\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eCollectors embrace Golden Nightfall for its restraint, mood, and cinematic glow—luxury, distilled into a single horizon.\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 signed, authenticated, and inspected for exceptional provenance and 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, acid-free, UV-resistant materials ensure multi-generational preservation. Textured gold detailing with soft-luster highlights creates dimensional warmth.\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\u003eBlack-and-gold minimal abstracts remain a top category for luxury hotels and private collectors. Their visual restraint and architectural simplicity make them highly collectible.\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\"\u003eGolden Equilibrium\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n The two pieces complement one another with parallel horizon lines and matching palettes, creating a unified luxury suite or penthouse bedroom aesthetic. Perfect for hotel suites, penthouses, and serene bedrooms.\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 serene horizon abstracts from our Gold \u0026amp; Noir Collection, each piece crafted to transform luxury interiors with warmth, tranquility, and timeless sophistication.\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 Nightfall is an abstract meditation on light, silence, and evening. A luminous field of brushed gold rises toward a velvety expanse of shadow—two worlds meeting at a single horizon. The subtle star-like glints across the surface create a sense of stillness, wonder, and celestial calm.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n Black-and-gold minimal abstracts remain a top category for luxury hotels and private collectors.\n \u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n In luxury interiors, especially hotel suites, penthouse bedrooms, modern villas, and designer retreats, the piece becomes a visual sanctuary. The deep black provides grounding and mood; the gold introduces warmth and intimacy.\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":46084953112741,"sku":"2750153_16039","price":14422.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084953145509,"sku":"2750153_16045","price":14422.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084953178277,"sku":"2750153_15700","price":14422.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/83855006-13B7-4DD6-B25C-8E4196C690AC.png?v=1763646444"},{"product_id":"shadow-construct","title":"ShadowFORM STUDY 1 Monochrome Architectural Abstraction","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\u003eShadowform Study I — Luxury Black \u0026amp; Neutral Abstract Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A moody black-and-neutral abstract designed for penthouses, luxury homes, and boutique hotels. Museum-grade. Limited Edition of 50. Moody. Elegant. Timeless.\"\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: #c8c0b0;\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: #c8c0b0;\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 #c8c0b0;\n color: #c8c0b0;\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: #c8c0b0;\n color: #0a0a0a;\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(200, 192, 176, 0.3);\n }\n\n .scroll-indicator {\n position: absolute;\n bottom: 3rem;\n left: 50%;\n transform: translateX(-50%);\n color: #c8c0b0;\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: #c8c0b0;\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: #c8c0b0;\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: #c8c0b0;\n background: rgba(200, 192, 176, 0.05);\n }\n\n .detail-number {\n font-size: 3rem;\n color: #c8c0b0;\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: #c8c0b0;\n margin-bottom: 2rem;\n font-weight: 300;\n }\n\n .pairing-title a {\n color: #c8c0b0;\n text-decoration: none;\n border-bottom: 1px solid #c8c0b0;\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: transparent;\n border: 2px solid #c8c0b0;\n color: #c8c0b0;\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(200, 192, 176, 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: rgba(200, 192, 176, 0.1);\n border-color: #c8c0b0;\n color: #f5f0e8;\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(200, 192, 176, 0.2);\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: #c8c0b0;\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\u003eShadowform Study I\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\/JiIX9_ZCCzA?si=wjhE2njfqxP1A9T_\" title=\"Shadowform Study I — 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 Stillness\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A moody, architectural black-and-neutral abstract crafted for penthouses, luxury homes, boutique hotels, and timeless designer interiors.\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 in every architectural space where light meets silence—a slow shift, a gentle fade, a shadow taking shape.\u003c\/p\u003e\n \n \u003cp\u003eShadowform Study I was created to capture that moment.\u003c\/p\u003e\n \n \u003cp\u003eThe deep black forms rise like the silhouette of a distant structure, dissolving into soft tonal haze. It feels grounded yet ethereal, bold yet calming. A reminder of how space, stillness, and shadow can speak their own quiet language.\u003c\/p\u003e\n \n \u003cp\u003eIn modern villas, penthouses, boutique hotels, and designer living rooms, this artwork becomes more than décor. \u003cstrong\u003eIt becomes a presence—deepening the room, anchoring its energy, elevating its mood.\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eCollectors choose this piece for its sophistication, its minimalism, and its ability to make any space feel architectural, intentional, and timeless.\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-inspected, signed, 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, acid-free, UV-resistant materials ensure multi-generational preservation. Matte texture with soft gradient detailing creates dimensional 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\u003eBlack-and-neutral abstracts are among the strongest performers in luxury residential and hospitality design—sought after for versatility, emotional depth, and long-term collectability.\u003c\/p\u003e\n \u003c\/div\u003e\n \n\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\"\u003eEclipse of Elegance\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Together, they form a powerful, moody diptych—soft fog meeting structured shadow. Ideal for luxury living rooms, hotel lobby galleries, penthouse hallways, and high-end commercial 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 architectural abstracts from our Black \u0026amp; White Luxury Collection, each piece crafted to deepen space, anchor energy, and bring meditative sophistication to luxury interiors.\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 Shadowform Study I is a commanding exploration of contrast—bold, sculptural darkness dissolving softly into light. The composition feels architectural yet atmospheric, as if a shadow had lifted itself from a wall and turned into form. The textured gradients evoke modernist brushwork, fog over stone, or the silhouette of an abstracted landscape.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n Black-and-neutral abstracts are among the strongest performers in luxury residential and hospitality design.\n \u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n This piece thrives in interiors built on quiet luxury: villas, penthouses, boutique hotel suites, architect-designed residences, and gallery-inspired homes. Its neutral palette allows it to complement stone, beige, oak, concrete, linen, and minimalist color schemes with cinematic ease.\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: #c8c0b0; 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: #c8c0b0; 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: #c8c0b0; 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\/div\u003e\u003c\/section\u003e\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084954587301,"sku":"6536235_16039","price":10314.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084954620069,"sku":"6536235_16045","price":10314.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084954652837,"sku":"6536235_15700","price":10314.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/3B95D13D-0EA7-4413-BA23-3CBB0007118E.png?v=1763646385"},{"product_id":"elevated-poise","title":"Elevated Poise— Luxury Ballet Fine Art Print | Kasian Art Studio","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\u003ePoise \u0026amp; Pointe — Luxury Ballet Fine Art Print | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A refined ballet artwork capturing elegance and discipline. Perfect for penthouses, boutique hotels, and luxury foyers. Museum-grade, limited edition.\"\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\u003ePoise \u0026amp; Pointe\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\/Cu9TuK1OFPQ?si=Abp0X5QTMEEDxVFg\" title=\"Poise \u0026amp; Pointe — 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 Form\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A powerful, graceful study of ballet form—crafted for penthouses, boutique hotels, luxury foyers, and interiors that celebrate elegance and discipline.\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 in every dancer's life when the world narrows to a single point. The breath holds. The room quiets. The body rises.\u003c\/p\u003e\n \n \u003cp\u003ePoise \u0026amp; Pointe was created to honor that moment.\u003c\/p\u003e\n \n \u003cp\u003eThe satin shoes, softened with wear yet glowing with warmth, speak of dedication—early mornings, late nights, quiet triumphs. The deep black backdrop turns the feet into sculpture, elevating their beauty and strength.\u003c\/p\u003e\n \n \u003cp\u003eIn grand foyers, classical interiors, penthouse hallways, and boutique hotels, this artwork becomes a symbol of discipline and grace. It brings emotion, story, and artistry into the space—an invitation to pause and feel.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eCollectors choose Poise \u0026amp; Pointe because it embodies aspiration.\u003cbr\u003eElegance.\u003cbr\u003eResilience.\u003cbr\u003ePerfection.\u003c\/strong\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eIt is not just a portrait of feet.\u003cbr\u003eIt is a portrait of becoming.\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-inspected, authenticated, and numbered 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, acid-free, UV-resistant materials ensure multi-generational preservation. Dramatic black backdrop enhances contrast and luminous satin tones.\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\u003eIconic figurative artworks—especially ballet and movement studies—maintain strong collector demand and appreciation potential within the Kasian Art Studio signature series.\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\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSilent Reverie\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Together, they create an emotional gallery statement—movement paired with stillness, discipline softened by shadow. Perfect for foyers, penthouse hallways, luxury hotel corridors, and curated gallery rooms.\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 elegant figurative works from our Ballet \u0026amp; Movement Collection, each piece celebrating strength, grace, and the timeless beauty of human form in motion.\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eBallet \u0026amp; Movement 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 Poise \u0026amp; Pointe captures the breathtaking strength, fragility, and precision of ballet in a way few artworks can. Centered on the sculptural beauty of en pointe feet, this piece blends soft satin tones against a deep, dramatic black—allowing the purity of the form to speak for itself.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n Iconic figurative artworks—especially ballet and movement studies—maintain strong collector demand.\n \u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n The composition is minimal yet commanding. The golden pointe shoes appear almost illuminated, drawing the eye with a sense of reverence. Every curve, every shadow, every highlight reflects countless hours of training and devotion. It is a portrait of discipline, elegance, and unwavering grace.\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":46084955242661,"sku":"5257393_16039","price":11284.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084955275429,"sku":"5257393_16045","price":11284.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084955308197,"sku":"5257393_15700","price":11284.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/C2787584-F593-41BA-8B08-65EBE7846B87.png?v=1763559020"},{"product_id":"golden-currents","title":"Golden Equilibrium 2— Black \u0026 Gold Luxury Abstract Art | Kasian Art Studio","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 Equilibrium — Black \u0026amp; Gold Luxury Abstract Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A sculptural black-and-gold abstract blending geometry and movement. Museum-grade, limited edition, perfect for penthouses and boutique hotel interiors.\"\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 Equilibrium\u003c\/h1\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 25\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\/NoMaICkEiIM?si=VSgdaiJg8z1L6AoK\" title=\"Golden Equilibrium — 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\"\u003eBalance in Motion\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A sculptural black-and-gold abstract created for luxury galleries, penthouses, and boutique hotels—balancing movement, geometry, and architectural serenity.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eIn spaces carved from stone, where silence feels intentional and light falls like ritual, Golden Equilibrium emerges as a visual meditation.\u003c\/p\u003e\n \n \u003cp\u003eFluid gold strokes echo ancient calligraphy. Geometric shapes ground the composition like architectural anchors. Together, they create a sacred tension—movement held in perfect stillness.\u003c\/p\u003e\n \n \u003cp\u003eThe artwork was conceived for interiors that value serenity, structure, and quiet opulence. It belongs in the halls of luxury resorts, the lobbies of design-forward hotels, the atriums of private estates, and the curated walls of penthouses overlooking the world.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eCollectors choose this piece for its presence.\u003cbr\u003eFor its calm.\u003cbr\u003eFor its ability to make a room feel timeless.\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 25 prints will ever exist. Each individually inspected, signed, and authenticated for exceptional provenance and 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, acid-free, UV-resistant materials ensure multi-generational preservation. Metallic gold detailing radiates luminous depth under all lighting conditions.\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\u003eThe blend of geometric and organic elements places this piece in a category of strong long-term collector value for architecture-driven design spaces.\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\"\u003e25\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\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eEclipse of Elegance\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Crisp shadow-driven forms from Eclipse of Elegance temper the fluid gold movement in Golden Equilibrium. Together, they form a breathtaking dual-installation perfect for hotel lobbies, penthouse hallways, and gallery 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 sculptural abstracts from our Gold \u0026amp; Noir Collection, each piece crafted to transform luxury interiors with meditative sophistication and timeless elegance.\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 Equilibrium is a masterwork of balance—where fluid, organic strokes meet grounded geometric forms in a quiet visual dialogue. Sweeping gold curves glide across a velvety black canvas, weaving between perfectly placed squares. The result is a composition that feels both ancient and modern, spiritual yet architectural.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n Collectors favor the black-and-gold Kasian Art Studio series for its timelessness, versatility, and luxury appeal.\n \u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Each line, each square, each textured gold stroke feels intentional—evoking themes of harmony, duality, motion, and precision. Golden Equilibrium commands attention without overpowering, making it ideal for grand entryways, luxury lobbies, penthouse galleries, and serene designer living rooms.\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":"Default Title","offer_id":46120255193253,"sku":"3113446_16039","price":439.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/5003A726-5C0A-40A2-B108-43BB0339AB22.png?v=1763737279"},{"product_id":"gilded-constellations","title":"Golden Equilibrium— Luxury Black \u0026 Gold 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\u003eGolden Equilibrium — Black \u0026amp; Gold Luxury Abstract Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A sculptural black-and-gold abstract blending geometry and movement. Museum-grade, limited edition, perfect for penthouses and boutique hotel interiors.\"\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 .investment {\n background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 100%);\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: #0a0a0a;\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\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 Equilibrium\u003c\/h1\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 25\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\/v2Qc9YujSuc\" title=\"Golden Equilibrium — 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\"\u003eBalance in Motion\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A sculptural black-and-gold abstract created for luxury galleries, penthouses, and boutique hotels—balancing movement, geometry, and architectural serenity.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eIn spaces carved from stone, where silence feels intentional and light falls like ritual, Golden Equilibrium emerges as a visual meditation.\u003c\/p\u003e\n \n \u003cp\u003eFluid gold strokes echo ancient calligraphy. Geometric shapes ground the composition like architectural anchors. Together, they create a sacred tension—movement held in perfect stillness.\u003c\/p\u003e\n \n \u003cp\u003eThe artwork was conceived for interiors that value serenity, structure, and quiet opulence. It belongs in the halls of luxury resorts, the lobbies of design-forward hotels, the atriums of private estates, and the curated walls of penthouses overlooking the world.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eCollectors choose this piece for its presence.\u003cbr\u003eFor its calm.\u003cbr\u003eFor its ability to make a room feel timeless.\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 25 prints will ever exist. Each individually inspected, signed, and authenticated for exceptional provenance and 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, acid-free, UV-resistant materials ensure multi-generational preservation. Metallic gold detailing radiates luminous depth under all lighting conditions.\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\u003eThe blend of geometric and organic elements places this piece in a category of strong long-term collector value for architecture-driven design spaces.\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\"\u003e25\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\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eEclipse of Elegance\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Crisp shadow-driven forms from Eclipse of Elegance temper the fluid gold movement in Golden Equilibrium. Together, they form a breathtaking dual-installation perfect for hotel lobbies, penthouse hallways, and gallery feature walls.\n \u003c\/div\u003e\n \u003c\/div\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 Equilibrium is a masterwork of balance—where fluid, organic strokes meet grounded geometric forms in a quiet visual dialogue. Sweeping gold curves glide across a velvety black canvas, weaving between perfectly placed squares. The result is a composition that feels both ancient and modern, spiritual yet architectural.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n Collectors favor the black-and-gold Kasian Art Studio series for its timelessness, versatility, and luxury appeal.\n \u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Each line, each square, each textured gold stroke feels intentional—evoking themes of harmony, duality, motion, and precision. Golden Equilibrium commands attention without overpowering, making it ideal for grand entryways, luxury lobbies, penthouse galleries, and serene designer living rooms.\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":"Default Title","offer_id":46120287207589,"sku":"4955532_16039","price":9364.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/C535FF7E-51A5-47FC-88DE-66827DD35803.png?v=1763675973"},{"product_id":"gilded-currents","title":"Golden Nocturne— Limited Edition Black \u0026 Gold 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\u003eGolden Nocturne — Luxury Black \u0026amp; Gold Abstract Art Print | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A dramatic black-and-gold abstract for penthouses and luxury hotels. Museum-grade, limited edition, and crafted for moody, elegant, timeless interiors.\"\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 .investment {\n background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 100%);\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: #0a0a0a;\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\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 Nocturne\u003c\/h1\u003e\n \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 25\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\/CZ_m8aQEt7c\" title=\"Golden Nocturne — 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\"\u003eA Powerful Statement\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A dramatic black-and-gold abstract designed for penthouses, luxury hotel suites, and collectors seeking a powerful, museum-grade night-fall statement piece.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eNightfall carries its own kind of magic—the quiet glow of distant towers, the stillness of water, the feeling that the world has slowed just for you. Golden Nocturne was born from that moment.\u003c\/p\u003e\n \n \u003cp\u003eThe gold strokes rise like warm light cutting through the dark, a visual echo of the city shimmering beyond the window. Each curve holds movement, intention, and a sense of grounded luxury. This is the kind of artwork that feels alive even in silence.\u003c\/p\u003e\n \n \u003cp\u003eCollectors choose Golden Nocturne for its presence—moody, elegant, architectural, and endlessly sophisticated. Placed in a penthouse living room, a luxury hotel suite, or a designer-led residential space, it becomes more than art.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eIt becomes atmosphere.\u003cbr\u003eA quiet symphony of gold against the night.\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 25 prints will ever exist. Each hand-inspected, authenticated, and numbered for exceptional provenance and 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, acid-free, UV-resistant materials ensure multi-generational preservation. Metallic-gold detailing retains luminous depth under all lighting.\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\u003eBlack-and-gold abstracts are among the strongest performers in luxury design markets. Limited gold-based editions position this piece for exceptional long-term 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\"\u003e25\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\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eEclipse of Elegance\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Together, these two pieces form an opulent visual symphony—Golden Nocturne radiating motion and glow, while Eclipse of Elegance grounds the space with sculptural, shadow-driven minimalism. A favorite pairing for penthouse living rooms, hotel lobbies, and gallery arrangements.\n \u003c\/div\u003e\n \u003c\/div\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 Nocturne is a commanding abstract that merges deep shadow with sweeping metallic gold movement, capturing the hypnotic stillness of night and the quiet power of glowing city lights. Bold yet graceful, the composition suggests both motion and meditation—an elevated dance between darkness and illumination.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n Black-and-gold abstract works are some of the strongest performers in luxury residential and hospitality design.\n \u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n The artwork's sculptural gold strokes create a luminous presence in the room, adding warmth, depth, and a cinematic glow to any interior. A signature Kasian Art Studio piece, Golden Nocturne brings emotional and visual gravitas to any space—quiet, powerful, unmistakably luxurious.\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":"Default Title","offer_id":46120340226213,"sku":"3064250_16039","price":10284.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/0CF271B0-2983-4908-AB77-9C30BB7D7A7B.png?v=1763571598"},{"product_id":"sunkissed-reverie","title":"Desert Sun Muse — Limited Edition Fine Art Print | Kasian Art Studio","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\u003eDesert Sun Muse — Limited Edition Fine Art Print | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A sensual, sun-drenched limited edition artwork for penthouses, boutique hotels, and collectors. Museum-grade, moody, elegant, and investment-ready.\"\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 .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 .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 .investment {\n background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 100%);\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: #0a0a0a;\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 .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%; \/* 16:9 Aspect Ratio *\/\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 @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\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=\"#contact\"\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\u003eDesert Sun Muse\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\/YOUR_VIDEO_ID_HERE\" title=\"Desert Sun Muse — 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\"\u003eA Presence That Transforms\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n A seductive, sun-drenched portrait crafted for modern penthouses, boutique hotels, and high-end collectors seeking a statement of warmth, confidence, and cinematic allure.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp\u003eIn the quiet heat of late afternoon, when the horizon blurs into gold and the air feels suspended, she appears—effortless, confident, and entirely unforgettable.\u003c\/p\u003e\n \n \u003cp\u003eHer sunglasses hide a story; her posture reveals another. She is serenity and seduction, strength and softness. A woman unbothered, unhurried, and completely in command of her world.\u003c\/p\u003e\n \n \u003cp\u003eFor luxury collectors, she becomes a symbol—of independence, of warmth, of that rare, perfect calm that only the world's most beautiful spaces can hold.\u003c\/p\u003e\n \n \u003cp\u003e\u003cstrong\u003eThis is not simply a portrait. It is a presence.\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 provenance and 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, acid-free, UV-resistant materials ensure preservation for generations of collectors.\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\u003eEarly edition acquisitions have shown consistent appreciation as Kasian Art Studio expands within luxury markets.\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\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #d4a574; text-decoration: none; border-bottom: 1px solid #d4a574; transition: all 0.3s ease;\"\u003eEternal Veil\u003c\/a\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Together, these two pieces create an emotional dialogue—soft sensuality contrasted with shadowy, atmospheric abstraction. When hung side-by-side in penthouse hallways, modern hotel suites, or warm minimalist living rooms, they form a powerful interior design narrative: bold confidence meets elegant restraint.\n \u003c\/div\u003e\n \u003c\/div\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 As Kasian Art Studio continues expanding within hospitality and luxury residential markets, early edition acquisitions across this collection have shown consistent appreciation.\n \u003c\/div\u003e\n \u003cdiv class=\"investment-highlight\"\u003e\n Desert Sun Muse is poised for strong long-term value in design-forward spaces and curated art portfolios.\n \u003c\/div\u003e\n \u003cdiv class=\"description\"\u003e\n Collectors value this piece not only for its visual impact but for its intimate emotional resonance. It suggests freedom, confidence, and a warm, quiet rebellion—an elevated blend of sensuality and serenity that defines the Kasian Art Studio signature.\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":"Default Title","offer_id":46130665095333,"sku":"8282945_16039","price":8264.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_3284.png?v=1763646001"},{"product_id":"executive-muse-the-woman-who-owns-the-room","title":"Executive Muse — The Woman Who Owns the Room","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 Fashion Art | Executive Noir — Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A museum-grade monochrome fashion portrait designed for executive offices, luxury penthouses, and refined 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=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-noir: #0d0d0d;\n --text-primary: #f5f5f5;\n --text-secondary: #c0c0c0;\n --text-muted: #808080;\n --accent-silver: #c0c0c0;\n --accent-steel: #989898;\n --accent-platinum: #e8e8e8;\n --accent-charcoal: #3a3a3a;\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-silver);\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-platinum);\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, var(--bg-noir) 0%, var(--bg-primary) 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 30% 40%, rgba(192, 192, 192, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(232, 232, 232, 0.04) 0%, transparent 50%);\n animation: noirGlow 10s ease-in-out infinite;\n }\n\n @keyframes noirGlow {\n 0%, 100% { opacity: 0.6; }\n 50% { opacity: 0.9; }\n }\n\n .fashion-accent {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 400px;\n height: 400px;\n border: 1px solid rgba(192, 192, 192, 0.1);\n border-radius: 50%;\n animation: fashionPulse 12s ease-in-out infinite;\n }\n\n @keyframes fashionPulse {\n 0%, 100% { \n transform: translate(-50%, -50%) scale(1);\n opacity: 0.3;\n }\n 50% { \n transform: translate(-50%, -50%) scale(1.3);\n opacity: 0.6;\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-silver);\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: 400;\n line-height: 1.1;\n margin-bottom: 1rem;\n letter-spacing: 2px;\n background: linear-gradient(135deg, \n var(--accent-platinum) 0%, \n var(--text-primary) 50%,\n var(--accent-silver) 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-silver);\n border: 1px solid var(--accent-silver);\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-silver);\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 border-color: var(--accent-platinum);\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-silver), \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: 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-silver);\n box-shadow: 0 0 40px rgba(192, 192, 192, 0.12);\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-noir);\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: 300;\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-platinum);\n letter-spacing: 2px;\n line-height: 1.3;\n font-weight: 300;\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, \n transparent, \n var(--accent-silver), \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-silver);\n box-shadow: 0 10px 30px rgba(192, 192, 192, 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-title {\n font-family: var(--display);\n font-size: 1.3rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 400;\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-noir);\n border-top: 1px solid var(--accent-silver);\n border-bottom: 1px solid var(--accent-charcoal);\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(192, 192, 192, 0.05), \n transparent);\n animation: elegantShimmer 10s infinite;\n }\n\n @keyframes elegantShimmer {\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-platinum);\n margin-bottom: 0.5rem;\n font-weight: 400;\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: 2px solid var(--accent-silver);\n transition: all 0.3s ease;\n position: relative;\n }\n\n .pairing-card:hover {\n border-left-width: 4px;\n border-left-color: var(--accent-platinum);\n transform: translateX(5px);\n box-shadow: -5px 5px 20px rgba(192, 192, 192, 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-platinum);\n font-weight: 400;\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-noir) 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(192, 192, 192, 0.08) 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: 400;\n background: linear-gradient(135deg, \n var(--accent-platinum) 0%, \n var(--text-primary) 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-noir);\n border: 1px solid var(--accent-silver);\n transition: all 0.3s ease;\n font-weight: 400;\n }\n\n .space-tag:hover {\n background: var(--accent-silver);\n color: var(--bg-primary);\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(192, 192, 192, 0.2);\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 5%;\n background: var(--bg-noir);\n text-align: center;\n border-top: 1px solid var(--accent-silver);\n border-bottom: 1px solid var(--accent-charcoal);\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-platinum), \n var(--accent-silver), \n var(--accent-steel));\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-noir) 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(192, 192, 192, 0.08) 0%, \n transparent 70%);\n animation: finalGlow 12s ease-in-out infinite;\n }\n\n @keyframes finalGlow {\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.7; \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: 400;\n background: linear-gradient(135deg, \n var(--accent-platinum) 0%, \n var(--text-primary) 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-silver);\n text-decoration: none;\n border-bottom: 1px solid var(--accent-silver);\n transition: all 0.3s ease;\n padding-bottom: 0.25rem;\n }\n\n .final-cta-email:hover {\n color: var(--accent-platinum);\n border-color: var(--accent-platinum);\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-silver);\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=\"fashion-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\"\u003eExecutive Noir\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:%20Executive%20Noir\" 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\"\u003eFashion Authority Study\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\/muKzYotuzd4\" title=\"Executive Noir — 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 confidence meets couture—a striking monochrome portrait of executive elegance, sophisticated power, and timeless fashion authority.\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 Executive Noir captures the intersection of power and polish. A figure seated in refined composure, sunglasses shielding identity, body language speaking authority. This is confidence without announcement.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n The monochrome palette strips away distraction, leaving only form, gesture, and presence. Black against neutral gray—sharp, decisive, unapologetic.\n \u003c\/p\u003e\n \u003cp class=\"backstory-highlight fade-in\"\u003e\n \"Style doesn't follow.\u003cbr\u003eIt leads.\"\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n This work was created for interiors where elegance is expected and power is inherent—executive offices, luxury penthouses, private dressing rooms, and fashion-forward residential spaces.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n The figure's anonymity becomes universality. She represents not a person, but a mindset—controlled, composed, commanding.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text fade-in\"\u003e\n This is art for those who understand that presence doesn't need explanation. It simply is.\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 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-text\"\u003eMuseum-grade archival pigment inks ensure 100+ year color stability with exceptional tonal depth in black and white. Premium substrates maintain crisp clarity and elegant finish.\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\"\u003eFashion-inspired executive portraiture maintains strong demand among collectors who value the intersection of power, elegance, and sophisticated visual storytelling.\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\"\u003eRed Sole Authority — Executive Study No. I\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA complementary study of power through iconic fashion symbolism. Together, these works create a sophisticated dialogue of executive presence ideal for office suites and luxury residential spaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eCorridor of Command — Executive Silence No. III\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eAn architectural portrait exploring arrival and authority. When paired with Executive Noir, these pieces form a powerful series perfect for high-level executive environments.\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 where elegance meets authority, curated for collectors who value timeless sophistication and powerful visual presence.\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 Elegance\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 sophistication is celebrated—interiors that value the intersection of fashion, power, and timeless visual elegance.\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\"\u003eLuxury Penthouses\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003ePrivate Dressing Rooms\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eFashion-Forward Residences\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eBoutique Hotels\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eExecutive Suites\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eLuxury Retail Spaces\u003c\/span\u003e\n \u003cspan class=\"space-tag fade-in\"\u003eCollector Galleries\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:%20Executive%20Noir\" 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":"Default Title","offer_id":47220285374629,"sku":"5052585_16039","price":11264.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_4340.png?v=1765665607"},{"product_id":"velvet-departure","title":"Velvet Departure — The Art of Leaving Without Goodbye","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\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\u003eVelvet Departure — Luxury Black \u0026amp; White Feminine Power Art Print\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A museum-grade artwork capturing feminine power, restraint, and the elegance of departure. Limited edition fine art print 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;800\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-card: #111111;\n --text-light: #f5f5f5;\n --text-muted: #a0a0a0;\n --accent: #8B7355;\n --accent-hover: #a38869;\n --border: 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-light);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Typography *\/\n h1, h2, h3, h4 {\n font-family: 'Playfair Display', serif;\n font-weight: 600;\n letter-spacing: 0.5px;\n }\n\n .serif {\n font-family: 'Cormorant Garamond', serif;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n border-bottom: 1px solid var(--border);\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-light);\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-muted);\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);\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-top: 80px;\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(circle at 20% 30%, rgba(139, 115, 85, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(139, 115, 85, 0.03) 0%, transparent 50%);\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 1; }\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 @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.95rem;\n letter-spacing: 3px;\n color: var(--accent);\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n animation: fadeIn 1.5s ease-out 0.3s both;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .hero h1 {\n font-size: 4.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n line-height: 1.1;\n background: linear-gradient(135deg, #ffffff 0%, #d4d4d4 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: fadeInUp 1.2s ease-out 0.2s both;\n }\n\n .edition-tag {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n color: var(--text-muted);\n margin-bottom: 2rem;\n font-style: italic;\n animation: fadeIn 1.5s ease-out 0.5s both;\n }\n\n .hero-tagline {\n font-size: 1.4rem;\n color: var(--text-muted);\n margin-bottom: 3rem;\n font-weight: 300;\n letter-spacing: 1px;\n animation: fadeIn 1.5s ease-out 0.7s both;\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.95rem;\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 0.9s 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);\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 Containers *\/\n .section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 3rem;\n margin-bottom: 1rem;\n text-align: center;\n }\n\n .section-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.2rem;\n color: var(--text-muted);\n text-align: center;\n margin-bottom: 4rem;\n font-style: italic;\n }\n\n \/* Divider *\/\n .divider {\n width: 80px;\n height: 2px;\n background: var(--accent);\n margin: 3rem auto;\n }\n\n \/* Video Section *\/\n .video-section {\n background: var(--bg-card);\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-radius: 8px;\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-section {\n background: var(--bg-dark);\n }\n\n .description-content {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .short-description {\n font-size: 1.5rem;\n color: var(--accent);\n font-weight: 500;\n margin-bottom: 2rem;\n line-height: 1.6;\n }\n\n .long-description {\n font-size: 1.1rem;\n color: var(--text-muted);\n line-height: 1.9;\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(--bg-card);\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: 2;\n color: var(--text-light);\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-card);\n padding: 3rem 2rem;\n border-radius: 8px;\n border: 1px solid var(--border);\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);\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-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-light);\n }\n\n .feature-description {\n color: var(--text-muted);\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 background: var(--bg-card);\n padding: 4rem;\n border-radius: 8px;\n }\n\n .stat-item {\n text-align: center;\n padding: 2rem;\n border-right: 1px solid var(--border);\n }\n\n .stat-item:last-child {\n border-right: none;\n }\n\n .stat-value {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--accent);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 1px;\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 background: var(--bg-card);\n border-radius: 8px;\n overflow: hidden;\n border: 1px solid var(--border);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .pairing-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(139, 115, 85, 0.2);\n }\n\n .pairing-content {\n padding: 2rem;\n }\n\n .pairing-title {\n font-size: 1.8rem;\n margin-bottom: 1rem;\n color: var(--text-light);\n }\n\n .pairing-description {\n color: var(--text-muted);\n line-height: 1.8;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, var(--bg-card) 0%, #1a1511 100%);\n padding: 6rem 2rem;\n text-align: center;\n }\n\n .collection-cta h2 {\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-muted);\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-card);\n border: 1px solid var(--accent);\n border-radius: 50px;\n font-size: 0.95rem;\n color: var(--text-light);\n letter-spacing: 1px;\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n background: var(--bg-card);\n padding: 4rem 2rem;\n text-align: center;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .brand-strip-title {\n font-size: 0.9rem;\n letter-spacing: 2px;\n color: var(--text-muted);\n margin-bottom: 2rem;\n text-transform: uppercase;\n }\n\n .brand-names {\n font-family: 'Playfair Display', 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 2rem;\n text-align: center;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1511 50%, #0a0a0a 100%);\n }\n\n .final-cta h2 {\n font-size: 3.5rem;\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n font-size: 1.3rem;\n color: var(--text-muted);\n margin-bottom: 3rem;\n }\n\n \/* Footer *\/\n footer {\n background: var(--bg-card);\n padding: 3rem 2rem;\n text-align: center;\n border-top: 1px solid var(--border);\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: 1.5rem;\n transition: color 0.3s ease;\n }\n\n .social-links a:hover {\n color: var(--accent);\n }\n\n .footer-text {\n color: var(--text-muted);\n font-size: 0.9rem;\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 .hero h1 {\n font-size: 2.5rem;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .nav-links {\n display: none;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n padding: 2rem;\n }\n\n .stat-item {\n border-right: none;\n border-bottom: 1px solid var(--border);\n }\n\n .stat-item:last-child {\n border-bottom: none;\n }\n\n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n```\n\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=\"#inquire\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n\u003c\/header\u003e\n\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cp class=\"hero-subtitle\"\u003eTHE ART OF LEAVING WITHOUT GOODBYE\u003c\/p\u003e\n \u003ch1\u003eVelvet Departure\u003c\/h1\u003e\n \u003cp class=\"edition-tag\"\u003eLimited Edition of 12\u003c\/p\u003e\n \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Velvet%20Departure\" 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\/MXUcFyCDUmE\" 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=\"section description-section\" id=\"about\"\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003cp class=\"short-description\"\u003ePower is most dangerous when it turns its back.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"long-description\"\u003e\n \u003cp\u003e\u003cem\u003eVelvet Departure — The Art of Leaving Without Goodbye\u003c\/em\u003e is an ode to controlled exit—the moment after the decision has already been made.\u003c\/p\u003e\n \n \u003cp\u003eThe figure is turned away.\u003cbr\u003e\n Her back exposed.\u003cbr\u003e\n Her gown dissolving into shadow.\u003cbr\u003e\n Nothing here asks to be seen—yet everything commands attention.\u003c\/p\u003e\n \n \u003cp\u003eRendered in tonal grayscale with deep black saturation, the artwork emphasizes spine, shoulder, and negative space. The fabric moves like smoke. The body remains still. This contrast is intentional: motion belongs to the world she leaves behind.\u003c\/p\u003e\n \n \u003cp\u003eThis piece is about restraint, not seduction.\u003cbr\u003e\n Confidence, not confrontation.\u003cbr\u003e\n Finality, without explanation.\u003c\/p\u003e\n \n \u003cp\u003eDesigned for luxury corridors, penthouse bedrooms, executive dressing rooms, boutique hotel suites, and collector hallways, this artwork creates atmosphere rather than decoration. It slows the room. It changes the temperature.\u003c\/p\u003e\n \n \u003cp\u003eShe is not walking away in weakness.\u003cbr\u003e\n She is departing because she already won.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"section backstory-section\"\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Story\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-text\"\u003e\n \u003cp\u003eShe didn't turn away to be chased.\u003c\/p\u003e\n \u003cp\u003eShe turned away because the story was already finished.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"section\" id=\"features\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eMuseum-Grade Quality\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCrafted for permanence, designed for impact\u003c\/p\u003e\n \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 12 prints will ever exist. Each piece is individually numbered and accompanied by a Certificate of Authenticity, ensuring exclusivity and long-term value for discerning collectors.\u003c\/p\u003e\n \u003c\/div\u003e\n \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. Printed with ultra-rich archival pigment inks on premium cotton rag or satin archival paper for exceptional tonal depth and preservation.\u003c\/p\u003e\n \u003c\/div\u003e\n \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\"\u003eFeminine power portraits maintain strong demand in luxury residential and hospitality markets. This piece commands attention in executive interiors where atmosphere and authority matter most.\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=\"stats-grid fade-in\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-value\"\u003e12\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-value\"\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-value\"\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-value\"\u003e1\/1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eUniquely Numbered\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\" style=\"background: var(--bg-card);\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCreate a narrative sequence of power\u003c\/p\u003e\n \n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003cdiv class=\"pairing-content\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eExecutive Muse\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eThe Woman Who Owns the Room. Perfect as the opening statement—her arrival commanding immediate attention before the quiet exit of Velvet Departure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003cdiv class=\"pairing-content\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eCorridor Silence\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003ePower in Passing. Creates a trilogy of movement: arrival, dominance, departure. The complete arc of sovereign presence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp style=\"text-align: center; margin-top: 3rem; color: var(--text-muted); font-style: italic;\"\u003e\n Perfect as a sequence narrative: arrival → dominance → departure\n \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection Exploration --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n \u003ch2 class=\"fade-in\"\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003eDiscover more works from the Black \u0026amp; White Luxury Collection—a curated series exploring restraint, elegance, and the architecture of feminine power.\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=\"section investment-section\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eInvestment-Grade Positioning\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDesigned for spaces where atmosphere matters more than decoration\u003c\/p\u003e\n \n \u003cdiv class=\"target-spaces fade-in\"\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Hotel Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePenthouse Bedrooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Dressing Rooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotel Suites\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eCollector Hallways\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Galleries\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\"\u003eDesigned for the world's most discerning spaces\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\" id=\"inquire\"\u003e\n \u003ch2 class=\"fade-in\"\u003eBegin Your Acquisition\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003eOnly 12 editions available worldwide\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Acquisition%20Inquiry:%20Velvet%20Departure\" 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=\"social-links\"\u003e\n \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" aria-label=\"Instagram\"\u003e📷\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\" aria-label=\"Facebook\"\u003ef\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\" aria-label=\"Pinterest\"\u003eP\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;\"\u003ekristina@kasianartstudio.com\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 \/\/ Observe all fade-in elements\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":"Default Title","offer_id":47307124637861,"sku":"3880716_16039","price":11424.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_4357.png?v=1765840543"},{"product_id":"framed-canvas-15","title":"Poised in Silence — The Woman Who Never Asks","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 Feminine Wall Art | Poised in Silence — Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Museum-grade feminine wall art capturing power, elegance, and composure 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: #d4a574;\n --accent-hover: #e5b685;\n --divider: rgba(212, 165, 116, 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(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(--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: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(212, 165, 116, 0.08) 0%, 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 .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(212, 165, 116, 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 15\u003c\/div\u003e\n \u003ch1 class=\"hero-title\"\u003ePoised in Silence\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Woman Who Never Asks\u003c\/p\u003e\n \u003cp class=\"section-subtitle\"\u003eShe doesn't wait to be chosen. She decides.\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\/hO51CCfpxbw?si=BqrAx1oaDwDbxvkN\" title=\"Poised in Silence\" 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\"\u003ePower Without Permission\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\"\u003ePoised in Silence — The Woman Who Never Asks\u003c\/span\u003e is a study in controlled presence.\u003c\/p\u003e\n \u003cp\u003eShe is seated low, balanced on heels, grounded yet untouchable. One strand of hair falls across her face—not to obscure, but to remind. The gaze is direct. Calm. Unapologetic.\u003c\/p\u003e\n \u003cp\u003eThere is no excess. No gesture seeking approval. Only certainty.\u003c\/p\u003e\n \u003cp\u003eRendered in monochromatic tones with sculptural lighting, this piece highlights muscle, posture, and restraint. The body is power. The stillness is authority. The silence is intentional.\u003c\/p\u003e\n \u003cp\u003eThis artwork belongs in spaces where decisions are made quietly—\u003cspan class=\"description-highlight\"\u003eexecutive offices, penthouse dressing rooms, private corridors, luxury hotel suites,\u003c\/span\u003e and collector interiors that understand presence over performance.\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eShe is not posing. She is occupying.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eThis is femininity without permission.\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 Story Behind the Silence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cp\u003eShe learned early—\u003c\/p\u003e\n \u003cp\u003eSilence speaks louder than movement.\u003c\/p\u003e\n \u003cp\u003eAnd presence never asks permission.\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 exclusivity and long-term value 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 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\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eContemporary feminine portraiture maintains 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\"\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\"\u003eDesigned to curate a narrative of command rather than decoration.\u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eVelvet Departure\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eThe Art of Leaving Without Goodbye — A study in elegant exit strategy, capturing the moment when presence becomes memory. The perfect complement to controlled power.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSilent Authority\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003ePower Without Explanation — Command that requires no announcement. Together with Poised in Silence, these pieces create an unmistakable narrative of feminine sovereignty.\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 understand the language of restraint, elegance, and quiet power.\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=\"investment-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n \u003cdiv class=\"section-subtitle\"\u003eThis artwork is created for interiors that value authority, elegance, and restraint over spectacle.\u003c\/div\u003e\n \u003cdiv class=\"target-spaces fade-in\"\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Offices\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePenthouse Interiors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Hotel Suites\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eCollector Galleries\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eDesigner Showrooms\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, contact our curatorial team directly.\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":47316068991141,"sku":"8696898_16039","price":10284.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_4369.png?v=1766089258"},{"product_id":"veiled-silence","title":"Veiled Silence — Power Unseen","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\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 Wall Art | Veiled Silence — Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Museum-grade black and white artwork curated for luxury hotels, collectors, 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-neutral: #2a2a2a;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --accent: #d4d4d4;\n --accent-hover: #e5e5e5;\n --divider: rgba(212, 212, 212, 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(212, 212, 212, 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-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 \/* Veil-like semi-transparent overlay - subtle diagonal sweep *\/\n .hero::before {\n content: '';\n position: absolute;\n top: -30%;\n right: -20%;\n width: 80%;\n height: 160%;\n background: linear-gradient(120deg, \n transparent 0%, \n rgba(212, 212, 212, 0.02) 30%,\n rgba(212, 212, 212, 0.04) 50%,\n rgba(212, 212, 212, 0.02) 70%,\n transparent 100%);\n transform: rotate(-15deg);\n animation: veilDrift 18s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes veilDrift {\n 0%, 100% { \n transform: rotate(-15deg) translateX(0);\n opacity: 0.3;\n }\n 50% { \n transform: rotate(-13deg) translateX(-40px);\n opacity: 0.5;\n }\n }\n\n \/* Subtle shadow accent mimicking hat brim *\/\n .hero::after {\n content: '';\n position: absolute;\n top: 35%;\n left: 50%;\n transform: translateX(-50%);\n width: 600px;\n height: 2px;\n background: linear-gradient(90deg, \n transparent 0%,\n rgba(212, 212, 212, 0.1) 50%,\n transparent 100%);\n animation: shadowPulse 8s ease-in-out infinite;\n pointer-events: none;\n }\n\n @keyframes shadowPulse {\n 0%, 100% { \n opacity: 0.2;\n width: 600px;\n }\n 50% { \n opacity: 0.4;\n width: 650px;\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: 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: 300;\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: 100px;\n height: 1px;\n background: var(--accent);\n margin: 4rem auto;\n }\n\n \/* VIDEO SECTION *\/\n .video-section {\n background: var(--bg-neutral);\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-neutral);\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(--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-neutral);\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(212, 212, 212, 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-neutral);\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: 300;\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-neutral);\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-neutral) 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-neutral);\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-neutral);\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-neutral) 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\"\u003eVeiled Silence\u003c\/h1\u003e\n \u003cp class=\"hero-tagline\"\u003ePower Unseen\u003c\/p\u003e\n \u003cp class=\"section-subtitle\"\u003eElegance that does not ask to be noticed.\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\/tQGSlKGmWg0?si=zNqRO48YqNIvDRGS\" title=\"Veiled Silence\" 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\"\u003eAuthority Without Exposure\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\"\u003eVeiled Silence is an exploration of authority without exposure.\u003c\/span\u003e The eyes are hidden. The voice is unnecessary. What remains is presence—composed, controlled, absolute.\u003c\/p\u003e\n \u003cp\u003eThis work embodies Kasian Art Studio's signature quiet dominance: femininity rendered as restraint, confidence expressed through what is deliberately withheld. The sweeping hat obscures identity, transforming the subject into an archetype rather than a portrait. \u003cspan class=\"description-highlight\"\u003eShe is not a woman to be read—she is a force to be felt.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eRendered in monochrome gradients with softened edges, the composition invites stillness and contemplation. The negative space is intentional, allowing luxury interiors to breathe while the artwork anchors the room with subtle command.\u003c\/p\u003e\n \u003cp\u003eDesigned for collectors, \u003cspan class=\"description-highlight\"\u003eluxury hotels, executive residences, boutique corridors,\u003c\/span\u003e and gallery spaces where understatement is the highest form of power.\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis piece does not speak loudly.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eIt decides.\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 Art of Adjustment\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"backstory-content fade-in\"\u003e\n \u003cp\u003eShe does not reveal herself.\u003c\/p\u003e\n \u003cp\u003eShe allows the world to adjust.\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 presence, restraint, and emotional sophistication.\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. Soft painterly depth and clean contemporary finishes preserve the delicate monochrome gradients essential for this composition.\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\"\u003eMonochrome portraiture maintains timeless appeal in luxury environments. This piece is designed for boutique hotels, executive offices, fashion houses, 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\"\u003eTogether, these works form a Quiet Power Series, curated for luxury environments that favor restraint, confidence, and emotional sophistication.\u003c\/div\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eSilent Authority\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eThe Kasian Femme Collection — A companion study in controlled presence and feminine command. Together with Veiled Silence, these pieces create a dialogue of power expressed through restraint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card fade-in\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eObscura\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eStudies in Power \u0026amp; Poise — An exploration of identity concealed to reveal essence. Paired with Veiled Silence, these works celebrate the strength found in 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\" id=\"collection\"\u003e\n \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n \u003cp\u003eDiscover more works from the Emotional Figurative Collection—pieces that celebrate presence, restraint, and the quiet architecture of power.\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 Refined Environments\u003c\/h2\u003e\n \u003cdiv class=\"section-subtitle\"\u003eThis artwork is created for spaces where elegance, restraint, and presence define the aesthetic over noise.\u003c\/div\u003e\n \u003cdiv class=\"target-spaces fade-in\"\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Offices\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Hotels\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePenthouse Dressing Rooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Galleries\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eFashion Houses\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 monochrome portraiture, or installation guidance for boutique 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":"Black","offer_id":47317421883557,"sku":"1445657_16039","price":10224.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":47317421916325,"sku":"1445657_15700","price":10224.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_4399.png?v=1766177108"},{"product_id":"crimson-vow","title":"Crimson Vow — An Intimate Gesture","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\u003eCrimson Vow — Luxury Romantic Wall Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"Museum-grade figurative artwork with crimson accents, curated for luxury hotels, collectors, and refined interiors. Limited Edition of 20.\"\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@200;300;400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n :root {\n --deep-black: #0a0a0a;\n --charcoal: #1a1a1a;\n --warm-gray: #2a2a2a;\n --soft-gray: #4a4a4a;\n --light-gray: #c8c8c8;\n --off-white: #f5f5f5;\n --crimson: #8B0000;\n --crimson-hover: #a01010;\n --crimson-light: rgba(139, 0, 0, 0.15);\n --gold-accent: #c9a227;\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(--deep-black);\n color: var(--off-white);\n line-height: 1.7;\n overflow-x: hidden;\n }\n \n \/* Typography *\/\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Playfair Display', serif;\n font-weight: 400;\n letter-spacing: 0.02em;\n }\n \n .serif-text {\n font-family: 'Cormorant Garamond', serif;\n }\n \n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\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 2px 20px rgba(0, 0, 0, 0.5);\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.4rem;\n font-weight: 600;\n letter-spacing: 0.15em;\n color: var(--off-white);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n .logo:hover {\n color: var(--crimson);\n }\n \n .nav-links {\n display: flex;\n gap: 3rem;\n list-style: none;\n }\n \n .nav-links a {\n font-size: 0.9rem;\n font-weight: 300;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--light-gray);\n text-decoration: none;\n transition: color 0.3s ease;\n position: relative;\n }\n \n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--crimson);\n transition: width 0.3s ease;\n }\n \n .nav-links a:hover {\n color: var(--off-white);\n }\n \n .nav-links a:hover::after {\n width: 100%;\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, var(--deep-black) 0%, var(--charcoal) 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% 50%, rgba(139, 0, 0, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(139, 0, 0, 0.05) 0%, transparent 50%);\n animation: pulseGlow 8s ease-in-out infinite;\n }\n \n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 1; }\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 @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-size: 5rem;\n font-weight: 300;\n margin-bottom: 1rem;\n letter-spacing: 0.03em;\n animation: fadeInUp 1.2s ease-out 0.2s backwards;\n }\n \n .hero-subtitle {\n font-size: 1.8rem;\n font-family: 'Cormorant Garamond', serif;\n font-style: italic;\n color: var(--crimson);\n margin-bottom: 2rem;\n animation: fadeInUp 1.2s ease-out 0.4s backwards;\n }\n \n .edition-badge {\n display: inline-block;\n padding: 0.7rem 1.8rem;\n border: 1px solid var(--crimson);\n font-size: 0.85rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n margin-bottom: 2rem;\n animation: fadeInUp 1.2s ease-out 0.6s backwards;\n transition: all 0.3s ease;\n }\n \n .edition-badge:hover {\n background: var(--crimson-light);\n border-color: var(--crimson-hover);\n }\n \n .tagline {\n font-size: 1.1rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--light-gray);\n margin-bottom: 3rem;\n font-weight: 200;\n animation: fadeInUp 1.2s ease-out 0.8s backwards;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: var(--crimson);\n color: var(--off-white);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n transition: all 0.4s ease;\n border: 2px solid var(--crimson);\n animation: fadeInUp 1.2s ease-out 1s backwards;\n position: relative;\n overflow: hidden;\n }\n \n .cta-button::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: var(--crimson-hover);\n transition: width 0.6s ease, height 0.6s ease, top 0.6s ease, left 0.6s ease;\n transform: translate(-50%, -50%);\n z-index: 0;\n }\n \n .cta-button:hover::before {\n width: 300%;\n height: 300%;\n }\n \n .cta-button span {\n position: relative;\n z-index: 1;\n }\n \n .cta-button:hover {\n border-color: var(--crimson-hover);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(139, 0, 0, 0.3);\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: 2rem;\n color: var(--crimson);\n opacity: 0.6;\n }\n \n \/* Section Base Styles *\/\n section {\n padding: 8rem 3rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-size: 3rem;\n text-align: center;\n margin-bottom: 1rem;\n font-weight: 300;\n }\n \n .section-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.3rem;\n text-align: center;\n color: var(--light-gray);\n margin-bottom: 4rem;\n font-style: italic;\n }\n \n \/* Divider *\/\n .divider {\n width: 80px;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--crimson), transparent);\n margin: 4rem auto;\n }\n \n \/* Video Section *\/\n .video-section {\n background: var(--charcoal);\n padding: 8rem 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: 2px;\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 max-width: 900px;\n margin: 0 auto;\n }\n \n .description-text {\n font-size: 1.15rem;\n line-height: 2;\n color: var(--light-gray);\n text-align: center;\n font-weight: 300;\n }\n \n .description-text strong {\n color: var(--off-white);\n font-weight: 400;\n }\n \n \/* Backstory Section *\/\n .backstory-section {\n background: linear-gradient(to bottom, var(--deep-black), var(--charcoal));\n position: relative;\n overflow: hidden;\n }\n \n .backstory-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 1px;\n height: 100%;\n background: linear-gradient(to bottom, transparent, var(--crimson), transparent);\n opacity: 0.3;\n }\n \n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n \n .backstory-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.35rem;\n line-height: 2.2;\n color: var(--light-gray);\n text-align: center;\n margin-bottom: 2rem;\n }\n \n .backstory-text:first-of-type::first-letter {\n font-size: 4rem;\n line-height: 1;\n float: left;\n margin: 0.1rem 0.2rem 0 0;\n color: var(--crimson);\n font-weight: 500;\n }\n \n \/* Features Grid *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 4rem;\n margin-top: 5rem;\n }\n \n .feature-card {\n text-align: center;\n padding: 3rem 2rem;\n background: var(--charcoal);\n border: 1px solid rgba(139, 0, 0, 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: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to right, var(--crimson), transparent);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .feature-card:hover::before {\n transform: translateX(0);\n }\n \n .feature-card:hover {\n border-color: var(--crimson);\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);\n }\n \n .feature-icon {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--crimson);\n }\n \n .feature-title {\n font-size: 1.3rem;\n margin-bottom: 1rem;\n letter-spacing: 0.05em;\n }\n \n .feature-description {\n font-size: 0.95rem;\n line-height: 1.8;\n color: var(--light-gray);\n font-weight: 300;\n }\n \n \/* Edition Stats *\/\n .edition-stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 3rem;\n margin-top: 5rem;\n padding: 4rem;\n background: var(--charcoal);\n border-top: 2px solid var(--crimson);\n border-bottom: 2px solid var(--crimson);\n }\n \n .stat-item {\n text-align: center;\n }\n \n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--crimson);\n display: block;\n margin-bottom: 0.5rem;\n }\n \n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--light-gray);\n }\n \n \/* Pairings Section *\/\n .pairings-section {\n background: var(--charcoal);\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 3rem;\n margin-top: 4rem;\n }\n \n .pairing-card {\n background: var(--deep-black);\n padding: 3rem;\n border: 1px solid rgba(139, 0, 0, 0.15);\n transition: all 0.4s 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(--crimson);\n transition: width 0.6s ease;\n }\n \n .pairing-card:hover::after {\n width: 100%;\n }\n \n .pairing-card:hover {\n border-color: var(--crimson);\n transform: translateX(10px);\n }\n \n .pairing-title {\n font-size: 1.8rem;\n margin-bottom: 1rem;\n letter-spacing: 0.05em;\n }\n \n .pairing-description {\n font-size: 1rem;\n line-height: 1.9;\n color: var(--light-gray);\n }\n \n \/* Collection CTA *\/\n .collection-cta {\n background: linear-gradient(135deg, var(--charcoal) 0%, var(--deep-black) 100%);\n text-align: center;\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: \n radial-gradient(circle at 50% 50%, rgba(139, 0, 0, 0.1) 0%, transparent 70%);\n }\n \n .collection-content {\n position: relative;\n z-index: 2;\n }\n \n \/* Investment Section *\/\n .investment-section {\n background: var(--deep-black);\n }\n \n .investment-content {\n max-width: 800px;\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-top: 3rem;\n }\n \n .space-tag {\n padding: 0.8rem 1.5rem;\n background: var(--charcoal);\n border: 1px solid rgba(139, 0, 0, 0.2);\n font-size: 0.85rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n transition: all 0.3s ease;\n }\n \n .space-tag:hover {\n background: var(--crimson-light);\n border-color: var(--crimson);\n transform: translateY(-2px);\n }\n \n \/* Brand Strip *\/\n .brand-strip {\n background: var(--charcoal);\n padding: 4rem 3rem;\n text-align: center;\n border-top: 1px solid rgba(139, 0, 0, 0.1);\n border-bottom: 1px solid rgba(139, 0, 0, 0.1);\n }\n \n .brand-title {\n font-size: 0.85rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--light-gray);\n margin-bottom: 2rem;\n }\n \n .brand-logos {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n letter-spacing: 0.3em;\n color: var(--off-white);\n opacity: 0.6;\n }\n \n \/* Final CTA *\/\n .final-cta {\n background: linear-gradient(to bottom, var(--deep-black), var(--charcoal));\n text-align: center;\n padding: 10rem 3rem;\n }\n \n .final-cta-title {\n font-size: 3.5rem;\n margin-bottom: 2rem;\n font-weight: 300;\n }\n \n .final-cta-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.4rem;\n color: var(--light-gray);\n margin-bottom: 3rem;\n font-style: italic;\n }\n \n \/* Footer *\/\n footer {\n background: var(--deep-black);\n padding: 4rem 3rem 2rem;\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 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.5rem;\n letter-spacing: 0.15em;\n color: var(--off-white);\n }\n \n .social-links {\n display: flex;\n gap: 2rem;\n }\n \n .social-links a {\n color: var(--light-gray);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n transition: color 0.3s ease;\n }\n \n .social-links a:hover {\n color: var(--crimson);\n }\n \n .footer-bottom {\n max-width: 1400px;\n margin: 3rem auto 0;\n padding-top: 2rem;\n border-top: 1px solid rgba(139, 0, 0, 0.1);\n text-align: center;\n font-size: 0.85rem;\n color: var(--soft-gray);\n }\n \n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .hero-title {\n font-size: 4rem;\n }\n \n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 3rem;\n }\n \n .edition-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .pairings-grid {\n grid-template-columns: 1fr;\n }\n }\n \n @media (max-width: 768px) {\n nav {\n padding: 1.5rem 2rem;\n }\n \n .nav-links {\n display: none;\n }\n \n .hero-title {\n font-size: 3rem;\n }\n \n .hero-subtitle {\n font-size: 1.4rem;\n }\n \n section {\n padding: 5rem 2rem;\n }\n \n .section-title {\n font-size: 2.2rem;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .edition-stats {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .target-spaces {\n flex-direction: column;\n }\n \n .final-cta-title {\n font-size: 2.5rem;\n }\n \n .footer-content {\n flex-direction: column;\n text-align: center;\n }\n }\n \n \/* Fade-in Animation on Scroll *\/\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 id=\"header\"\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=\"#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=\"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-content\"\u003e\n \u003ch1 class=\"hero-title\"\u003eCrimson Vow\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eAn Intimate Gesture\u003c\/p\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 20\u003c\/div\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003e\n \u003cspan\u003eInquire About This Piece\u003c\/span\u003e\n \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 class=\"video-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/EfB7I9K1ZnE\" title=\"Crimson 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-section\" id=\"about\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesire, Wrapped in Restraint\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003e\n An electric fusion of intimacy and elegance—\u003cstrong\u003eCrimson Vow\u003c\/strong\u003e captures the moment just before a promise becomes permanent. Rendered in Kasian Art Studio's signature monochrome restraint, punctuated by a single, deliberate interruption: \u003cstrong style=\"color: var(--crimson);\"\u003ecrimson\u003c\/strong\u003e.\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 Not every vow is spoken. Some are wrapped in silence and kept forever.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Rendered in Kasian Art Studio's signature monochrome restraint, the composition is punctuated by a single, deliberate interruption: red. Not loud. Not decorative. Symbolic. A draped crimson fabric spills across the figure like a secret—unraveling control, revealing devotion, and signaling intimacy without spectacle.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n The figures are faceless yet unmistakably human. Their closeness speaks of trust rather than exposure. The glass of red wine becomes a quiet witness—celebration deferred, tension sustained.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This piece is about connection without announcement. About desire that does not perform. About love that exists in shadows and chooses privacy over proof.\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 Quality\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eCrafted for collectors who demand excellence\u003c\/p\u003e\n \n \u003cdiv class=\"features-grid fade-in\"\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e01\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Only 20 prints will ever exist. Each piece is individually numbered and authenticated, ensuring exclusivity and long-term value appreciation for discerning collectors.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e02\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Museum-grade archival pigment inks on premium fine art substrates ensure 100+ year longevity. Designed for permanent display in luxury hotels, private galleries, and refined residential spaces.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e03\u003c\/div\u003e\n \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003e\n Figurative works with emotional depth and restrained elegance maintain strong demand in luxury hospitality and private collections, making this an acquisition that transcends decoration.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Edition Stats --\u003e\n \u003cdiv class=\"edition-stats fade-in\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cspan class=\"stat-number\"\u003e20\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\u003eEdition Size\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cspan class=\"stat-number\"\u003e100+\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\u003eYear Longevity\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cspan class=\"stat-number\"\u003e2025\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\u003eRelease Year\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cspan class=\"stat-number\"\u003eMuseum\u003c\/span\u003e\n \u003cspan class=\"stat-label\"\u003eGrade Quality\u003c\/span\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 class=\"section-subtitle\"\u003eCreate a cohesive collection\u003c\/p\u003e\n \n \u003cdiv class=\"pairings-grid fade-in\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eVeiled Silence\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n Power unseen. A study in restraint where the hidden becomes more potent than the revealed. Together with Crimson Vow, these works explore the language of intimacy through absence and presence.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eAfter Midnight\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003e\n The Kasian Intimacy Series continues. Moments that exist between heartbeats, where vulnerability and strength coexist. A perfect complement to the quiet devotion captured in Crimson Vow.\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 \u003cdiv class=\"collection-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Quiet Desire Collection\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eEmotion without excess\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp style=\"font-size: 1.1rem; color: var(--light-gray); margin-bottom: 3rem; max-width: 700px; margin-left: auto; margin-right: auto; line-height: 1.9;\"\u003e\n These works create a cohesive narrative for spaces that value emotion without excess. Curated for collectors who understand that the most powerful statements are often the quietest.\n \u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"cta-button\"\u003e\n \u003cspan\u003eExplore the Collection\u003c\/span\u003e\n \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\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Distinction\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp style=\"font-size: 1.15rem; color: var(--light-gray); margin-bottom: 3rem; line-height: 2;\"\u003e\n \u003cem style=\"font-family: 'Cormorant Garamond', serif;\"\u003eCrimson Vow\u003c\/em\u003e anchors luxury hospitality spaces, private collectors, penthouse bedrooms, boutique hotel corridors, and refined residential interiors—spaces where emotional depth and architectural calm coexist.\n \u003c\/p\u003e\n \n \u003cdiv class=\"target-spaces\"\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Hotel Suites\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePenthouse Bedrooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotel Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Dining Rooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eGallery-Style Hallways\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!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003cp class=\"brand-title\"\u003eTrusted by the World's Finest Hospitality Brands\u003c\/p\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 class=\"final-cta\"\u003e\n \u003ch2 class=\"final-cta-title\"\u003eThis is Intimacy for Those Who Understand It\u003c\/h2\u003e\n \u003cp class=\"final-cta-text\"\u003eDesire doesn't need permission.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003e\n \u003cspan\u003eBegin Your Inquiry\u003c\/span\u003e\n \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.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\"\u003eContact\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"footer-bottom\"\u003e\n \u003cp\u003e© 2025 Kasian Art Studio. All Rights Reserved. Museum-Grade Fine Art for Luxury Interiors.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- JavaScript --\u003e\n\u003cscript\u003e\n \/\/ Header scroll effect\n const header = document.getElementById('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 on scroll\n const fadeElements = document.querySelectorAll('.fade-in');\n \n const fadeInOnScroll = () =\u003e {\n fadeElements.forEach(element =\u003e {\n const elementTop = element.getBoundingClientRect().top;\n const elementBottom = element.getBoundingClientRect().bottom;\n \n if (elementTop \u003c window.innerHeight - 100 \u0026\u0026 elementBottom \u003e 0) {\n element.classList.add('visible');\n }\n });\n };\n \n window.addEventListener('scroll', fadeInOnScroll);\n window.addEventListener('load', fadeInOnScroll);\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({\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":47324251652261,"sku":"6412305_16039","price":10314.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":47324251685029,"sku":"6412305_15700","price":10314.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/2BD1119A-0710-489B-9E4C-C8E3438C7FA1.png?v=1766518475"},{"product_id":"midnight-authority","title":"Midnight Authority — The Woman Who Commands Silence","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\u003eMidnight Authority — Luxury Noir Wall Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A museum-grade figurative artwork capturing feminine authority and quiet power, curated for 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: #141414;\n --accent-color: #1a1a1a;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --divider: #2a2a2a;\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(--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(--divider);\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-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(--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 text-align: center;\n padding: 8rem 2rem 4rem;\n position: relative;\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 center, rgba(26, 26, 26, 0.4), 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 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 .edition-badge {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n border: 1px solid var(--divider);\n font-size: 0.8rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 2rem;\n color: var(--text-secondary);\n }\n\n .hero h1 {\n font-family: var(--display);\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 600;\n line-height: 1.1;\n margin-bottom: 1.5rem;\n letter-spacing: -1px;\n }\n\n .tagline {\n font-family: var(--serif);\n font-size: clamp(1.3rem, 3vw, 2rem);\n font-weight: 300;\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 padding: 1rem 3rem;\n background: transparent;\n border: 2px solid var(--text-primary);\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: all 0.3s 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(--text-primary);\n transition: left 0.3s ease;\n z-index: -1;\n }\n\n .cta-button:hover {\n color: var(--primary-bg);\n }\n\n .cta-button:hover::before {\n left: 0;\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: var(--display);\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 600;\n text-align: center;\n margin-bottom: 1rem;\n letter-spacing: -1px;\n }\n\n .section-subtitle {\n font-family: var(--serif);\n font-size: 1.2rem;\n font-style: italic;\n text-align: center;\n color: var(--text-secondary);\n margin-bottom: 4rem;\n }\n\n .divider {\n width: 100px;\n height: 1px;\n background: var(--divider);\n margin: 3rem auto;\n }\n\n \/* Video Section *\/\n .video-section {\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 var(--divider);\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 animation: fadeIn 1s ease-out;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .description-content p {\n font-size: 1.1rem;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n .power-statement {\n font-family: var(--serif);\n font-size: 1.5rem;\n font-weight: 500;\n color: var(--text-primary);\n margin: 2rem 0;\n font-style: italic;\n }\n\n \/* Backstory Section *\/\n .backstory {\n background: var(--secondary-bg);\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.3rem;\n line-height: 1.9;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .backstory-highlight {\n font-size: 1.6rem;\n color: var(--text-primary);\n font-weight: 500;\n margin: 3rem 0;\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(--divider);\n transition: all 0.3s ease;\n }\n\n .feature-card:hover {\n border-color: var(--text-secondary);\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: var(--display);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .feature-description {\n color: var(--text-secondary);\n line-height: 1.7;\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 max-width: 1000px;\n margin: 4rem auto;\n padding: 3rem 0;\n border-top: 1px solid var(--divider);\n border-bottom: 1px solid var(--divider);\n }\n\n .stat {\n text-align: center;\n }\n\n .stat-value {\n font-family: var(--display);\n font-size: 2.5rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\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: 3rem;\n }\n\n .pairing-card {\n border: 1px solid var(--divider);\n padding: 2rem;\n transition: all 0.3s ease;\n }\n\n .pairing-card:hover {\n border-color: var(--text-secondary);\n }\n\n .pairing-title {\n font-family: var(--display);\n font-size: 1.8rem;\n margin-bottom: 1rem;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n line-height: 1.7;\n margin-bottom: 1.5rem;\n }\n\n .pairing-link {\n color: var(--text-primary);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n text-transform: uppercase;\n border-bottom: 1px solid var(--text-primary);\n padding-bottom: 2px;\n transition: all 0.3s ease;\n }\n\n .pairing-link:hover {\n opacity: 0.7;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n background: var(--secondary-bg);\n text-align: center;\n padding: 5rem 2rem;\n }\n\n .collection-cta h2 {\n font-family: var(--display);\n font-size: clamp(2rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n\n .collection-cta p {\n font-size: 1.2rem;\n color: var(--text-secondary);\n margin-bottom: 2.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Investment Section *\/\n .investment-section {\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.7rem 1.5rem;\n border: 1px solid var(--divider);\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(--text-primary);\n background: rgba(255, 255, 255, 0.05);\n }\n\n \/* Brand Strip *\/\n .brand-strip {\n background: var(--secondary-bg);\n padding: 3rem 2rem;\n text-align: center;\n border-top: 1px solid var(--divider);\n border-bottom: 1px solid var(--divider);\n }\n\n .brand-strip p {\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n }\n\n .brand-names {\n font-family: var(--serif);\n font-size: 1.3rem;\n letter-spacing: 3px;\n color: var(--text-primary);\n }\n\n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 6rem 2rem;\n }\n\n .final-cta h2 {\n font-family: var(--display);\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n }\n\n .final-cta p {\n font-family: var(--serif);\n font-size: 1.3rem;\n font-style: italic;\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 text-align: center;\n border-top: 1px solid var(--divider);\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(--text-primary);\n }\n\n .footer-text {\n font-size: 0.85rem;\n color: var(--text-secondary);\n letter-spacing: 1px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n\n .hero {\n padding: 6rem 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 .edition-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* Smooth Scroll *\/\n html {\n scroll-behavior: smooth;\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\n```\n\u003c!-- Header --\u003e\n\u003cheader class=\"header\"\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 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=\"#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\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 25\u003c\/div\u003e\n \u003ch1\u003eMidnight Authority\u003c\/h1\u003e\n \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Midnight%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 section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/NcxTzL1DueY?si=w17rDxsMaCpUfgY9\" title=\"Midnight Authority — 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=\"section\" id=\"details\"\u003e\n \u003cdiv class=\"description-content fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Woman Who Commands Silence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"power-statement\"\u003ePower does not speak. It enters.\u003c\/p\u003e\n \u003cp\u003eMidnight Authority is not a portrait. It is a presence.\u003c\/p\u003e\n \u003cp\u003eRendered in Kasian Art Studio's signature black-on-black restraint, this work captures the moment authority becomes instinctive. The wide-brimmed hat conceals the eyes—not out of mystery, but choice. What remains visible is certainty: sculpted lips, elongated form, posture that requires no validation.\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 fade-in\"\u003e\n \u003cp class=\"backstory-highlight\"\u003eShe does not announce herself.\u003c\/p\u003e\n \u003cp class=\"backstory-highlight\"\u003eThe room adjusts.\u003c\/p\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eThis piece speaks to feminine command without explanation. The kind of power that does not negotiate. The kind that is felt before it is noticed.\u003c\/p\u003e\n \u003cp\u003eMinimalist in palette yet maximal in impact, Midnight Authority anchors luxury interiors with quiet dominance. It is designed for spaces that understand restraint as sophistication—executive offices, penthouse corridors, boutique hotel suites, and private collector environments.\u003c\/p\u003e\n \u003cp class=\"backstory-highlight\"\u003eThis artwork does not decorate. It defines the room.\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\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\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 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n \u003cp class=\"feature-description\"\u003eOnly 25 prints will ever exist. Each piece is numbered, certified, and produced to museum standards—ensuring exclusivity and lasting 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 archival pigment inks on premium fine-art substrates ensure exceptional depth, tonal richness, and 100+ year longevity.\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\"\u003eFigurative noir artwork maintains strong demand among collectors drawn to restraint, power, and timeless elegance in luxury interiors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Stats --\u003e\n\u003csection class=\"section\"\u003e\n \u003cdiv class=\"edition-stats fade-in\"\u003e\n \u003cdiv class=\"stat\"\u003e\n \u003cdiv class=\"stat-value\"\u003e25\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-value\"\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-value\"\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-value\"\u003eMuseum\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eGrade Quality\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"section\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003eComplete The Authority Collection\u003c\/p\u003e\n \u003cdiv class=\"pairings-grid fade-in\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eVeiled Power\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eThe Kasian Noir Series—a companion piece exploring concealed strength and feminine mystique through architectural shadow and form.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"pairing-link\"\u003eExplore Collection →\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eShe Does Not Ask\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eCollector's Edition—capturing unapologetic presence and sovereign command in minimalist black and white portraiture.\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"pairing-link\"\u003eExplore Collection →\u003c\/a\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\u003eThe Authority Collection\u003c\/h2\u003e\n \u003cp\u003eCurated for luxury interiors that lead, not follow.\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=\"section\"\u003e\n \u003cdiv class=\"investment-section fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment-Grade Positioning\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp style=\"font-size: 1.2rem; color: var(--text-secondary); margin-bottom: 3rem;\"\u003eIdeal for spaces that understand restraint as sophistication\u003c\/p\u003e\n \u003cdiv class=\"target-spaces\"\u003e\n \u003cdiv class=\"space-tag\"\u003eExecutive Corner Offices\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eLuxury Penthouse Corridors\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eBoutique Hotel Suites\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Dressing Rooms\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003eGallery-Style Hallways\u003c\/div\u003e\n \u003cdiv class=\"space-tag\"\u003ePrivate Collector Environments\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n \u003cp\u003eTrusted by World-Class Hospitality Brands\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\u003ePower, Without Permission\u003c\/h2\u003e\n \u003cp\u003eShe doesn't raise her voice. She lowers the room.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Midnight%20Authority\" class=\"cta-button\"\u003eBegin Your Inquiry\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter class=\"footer\"\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-text\"\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 \/\/ 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":"Black","offer_id":47332507910309,"sku":"9411906_16039","price":10264.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":47332507943077,"sku":"9411906_15700","price":10264.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/71CE7BFC-FED6-4FCB-BB6C-3E10275AA5AE.png?v=1766869430"},{"product_id":"framed-canvas","title":"Sovereign Form — The Art of Absolute Poise Sovereign Form — The Art of Absolute Poise","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\u003eSovereign Form — Luxury Figurative Wall Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A museum-grade figurative artwork exploring elegance, restraint, and feminine command—curated for luxury interiors.\"\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;600;700\u0026amp;family=Playfair+Display:wght@400;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: #151515;\n --accent-color: #d4a574;\n --text-primary: #ffffff;\n --text-secondary: #c0c0c0;\n --text-muted: #808080;\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 \/* Typography *\/\n h1, h2, h3, h4 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 300;\n letter-spacing: 0.02em;\n }\n \n .playfair {\n font-family: 'Playfair Display', serif;\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 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: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n font-weight: 300;\n letter-spacing: 0.15em;\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: 0.1em;\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 text-align: center;\n padding: 8rem 2rem 4rem;\n position: relative;\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.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 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 .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: 0.2em;\n text-transform: uppercase;\n margin-bottom: 2rem;\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 .hero h1 {\n font-size: clamp(3rem, 8vw, 6rem);\n margin-bottom: 1rem;\n line-height: 1.1;\n animation: fadeInUp 1s ease-out 0.5s both;\n }\n \n .hero-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.8rem);\n color: var(--text-secondary);\n font-weight: 300;\n letter-spacing: 0.1em;\n margin-bottom: 3rem;\n animation: fadeInUp 1s ease-out 0.7s both;\n }\n \n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: transparent;\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n transition: all 0.3s ease;\n animation: fadeInUp 1s ease-out 0.9s both;\n }\n \n .cta-button:hover {\n background: 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 \/* Section Styling *\/\n section {\n padding: 6rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n margin-bottom: 3rem;\n font-weight: 300;\n }\n \n .divider {\n width: 80px;\n height: 1px;\n background: var(--accent-color);\n margin: 4rem 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: 1px solid 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 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: var(--secondary-bg);\n padding: 6rem 2rem;\n margin: 4rem 0;\n }\n \n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n \n .backstory-quote {\n font-family: 'Playfair Display', serif;\n font-size: clamp(1.8rem, 4vw, 3rem);\n font-style: italic;\n text-align: center;\n margin-bottom: 3rem;\n line-height: 1.4;\n color: var(--accent-color);\n }\n \n .backstory p {\n font-size: 1.1rem;\n line-height: 1.9;\n color: var(--text-secondary);\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 text-align: center;\n padding: 2rem;\n border: 1px solid rgba(212, 165, 116, 0.1);\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: 3rem;\n margin-bottom: 1.5rem;\n color: var(--accent-color);\n }\n \n .feature-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n font-weight: 400;\n }\n \n .feature-card p {\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: 4rem 0;\n padding: 3rem 0;\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 .stat-item {\n text-align: center;\n }\n \n .stat-number {\n font-family: 'Cormorant Garamond', 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 color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n }\n \n \/* Pairings Section *\/\n .pairings {\n background: var(--secondary-bg);\n padding: 6rem 2rem;\n }\n \n .pairings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n max-width: 1200px;\n margin: 3rem auto 0;\n }\n \n .pairing-card {\n border: 1px solid rgba(212, 165, 116, 0.1);\n padding: 2rem;\n transition: all 0.3s ease;\n }\n \n .pairing-card:hover {\n border-color: var(--accent-color);\n transform: translateY(-5px);\n }\n \n .pairing-card h3 {\n font-size: 1.8rem;\n margin-bottom: 1rem;\n font-weight: 400;\n }\n \n .pairing-card p {\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, rgba(212, 165, 116, 0.05) 0%, transparent 100%);\n }\n \n .collection-cta h2 {\n font-size: clamp(2.5rem, 5vw, 4rem);\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 text-align: center;\n max-width: 900px;\n margin: 0 auto;\n }\n \n .investment h2 {\n font-size: clamp(2.5rem, 5vw, 4rem);\n margin-bottom: 2rem;\n }\n \n .investment p {\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 1.8;\n margin-bottom: 1.5rem;\n }\n \n .target-spaces {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\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 color: var(--text-secondary);\n font-size: 0.9rem;\n letter-spacing: 0.05em;\n }\n \n \/* Brand Strip *\/\n .brand-strip {\n padding: 4rem 2rem;\n background: var(--secondary-bg);\n text-align: center;\n overflow: hidden;\n }\n \n .brand-strip h3 {\n font-size: 0.9rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-bottom: 2rem;\n }\n \n .brands {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 3rem;\n flex-wrap: wrap;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n color: var(--text-secondary);\n }\n \n .brand-separator {\n color: var(--accent-color);\n }\n \n \/* Final CTA *\/\n .final-cta {\n text-align: center;\n padding: 8rem 2rem;\n background: linear-gradient(to bottom, transparent 0%, rgba(212, 165, 116, 0.05) 100%);\n }\n \n .final-cta h2 {\n font-size: clamp(3rem, 6vw, 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(--secondary-bg);\n padding: 4rem 2rem 2rem;\n text-align: center;\n border-top: 1px solid rgba(212, 165, 116, 0.1);\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: 0.1em;\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 color: var(--text-muted);\n font-size: 0.85rem;\n margin-top: 2rem;\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n nav {\n padding: 1rem;\n }\n \n .nav-links {\n gap: 1rem;\n font-size: 0.8rem;\n }\n \n .hero {\n padding: 6rem 1rem 3rem;\n }\n \n section {\n padding: 4rem 1rem;\n }\n \n .features-grid,\n .pairings-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n \n .brands {\n gap: 1.5rem;\n font-size: 1.2rem;\n }\n }\n \n \/* Scroll Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \u003c\/style\u003e\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 \u003c!-- Hero Section --\u003e\n \u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 25\u003c\/div\u003e\n \u003ch1\u003eSovereign Form\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eThe Art of Absolute Poise\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Sovereign%20Form\" 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=\"fade-in\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/ZCFL5D5PwrE\" title=\"Sovereign Form\" 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 fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eElegance, Elongated. Power, Perfected.\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp\u003eSovereign Form is a study in command through stillness.\u003c\/p\u003e\n \u003cp\u003eThe figure rises in uninterrupted vertical grace—arms lifted, body sculpted, posture unwavering. This is not movement. This is arrival. A moment where discipline, beauty, and authority converge into a single, refined silhouette.\u003c\/p\u003e\n \u003cp\u003eRendered in Kasian Art Studio's signature monochrome restraint, the elongated form evokes haute couture, classical sculpture, and modern minimalism all at once. The absence of excess allows presence to dominate. Nothing distracts. Everything aligns.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Backstory Section --\u003e\n \u003cdiv class=\"backstory fade-in\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003cp class=\"backstory-quote\"\u003e\"She doesn't move for the room. The room rises to meet her.\"\u003c\/p\u003e\n \u003cp\u003eThis piece is designed for interiors that value quiet confidence over decoration—spaces curated by those who understand that true luxury does not shout.\u003c\/p\u003e\n \u003cp\u003eSovereign Form elevates its environment. It lengthens walls. It slows the room. It commands attention without requesting it.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Museum-Grade Features --\u003e\n \u003csection 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\u003eLimited Edition\u003c\/h3\u003e\n \u003cp\u003eOnly 25 prints will ever exist. Each piece is numbered and comes with a Certificate of Authenticity, ensuring exclusivity and investment 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 archival pigment inks on premium fine art substrates ensure exceptional tonal depth, sculptural richness, and 100+ year longevity.\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\u003eFigurative art exploring feminine power maintains strong demand among collectors, interior designers, and luxury hospitality brands worldwide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Edition Details --\u003e\n \u003csection class=\"fade-in\"\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cdiv class=\"stat-number\"\u003e25\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\"\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\"\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\"\u003e1\/1\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eUnique Vision\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Curated Pairings --\u003e\n \u003cdiv class=\"pairings fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: var(--text-secondary); margin-bottom: 3rem; max-width: 700px; margin-left: auto; margin-right: auto;\"\u003e\n Sovereign Form pairs beautifully with these complementary works to create The Command Collection—artworks designed for luxury environments defined by leadership, restraint, and vision.\n \u003c\/p\u003e\n \u003cdiv class=\"pairings-grid\"\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eMidnight Authority\u003c\/h3\u003e\n \u003cp\u003eThe Woman Who Commands Silence. A powerful study in quiet leadership and elegant restraint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3\u003eVeiled Power\u003c\/h3\u003e\n \u003cp\u003eFrom the Kasian Noir Series. Sculptural feminine form rendered in dramatic monochrome elegance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\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\u003eDiscover more sophisticated figurative artworks from the Black \u0026amp; White Luxury Collection, curated for collectors who value 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 Positioning --\u003e\n \u003csection class=\"investment fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eInvestment-Grade Positioning\u003c\/h2\u003e\n \u003cp\u003eSovereign Form is designed for luxury interiors where restraint is sophistication and presence is power.\u003c\/p\u003e\n \u003cp\u003eThis piece elevates executive offices, boutique hotel suites, private galleries, and refined residential spaces that demand museum-quality artwork.\u003c\/p\u003e\n \n \u003cdiv class=\"target-spaces\"\u003e\n \u003cspan class=\"space-tag\"\u003eExecutive Corner Offices\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eDouble-Height Corridors\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eLuxury Penthouse Walls\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eBoutique Hotel Suites\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePrivate Dressing Rooms\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eContemporary Galleries\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Luxury Brand Strip --\u003e\n \u003cdiv class=\"brand-strip fade-in\"\u003e\n \u003ch3\u003eCollected by Luxury Hospitality Brands\u003c\/h3\u003e\n \u003cdiv class=\"brands\"\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\/div\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003csection class=\"final-cta fade-in\"\u003e\n \u003ch2\u003eInquire Today\u003c\/h2\u003e\n \u003cp\u003eLimited to 25 pieces worldwide. Reserve yours before this edition closes.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Collector%20Inquiry:%20Sovereign%20Form\" class=\"cta-button\"\u003eContact Gallery\u003c\/a\u003e\n \u003c\/section\u003e\n\n \u003c!-- Footer --\u003e\n \u003cfooter\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=\"mailto:kristina@kasianartstudio.com\"\u003eEmail\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"divider\" style=\"margin: 2rem auto; width: 60px;\"\u003e\u003c\/div\u003e\n \u003cp class=\"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 \/\/ Smooth scroll animation on load\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\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\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":47361567883429,"sku":"2207796_16039","price":12314.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":47361567916197,"sku":"2207796_16045","price":12314.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":47361567948965,"sku":"2207796_15700","price":12314.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/2329589F-BB60-4FCC-B5D3-115AD97A0755.png?v=1767913656"},{"product_id":"velvet-vice","title":"Velvet Vice — The Quiet Power of Indulgence","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\u003eVelvet Vice — Luxury Noir Wall Art | Kasian Art Studio\u003c\/title\u003e\n \u003cmeta name=\"description\" content=\"A museum-grade noir portrait exploring indulgence, power, and feminine command—crafted for luxury interiors.\"\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 * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-bg: #0a0a0a;\n --accent-color: #d4d4d4;\n --accent-gold: #c9a227;\n --text-primary: #f5f5f5;\n --text-secondary: #b8b8b8;\n --serif: 'Cormorant Garamond', serif;\n --display: 'Playfair Display', serif;\n --sans: 'Montserrat', sans-serif;\n }\n\n body {\n background: var(--primary-bg);\n color: var(--text-primary);\n font-family: var(--sans);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Smooth Scroll *\/\n html {\n scroll-behavior: smooth;\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.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: 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: 2.5rem;\n align-items: center;\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: 300;\n }\n\n .nav 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 5% 4rem;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(201, 162, 39, 0.08), 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 .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 .hero-title {\n font-family: var(--display);\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 600;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n letter-spacing: 1px;\n color: var(--text-primary);\n }\n\n .hero-subtitle {\n font-family: var(--serif);\n font-size: clamp(1.2rem, 2.5vw, 1.8rem);\n font-weight: 300;\n color: var(--text-secondary);\n margin-bottom: 1rem;\n font-style: italic;\n letter-spacing: 2px;\n }\n\n .hero-edition {\n font-size: 0.95rem;\n color: var(--accent-gold);\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-bottom: 3rem;\n font-weight: 400;\n }\n\n .cta-button {\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 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-gold);\n transition: left 0.4s ease;\n z-index: -1;\n }\n\n .cta-button:hover {\n color: var(--primary-bg);\n }\n\n .cta-button:hover:before {\n left: 0;\n }\n\n \/* Video Section *\/\n .video-section {\n padding: 6rem 5%;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .video-container {\n position: relative;\n padding-bottom: 177.78%; \/* 9:16 aspect ratio for vertical video *\/\n height: 0;\n overflow: hidden;\n max-width: 600px;\n margin: 0 auto;\n border-radius: 8px;\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-section {\n padding: 6rem 5%;\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n }\n\n .section-divider {\n width: 80px;\n height: 1px;\n background: var(--accent-gold);\n margin: 0 auto 3rem;\n }\n\n .description-text {\n font-family: var(--serif);\n font-size: 1.3rem;\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: linear-gradient(180deg, rgba(201, 162, 39, 0.03) 0%, transparent 100%);\n }\n\n .backstory-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .section-title {\n font-family: var(--display);\n font-size: clamp(2rem, 4vw, 3rem);\n text-align: center;\n margin-bottom: 3rem;\n letter-spacing: 1px;\n font-weight: 500;\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: 2rem;\n text-align: justify;\n }\n\n \/* Features Grid *\/\n .features-section {\n padding: 6rem 5%;\n max-width: 1400px;\n margin: 0 auto;\n }\n\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 background: rgba(255, 255, 255, 0.02);\n border: 1px solid rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n transition: all 0.4s ease;\n }\n\n .feature-card:hover {\n background: rgba(255, 255, 255, 0.04);\n border-color: var(--accent-gold);\n transform: translateY(-5px);\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.4rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n }\n\n .feature-text {\n font-size: 0.95rem;\n line-height: 1.7;\n color: var(--text-secondary);\n }\n\n \/* Edition Stats *\/\n .stats-section {\n padding: 6rem 5%;\n background: rgba(255, 255, 255, 0.02);\n }\n\n .stats-grid {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n text-align: center;\n }\n\n .stat-card {\n padding: 2rem;\n }\n\n .stat-number {\n font-family: var(--display);\n font-size: 3rem;\n color: var(--accent-gold);\n margin-bottom: 0.5rem;\n font-weight: 600;\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 max-width: 1200px;\n margin: 0 auto;\n }\n\n .pairing-card {\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid rgba(255, 255, 255, 0.05);\n padding: 2rem;\n margin-bottom: 1.5rem;\n border-radius: 4px;\n transition: all 0.3s ease;\n }\n\n .pairing-card:hover {\n background: rgba(255, 255, 255, 0.04);\n border-color: var(--accent-gold);\n }\n\n .pairing-title {\n font-family: var(--display);\n font-size: 1.5rem;\n color: var(--text-primary);\n margin-bottom: 0.5rem;\n }\n\n .pairing-description {\n color: var(--text-secondary);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Collection CTA *\/\n .collection-cta {\n padding: 6rem 5%;\n text-align: center;\n background: linear-gradient(180deg, transparent 0%, rgba(201, 162, 39, 0.05) 100%);\n }\n\n .collection-name {\n font-family: var(--display);\n font-size: 2rem;\n margin-bottom: 2rem;\n color: var(--text-primary);\n }\n\n \/* Investment Section *\/\n .investment-section {\n padding: 6rem 5%;\n max-width: 1000px;\n margin: 0 auto;\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: 1rem 2rem;\n background: rgba(201, 162, 39, 0.1);\n border: 1px solid rgba(201, 162, 39, 0.3);\n border-radius: 30px;\n color: var(--text-primary);\n font-size: 0.9rem;\n letter-spacing: 1px;\n }\n\n \/* Luxury Brand Strip *\/\n .brand-strip {\n padding: 4rem 5%;\n text-align: center;\n background: rgba(255, 255, 255, 0.01);\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .brand-label {\n font-size: 0.85rem;\n color: var(--text-secondary);\n letter-spacing: 2px;\n text-transform: uppercase;\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 padding: 8rem 5%;\n text-align: center;\n background: radial-gradient(circle at 50% 50%, rgba(201, 162, 39, 0.1), transparent 70%);\n }\n\n .final-cta-title {\n font-family: var(--display);\n font-size: clamp(2rem, 4vw, 3.5rem);\n margin-bottom: 2rem;\n line-height: 1.2;\n }\n\n .final-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 \/* Footer *\/\n .footer {\n padding: 4rem 5% 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\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 }\n\n .social-links a:hover {\n color: var(--accent-gold);\n }\n\n .footer-text {\n font-size: 0.85rem;\n color: var(--text-secondary);\n letter-spacing: 1px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .nav {\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 .features-grid {\n grid-template-columns: 1fr;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .spaces-list {\n gap: 1rem;\n }\n\n .brand-names {\n font-size: 1.1rem;\n }\n }\n\n \/* Fade-in on scroll *\/\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 \u003c!-- Header --\u003e\n \u003cheader class=\"header\"\u003e\n \u003cdiv class=\"header-content\"\u003e\n \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\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\"\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\"\u003e\n \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch1 class=\"hero-title\"\u003eVelvet Vice\u003c\/h1\u003e\n \u003cp class=\"hero-subtitle\"\u003eThe Quiet Power of Indulgence\u003c\/p\u003e\n \u003cp class=\"hero-edition\"\u003eLimited Edition of 15\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Velvet%20Vice\" class=\"cta-button\"\u003eRequest Details\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Video Section --\u003e\n \u003csection class=\"video-section fade-in\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/XkDjkgFEj4c\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Description Section --\u003e\n \u003csection class=\"description-section fade-in\"\u003e\n \u003cdiv class=\"section-divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"description-text\"\u003eDangerously refined. Unapologetically composed.\u003c\/p\u003e\n \u003cp class=\"description-text\"\u003eA sculpted profile emerges from shadow—crafted for luxury interiors and fine art collectors who understand that true power never announces itself.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Backstory Section --\u003e\n \u003csection class=\"backstory-section fade-in\"\u003e\n \u003cdiv class=\"backstory-content\"\u003e\n \u003ch2 class=\"section-title\"\u003eThe Moment Before the Rules Bend\u003c\/h2\u003e\n \u003cp class=\"backstory-text\"\u003e\n Velvet Vice captures the moment just before the rules bend. A sculpted profile emerges from shadow—eyes hidden behind oversized noir frames, lips parted with deliberate calm. The cigarette is not rebellion. It is control. This figure does not seek approval, permission, or understanding. She exists in full command of her own narrative.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Rendered in monochrome with luminous sculptural highlights, Velvet Vice channels old-world glamour and modern dominance. The composition is intimate yet untouchable—an icon of restraint wrapped in indulgence.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n This artwork belongs in spaces curated for confidence, sensual intelligence, and quiet luxury. It transforms walls into statements and rooms into moods.\n \u003c\/p\u003e\n \u003cp class=\"backstory-text\"\u003e\n Velvet Vice does not decorate a space. It defines it.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Features Section --\u003e\n \u003csection class=\"features-section 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-text\"\u003eOnly 15 prints will ever exist. Each piece is individually numbered and authenticated, ensuring exclusivity and long-term value for discerning collectors.\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 archival pigment inks on premium fine art substrates ensure exceptional tonal depth, sculptural contrast, and 100+ year longevity.\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\"\u003eNoir figurative works maintain strong demand in luxury hospitality and private collections, offering both aesthetic gravitas and appreciating value.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Edition Stats --\u003e\n \u003csection class=\"stats-section fade-in\"\u003e\n \u003cdiv class=\"stats-grid\"\u003e\n \u003cdiv class=\"stat-card\"\u003e\n \u003cdiv class=\"stat-number\"\u003e15\u003c\/div\u003e\n \u003cdiv class=\"stat-label\"\u003eEdition Size\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-card\"\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\"\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\"\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 \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Curated Pairings --\u003e\n \u003csection class=\"pairings-section fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eMidnight Authority — The Woman Who Never Explains\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eA commanding noir portrait exploring feminine power through shadow and silence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pairing-card\"\u003e\n \u003ch3 class=\"pairing-title\"\u003eVeiled Power — Kasian Noir Series\u003c\/h3\u003e\n \u003cp class=\"pairing-description\"\u003eMystery and authority captured in sculptural monochrome—elegance that refuses transparency.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; margin-top: 2rem; color: var(--text-secondary); font-family: var(--serif); font-size: 1.1rem;\"\u003e\n Together, they form \u003cem\u003eThe Noir Indulgence Collection\u003c\/em\u003e—artworks curated for luxury interiors that flirt with danger while remaining impeccably composed.\n \u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Collection CTA --\u003e\n \u003csection class=\"collection-cta fade-in\"\u003e\n \u003cp class=\"collection-name\"\u003eExplore 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-section fade-in\"\u003e\n \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n \u003cdiv class=\"spaces-list\"\u003e\n \u003cspan class=\"space-tag\"\u003eBoutique Hotel Suites\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePrivate Lounges\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eExecutive Dressing Rooms\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003ePenthouse Corridors\u003c\/span\u003e\n \u003cspan class=\"space-tag\"\u003eCollector Salons\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Luxury Brand Strip --\u003e\n \u003csection class=\"brand-strip fade-in\"\u003e\n \u003cp class=\"brand-label\"\u003eCurated for the world's finest venues\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 fade-in\"\u003e\n \u003ch2 class=\"final-cta-title\"\u003eBegin Your Acquisition\u003c\/h2\u003e\n \u003cp class=\"final-cta-text\"\u003eVelvet Vice is available for private collectors, luxury hospitality brands, and curated residential interiors. Inquire for pricing, framing options, and delivery timelines.\u003c\/p\u003e\n \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Acquisition%20Inquiry:%20Velvet%20Vice\" class=\"cta-button\"\u003eContact Kristina\u003c\/a\u003e\n \u003c\/section\u003e\n\n \u003c!-- Footer --\u003e\n \u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"social-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=\"mailto:kristina@kasianartstudio.com\"\u003eEmail\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\/footer\u003e\n\n \u003c!-- Scroll Animations --\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(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 \/\/ 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 (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\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":47414859858085,"sku":"5790347_16039","price":10764.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":47414859890853,"sku":"5790347_16045","price":10764.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":47414859923621,"sku":"5790347_15700","price":10764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/11768910-5C51-4BE4-B513-8CFB3DCB6E46.png?v=1768949024"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/collections\/IMG_3138.png?v=1763412743","url":"https:\/\/www.kasianartstudio.com\/collections\/grand-scale-statement-pieces.oembed?page=4","provider":"Kasian Art Studio","version":"1.0","type":"link"}